:root{--bg:#f1f4f8;--panel:#fff;--line:#d5dfeb;--ink:#102a43;--muted:#58708a;--blue:#1769e0;--nav:#2b2f33;--nav-hover:#44494f;--danger:#c62828;--success:#176c37;--warning:#d97706;--topbar-h:54px;--sidebar-w:168px;--sidebar-collapsed-w:68px;--nav-text:#fff;--topbar-bg:var(--nav);--topbar-text:#fff;--crm-dropdown-chevron:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2012%208%27%3E%3Cpath%20d=%27M1%201.5%206%206.5%2011%201.5%27%20fill=%27none%27%20stroke=%27%2317324d%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3E%3C/svg%3E");--crm-dropdown-chevron-right:12px;--crm-dropdown-chevron-width:12px;--crm-dropdown-chevron-height:8px;--workspace-corner-radius:18px}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-rows:var(--topbar-h) minmax(calc(100vh - var(--topbar-h)),auto);min-height:100vh;background:var(--nav)}
.topbar{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:var(--sidebar-w) minmax(240px,430px) minmax(0,1fr) auto;gap:10px;align-items:center;position:sticky;top:0;z-index:100;background:var(--topbar-bg,var(--nav));color:var(--topbar-text,#fff)}
.topbar-left{height:100%;display:flex;align-items:center;min-width:0;padding-left:8px}
.topbar-brand-button{width:auto;min-width:38px;max-width:calc(var(--sidebar-w) - 16px);height:40px;border:0;background:transparent;color:var(--topbar-text,#fff);display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 6px 0 0;overflow:hidden;cursor:pointer;border-radius:9px}
.topbar-brand-button:hover{background:color-mix(in srgb,var(--topbar-text,#fff) 12%,transparent)}
.topbar-brand-logo{width:32px;height:32px;object-fit:contain;border-radius:7px;background:#fff;padding:3px;flex:0 0 auto}
.topbar-brand-mark{width:32px;height:32px;border-radius:7px;background:#fff;color:var(--topbar-bg,var(--nav));display:grid;place-items:center;font-weight:800;font-size:10px;flex:0 0 auto}
.topbar-brand-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--topbar-text,#fff);font-weight:800;font-size:14px;line-height:1}
.sidebar{grid-column:1;grid-row:2;position:sticky;top:var(--topbar-h);width:var(--sidebar-w);height:calc(100vh - var(--topbar-h));padding:12px 7px 68px;background:var(--nav);color:var(--nav-text,#fff);overflow:visible;border-top-right-radius:0;z-index:80;background-clip:padding-box;box-shadow:none;transition:width .2s ease,padding .2s ease}
.sidebar .brand{display:none!important}
.sidebar::before,.sidebar::after{content:none;display:none}
.main-nav{width:100%;overflow:visible;padding:2px 0 0}
.nav-group{position:relative;width:100%;margin:2px 0}
.nav-parent{width:100%;border:0;font:inherit;text-align:left;cursor:pointer;background:transparent;color:inherit}
.nav-link{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) 18px;column-gap:7px;align-items:center;width:100%;height:36px;min-height:36px;margin:2px 0;padding:0 8px;box-sizing:border-box;color:var(--nav-text,#fff);text-decoration:none;border-radius:12px;white-space:nowrap;overflow:hidden;font-size:12px;font-weight:700;line-height:1.2}
.nav-link:hover,.nav-link.active,.nav-group.is-current>.nav-parent,.nav-group.is-open>.nav-parent{background:color-mix(in srgb,var(--nav-text,#fff) 19%,transparent)}
.nav-icon{width:17px;height:17px;display:block;justify-self:center;align-self:center;flex:0 0 auto}
.nav-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;align-self:center;line-height:1.2}
.nav-chevron{display:grid;place-items:center;width:18px;min-width:18px;height:18px;margin:0;justify-self:end;align-self:center;text-align:center;overflow:visible;font-size:15px;line-height:1;transition:transform .16s ease}
.nav-group.is-open>.nav-parent .nav-chevron{transform:rotate(90deg)}
.nav-divider{height:1px;margin:8px 3px;background:color-mix(in srgb,var(--nav-text,#fff) 20%,transparent)}
.sidebar-collapse{position:fixed;left:calc(var(--sidebar-w) - 43px);bottom:18px;width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--nav-text,#fff) 20%,transparent);color:var(--nav-text,#fff);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .16s,left .2s,transform .2s;z-index:90}
.sidebar:hover .sidebar-collapse,.sidebar:focus-within .sidebar-collapse{opacity:1;pointer-events:auto}
.sidebar-collapse:hover{background:color-mix(in srgb,var(--nav-text,#fff) 30%,transparent)}
.sidebar-collapse svg{width:18px;height:18px}
.nav-flyout{display:none;position:absolute;left:calc(100% + 8px);top:0;width:230px;max-height:min(520px,calc(100vh - 80px));overflow:auto;padding:8px;background:var(--nav);color:var(--nav-text,#fff);border:1px solid #ffffff24;border-radius:10px;box-shadow:0 18px 45px #0005;z-index:140;pointer-events:auto}
.nav-group.is-open>.nav-flyout{display:block;visibility:visible;opacity:1;animation:navFlyIn .14s ease-out}
.nav-flyout-title{padding:8px 10px 9px;border-bottom:1px solid #ffffff20;margin-bottom:4px;font-weight:800}
.nav-flyout a{display:block;color:inherit;text-decoration:none;padding:9px 10px;border-radius:8px;font-weight:600}
.nav-flyout a:hover,.nav-flyout a:focus-visible{background:#ffffff18;outline:none}
.nav-child-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:4px;align-items:center;border-radius:8px}
.nav-child-row:hover,.nav-child-row:focus-within{background:#ffffff18}
.nav-flyout .nav-child-link{display:flex;flex-direction:column;gap:1px;min-width:0;padding:9px 10px;background:transparent!important}
.nav-child-link small{font-size:10px;opacity:.68;font-weight:500}
.nav-bookmark-toggle{width:30px;height:30px;padding:5px;border:0;border-radius:7px;display:grid;place-items:center;color:inherit;background:transparent;cursor:pointer;opacity:0;transition:opacity .14s,background .14s,color .14s}
.nav-child-row:hover .nav-bookmark-toggle,.nav-bookmark-toggle:focus-visible,.nav-bookmark-toggle.is-bookmarked{opacity:1}
.nav-bookmark-toggle:hover,.nav-bookmark-toggle:focus-visible{background:#ffffff1f;outline:none}
.nav-bookmark-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.nav-bookmark-toggle.is-bookmarked svg{fill:currentColor}
.nav-bookmarks-empty{padding:12px 10px;color:inherit;opacity:.72;font-size:12px}
.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-w) minmax(0,1fr)}
.app-shell.sidebar-collapsed .topbar{grid-template-columns:var(--sidebar-collapsed-w) minmax(240px,430px) minmax(0,1fr) auto}
.app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-w);padding-left:7px;padding-right:7px}
.app-shell.sidebar-collapsed .topbar-brand-name,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .nav-chevron{display:none}
.app-shell.sidebar-collapsed .topbar-brand-button{width:40px;max-width:40px;padding:0;justify-content:center}
@media(min-width:901px){.app-shell.sidebar-collapsed .main-nav>.nav-link,.app-shell.sidebar-collapsed .main-nav>.nav-group>.nav-parent{display:flex;align-items:center;justify-content:center;width:100%;height:36px;min-height:36px;margin:2px 0;padding:0;gap:0;text-align:center}.app-shell.sidebar-collapsed .main-nav .nav-icon{display:block;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;justify-self:auto;align-self:auto;flex:0 0 18px;transform:none}.app-shell.sidebar-collapsed .main-nav>.nav-group{width:100%}}
.app-shell.sidebar-collapsed .nav-divider{margin-left:4px;margin-right:4px}
.app-shell.sidebar-collapsed .sidebar-collapse{left:17px;transform:rotate(180deg)}
.app-shell.sidebar-collapsed .nav-flyout{left:calc(100% + 8px)}
@keyframes navFlyIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:800px){
.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr;grid-template-rows:var(--topbar-h) auto}
.topbar,.app-shell.sidebar-collapsed .topbar{grid-template-columns:54px minmax(0,1fr) 54px}
.topbar-left{padding-left:8px}
.topbar-brand-button,.app-shell.sidebar-collapsed .topbar-brand-button{width:40px;max-width:40px;padding:0;justify-content:center}
.topbar-brand-name,.app-shell.sidebar-collapsed .topbar-brand-name{display:none}
.sidebar,.app-shell.sidebar-collapsed .sidebar{position:fixed;left:-280px;top:var(--topbar-h);width:260px;height:calc(100vh - var(--topbar-h));padding:14px 12px 76px;overflow:auto;transition:left .2s;box-shadow:8px 0 30px #0004}
.sidebar.open,.app-shell.sidebar-collapsed .sidebar.open{left:0}
.sidebar::before,.sidebar::after{display:none}
.nav-link,.app-shell.sidebar-collapsed .nav-link{grid-template-columns:22px minmax(0,1fr) 18px;gap:9px;width:100%;height:42px;min-height:42px;margin:3px 0;padding:0 10px;font-size:13px;justify-items:stretch}
.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .nav-chevron{display:block}
.nav-icon{width:18px;height:18px}
.nav-chevron{width:18px;min-width:18px}
.sidebar-collapse{display:none}
.nav-flyout,.app-shell.sidebar-collapsed .nav-flyout{position:static;width:auto;max-height:none;margin:4px 2px 8px 34px;box-shadow:none;border-radius:8px}
.nav-group.is-open>.nav-flyout{animation:none}
.nav-bookmark-toggle{opacity:1}
}*{box-sizing:border-box}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html,body{min-height:100%}body{margin:0;font:14px/1.5 Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:#075aa8}.topbar-icon{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff;text-decoration:none;font-size:20px;cursor:pointer}.topbar-icon:hover,.topbar-icon.active{background:#ffffff18}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;padding-right:18px}.settings-cog{font-size:21px}.global-search{position:relative;width:100%;display:flex;align-items:center}.global-search .search-icon{position:absolute;left:14px;font-size:20px;color:#fff;opacity:.9}.global-search input{height:36px;border:1px solid #7a7f84;border-radius:20px;padding:7px 16px 7px 42px;background:#303438;color:#fff;outline:none}.global-search input::placeholder{color:#fff}.global-search input:focus{border-color:#c4ccd4;box-shadow:0 0 0 2px #ffffff1f}.search-results{position:absolute;top:42px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px #0002;display:none;max-height:420px;overflow:auto;color:var(--ink)}.search-results.open{display:block}.search-group h4{margin:0;padding:8px 12px;background:#f5f8fb}.search-group a{display:block;padding:8px 12px;text-decoration:none}.brand{display:flex;align-items:center;gap:10px;padding:2px 7px 16px;margin-bottom:6px;border-bottom:1px solid #ffffff20}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:var(--nav);font-size:11px;font-weight:900}.brand-name{font-weight:800}.nav-dot{width:12px;height:12px;border:2px solid #fff;border-radius:3px;opacity:.9}.sidebar-user{position:sticky;bottom:-16px;margin:20px -12px -16px;padding:12px 16px;background:#25292d;border-top:1px solid #ffffff20;display:flex;justify-content:space-between}.sidebar-user a{color:#fff}.main{grid-column:2;grid-row:2;min-width:0;position:relative;z-index:45;background:var(--bg);margin-left:0;padding-left:0;border-top-left-radius:var(--workspace-corner-radius);background-clip:padding-box;overflow:visible}.content{padding:20px 24px 36px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-head h1,.settings-page-head h1{margin:0}.page-head p,.settings-page-head p{margin:4px 0;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}.panel.is-reviewing{background:var(--bg)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;color:inherit}.stat-card strong{display:block;font-size:28px}.button{border:0;background:var(--blue);color:white;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:700;cursor:pointer}.button.secondary{background:#fff;color:var(--ink);border:1px solid #c7d4e3}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label span,.login-card label,.admin-user-grid label span{display:block;font-weight:700;margin-bottom:6px}input,textarea,select{width:100%;border:1px solid #b8c8da;border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink)}.form-actions{grid-column:1/-1;display:flex;gap:10px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.details-grid>div{border:1px solid var(--line);border-radius:10px;padding:12px}.details-grid small{display:block;color:var(--muted)}.details-grid strong{display:block;margin-top:4px}.record-head{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.list-search{display:flex;gap:8px;margin-bottom:16px}.alert{padding:12px;border-radius:8px;margin-bottom:12px}.alert.error{background:#ffebee;color:#8e1b1b}.alert.success{background:#e7f7ed;color:#176c37}.link-danger{border:0;background:none;color:var(--danger);padding:14px 0;cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;background:#eaf0f7}.login-card{width:min(420px,92vw);background:white;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 20px 60px #0002}.login-card.wide{width:min(800px,94vw)}.login-card input{margin:6px 0 14px}.communication-backdrop{position:fixed;inset:0;background:#0b152577;z-index:90}.communication-drawer{position:fixed;right:0;top:0;bottom:0;width:min(820px,100vw);background:#fff;z-index:91;display:grid;grid-template-rows:auto 1fr auto;box-shadow:-20px 0 60px #0003}.communication-head,.communication-foot{padding:18px;border-bottom:1px solid var(--line)}.communication-foot{border-top:1px solid var(--line);border-bottom:0;display:flex;justify-content:flex-end;gap:8px}.communication-body{padding:18px;overflow:auto}.communication-toolbar{display:grid;gap:8px;background:#f3f6fa;padding:10px;border-radius:8px}.communication-toolbar-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.communication-toolbar-row>*{width:auto!important;flex:0 0 auto}.communication-toolbar select{min-width:90px}.communication-editor{min-height:280px;border:1px solid #b8c8da;border-radius:8px;padding:14px;margin-top:10px}.close{float:right;border:0;background:none;font-size:22px;cursor:pointer}.settings-page-head{margin-bottom:14px}.settings-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.settings-nav-panel,.settings-main-panel{background:#fff;border:1px solid var(--line);border-radius:10px}.settings-nav-panel{padding:16px 12px;max-height:calc(100vh - 120px);overflow:auto;position:sticky;top:74px}.settings-back{display:inline-block;padding:6px 12px;text-decoration:none;color:var(--ink)}.settings-search-wrap{position:relative;margin:8px 4px 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.settings-search-wrap input{border-radius:24px;padding-right:36px}.settings-search-wrap span{position:absolute;right:14px;top:9px}.settings-nav-group{margin:14px 4px}.settings-nav-group h3{font-size:14px;margin:0 0 5px}.settings-nav-link{display:block;padding:6px 10px;color:var(--ink);text-decoration:none;border-radius:7px}.settings-nav-link:hover,.settings-nav-link.active{background:#e8eef5;border-left:4px solid var(--ink);padding-left:6px;font-weight:700}.settings-main-panel{min-width:0;max-width:100%;overflow:hidden}.settings-card-head,.settings-section-title{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px}.settings-card-head h2,.settings-section-title h2,.settings-section-title h3{margin:0}.settings-card-head p,.settings-section-title p,.permissions-wrap>p{margin:3px 0;color:var(--muted)}.settings-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f5f7fa;padding-left:12px}.settings-tabs a{padding:12px 18px;text-decoration:none;color:var(--ink);font-weight:700;border-bottom:2px solid transparent}.settings-tabs a.active{background:#fff;border-color:#ff6d4a}.admin-user-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 20px 14px}.permissions-wrap{margin:0 20px 20px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f7f9fc}.permissions-wrap h3{margin:0}.permission-card{background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:10px;padding:12px}.permission-card h4{margin:0 0 8px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.permission-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #e2e8f0;cursor:pointer}.permission-item input{position:absolute;opacity:0;width:1px;height:1px}.toggle-ui{width:34px;height:19px;background:#aeb8c5;border-radius:20px;position:relative;flex:0 0 auto}.toggle-ui:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.15s}.permission-item input:checked+.toggle-ui{background:#4b69ed}.permission-item input:checked+.toggle-ui:after{transform:translateX(15px)}.permission-item strong{font-size:13px}.settings-placeholder{min-height:420px;padding:24px}.settings-placeholder h2{margin-top:0}@media (max-width:1050px){.admin-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.main{grid-column:1;margin-left:0;padding-left:0;border-top-left-radius:0;overflow:visible}.content{padding:14px}.form-grid,.details-grid,.settings-shell,.admin-user-grid,.permission-grid{grid-template-columns:1fr}.settings-nav-panel{position:relative;top:auto;max-height:none}.global-search{max-width:none}.topbar-actions{padding-right:8px}}.topbar-icon,.global-search .search-icon{color:var(--topbar-text)}.global-search input{color:var(--topbar-text);border-color:color-mix(in srgb,var(--topbar-text) 40%,transparent);background:color-mix(in srgb,var(--topbar-bg) 88%,white 12%)}.global-search input::placeholder{color:var(--topbar-text)}.brand{color:var(--nav-text)}.brand-logo{width:38px;height:38px;object-fit:contain;border-radius:9px;background:#fff;padding:3px;flex:0 0 auto}.brand-mark{color:var(--nav)}.nav-placeholder{cursor:default}.sidebar-collapse{position:fixed;left:calc(var(--sidebar-w) - 52px);bottom:18px;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--nav-text) 20%,transparent);color:var(--nav-text);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .16s,left .22s,transform .22s;z-index:70}.sidebar-collapse:hover{background:color-mix(in srgb,var(--nav-text) 30%,transparent)}.sidebar-collapse svg{width:20px;height:20px}.sidebar-user{color:var(--nav-text)}.sidebar-user a{color:var(--nav-text)}.branding-form{padding:0 18px 22px}.branding-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.branding-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}.branding-card h3{margin:0 0 16px}.branding-card label>span{display:block;font-weight:700;margin:12px 0 6px}.brand-preview,.favicon-preview{display:flex;align-items:center;gap:14px;margin-top:10px;padding:10px;border:1px dashed var(--line);border-radius:10px;background:#f7f9fc}.brand-preview img{max-width:160px;max-height:70px;object-fit:contain}.favicon-preview img{width:32px;height:32px;object-fit:contain}.brand-preview label,.favicon-preview label{display:flex;align-items:center;gap:7px}.brand-preview input,.favicon-preview input{width:auto}.colour-field>div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px}.colour-field input[type=color]{height:42px;padding:3px;cursor:pointer}.nav-colour-preview{margin-top:20px;display:grid;grid-template-columns:110px 1fr;grid-template-rows:42px 110px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.preview-top{grid-column:1/-1;background:var(--preview-top);color:var(--preview-top-text);display:flex;align-items:center;padding:0 14px;font-weight:700}.preview-side{background:var(--preview-side);color:var(--preview-side-text);display:flex;align-items:flex-start;padding:14px 10px;font-weight:700}.preview-content{background:#eef2f7;padding:14px;color:#51677d}@media (max-width:1050px){.branding-grid{grid-template-columns:1fr}}@media (max-width:800px){.sidebar-collapse{display:none}}.brand{padding-right:14px}.sidebar-collapse{left:calc(var(--sidebar-w) - 54px)}.sidebar-user{display:none!important}.branding-checkbox{display:flex!important;align-items:center;gap:9px;margin-top:14px;font-weight:600}.branding-checkbox input{width:auto!important;margin:0}.branding-checkbox span{display:inline!important;margin:0!important}.sidebar-collapse{left:calc(var(--sidebar-w) - 66px);bottom:20px;width:42px;height:42px;opacity:0;z-index:80}@media (max-width:800px){.main{margin-left:0;padding-left:0;border-top-left-radius:0}}.nav-flyout-title{padding:8px 10px 9px;border-bottom:1px solid #ffffff20;margin-bottom:4px;font-weight:800}.placeholder-panel{min-height:260px}.main{
  z-index:20;
}.admin-pin-page{min-height:calc(100vh - 130px);display:grid;place-items:center;padding:32px 18px}.admin-pin-card{width:min(100%,460px);background:#fff;border:1px solid #d7e0ec;border-radius:18px;padding:30px;box-shadow:0 18px 50px rgba(15,34,57,.12);text-align:center}.admin-pin-card h1{margin:10px 0 8px}.admin-pin-card>p{margin:0 0 22px;color:#58708f}.admin-pin-icon{width:58px;height:58px;margin:0 auto;border-radius:16px;display:grid;place-items:center;background:#eaf1ff;color:#1e63dc;font-size:26px;font-weight:800}.admin-pin-card form{display:grid;gap:16px;text-align:left}.admin-pin-card label{display:grid;gap:7px;font-weight:700}.admin-pin-card .button{width:100%;justify-content:center}.admin-pin-settings-card{display:grid;grid-template-columns:minmax(240px,1fr) minmax(170px,240px) minmax(170px,240px) auto;gap:14px;align-items:end;margin:16px 20px 20px;padding:18px;border:1px solid #d7e0ec;border-radius:14px;background:#f8fbff}.admin-pin-settings-copy h3{margin:0 0 5px}.admin-pin-settings-copy p{margin:0 0 9px;color:#58708f}.admin-pin-settings-card label{display:grid;gap:7px}.admin-pin-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.admin-pin-status.configured{background:#e7f7ee;color:#13703d}.admin-pin-status.not-configured{background:#fff3d8;color:#8a5b00}@media (max-width:1100px){.admin-pin-settings-card{grid-template-columns:1fr 1fr}.admin-pin-settings-copy{grid-column:1/-1}}@media (max-width:680px){.admin-pin-settings-card{grid-template-columns:1fr}.admin-pin-settings-copy{grid-column:auto}}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-right:14px;color:var(--topbar-text)}.topbar-popover-wrap{position:relative}.topbar-action-button,.user-menu-button{border:0;background:transparent;color:var(--topbar-text);cursor:pointer}.topbar-action-button{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.topbar-action-button:hover,.topbar-action-button[aria-expanded="true"],.user-menu-button:hover,.user-menu-button[aria-expanded="true"]{background:#ffffff18}.topbar-action-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e32636;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--topbar-bg)}.notification-badge.is-hidden{display:none}.user-menu-button{display:flex;align-items:center;gap:9px;border-radius:22px;padding:4px 9px 4px 5px;min-width:0}.user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--topbar-bg);font-weight:900;flex:0 0 auto}.user-avatar.large{width:42px;height:42px}.user-menu-copy{display:grid;text-align:left;line-height:1.2;max-width:160px}.user-menu-copy strong,.user-menu-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-copy small{opacity:.75;font-size:11px;margin-top:2px}.user-menu-chevron{font-size:16px;opacity:.8}.topbar-popover{position:absolute;right:0;top:calc(100% + 8px);width:min(390px,calc(100vw - 24px));background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px #07152633;z-index:120;overflow:hidden}.topbar-popover[hidden]{display:none!important}.notification-popover header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.notification-popover header>div{display:grid}.notification-popover header small{color:var(--muted);margin-top:2px}.notification-popover header button{border:0;background:none;color:var(--blue);font-weight:700;cursor:pointer}.notification-list{max-height:430px;overflow:auto}.notification-history-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;padding:13px 15px;color:inherit;text-decoration:none;border-bottom:1px solid #edf1f5}.notification-history-item:hover{background:#f7faff}.notification-history-item.is-unread{background:#edf5ff}.notification-history-item>span:nth-child(2){display:grid;gap:3px}.notification-history-item small{color:var(--muted);white-space:normal}.notification-history-item time{font-size:11px;color:#7b8da3}.notification-type-icon{width:9px;height:9px;border-radius:50%;margin-top:5px}.notification-type-icon.type-success{background:#19a55b}.notification-type-icon.type-info{background:#2778df}.notification-type-icon.type-warning{background:#e39a13}.notification-type-icon.type-error{background:#d83b3b}.notification-empty{padding:30px;text-align:center;color:var(--muted)}.user-popover{width:270px}.user-popover-head{display:flex;gap:11px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.user-popover-head>div{display:grid;min-width:0}.user-popover-head small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.user-popover>a{display:block;padding:12px 16px;color:inherit;text-decoration:none}.user-popover>a:hover{background:#f3f7fb}.crm-toast-stack{position:fixed;top:70px;right:18px;z-index:180;display:grid;gap:10px;width:min(390px,calc(100vw - 36px));pointer-events:none}.crm-toast{display:grid;grid-template-columns:20px minmax(0,1fr) 26px;gap:11px;align-items:start;padding:14px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 38px #0715262e;transform:translateX(30px);opacity:0;transition:transform .2s ease,opacity .2s ease;pointer-events:auto}.crm-toast.is-visible{transform:translateX(0);opacity:1}.crm-toast.is-leaving{transform:translateX(30px);opacity:0}.crm-toast strong{display:block;margin-bottom:2px}.crm-toast p{margin:0;color:#52677f}.crm-toast button{border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:#60758d}.crm-toast-icon{width:12px;height:12px;border-radius:50%;margin-top:5px}.crm-toast-success{border-left:4px solid #1ca45b}.crm-toast-success .crm-toast-icon{background:#1ca45b}.crm-toast-info{border-left:4px solid #2778df}.crm-toast-info .crm-toast-icon{background:#2778df}.crm-toast-warning{border-left:4px solid #e39a13}.crm-toast-warning .crm-toast-icon{background:#e39a13}.crm-toast-error{border-left:4px solid #d83b3b}.crm-toast-error .crm-toast-icon{background:#d83b3b}.settings-form-card{min-width:0;max-width:100%;padding:20px}.settings-subcard{min-width:0;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}.cards>.settings-subcard{margin-bottom:0}.settings-subcard>.settings-section-title{padding:0 0 16px}.settings-subcard>.settings-section-title h3{margin:0}.settings-subcard>.settings-section-title p{margin:4px 0 0}.settings-subcard>.cards:last-child,.settings-subcard>.page-actions:last-child{margin-bottom:0}.settings-subcard>.settings-global-note:last-child{margin-bottom:0}.date-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.date-time-grid label{display:grid;gap:7px}.date-time-grid label>span{font-weight:700}.date-time-grid small{color:var(--muted)}.date-time-grid .span-2{grid-column:1/-1}.settings-global-note{margin-top:18px;padding:15px;border:1px solid #cfe0f5;background:#f3f8ff;border-radius:12px}.settings-global-note p{margin:4px 0 0;color:#506a87}.profile-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.profile-summary{text-align:center}.profile-avatar-large{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#e7f0ff;color:#175fce;font-size:30px;font-weight:900;margin:0 auto 12px}.profile-summary h2{margin:0}.profile-summary>p{color:var(--muted);overflow-wrap:anywhere}.profile-summary dl{margin:20px 0 0;text-align:left}.profile-summary dl>div{padding:11px 0;border-top:1px solid var(--line)}.profile-summary dt{font-size:12px;color:var(--muted)}.profile-summary dd{margin:3px 0 0;font-weight:700}@media (max-width:900px){.main{border-top-left-radius:0}.user-menu-copy,.user-menu-chevron{display:none}.user-menu-button{padding:4px}.profile-layout{grid-template-columns:1fr}.date-time-grid{grid-template-columns:1fr}.date-time-grid .span-2{grid-column:auto}}@media (max-width:600px){.topbar-actions{gap:2px;padding-right:6px}.crm-toast-stack{right:10px;width:calc(100vw - 20px)}.notification-popover{position:fixed;right:10px;top:62px;width:calc(100vw - 20px)}}.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.access-denied-card{max-width:680px;margin:8vh auto;text-align:center}.empty-state-icon{font-size:42px;margin-bottom:12px}.permission-subtabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;border-bottom:1px solid var(--border,#e5e7eb);padding-bottom:8px}.permission-subtabs button{border:0;background:transparent;padding:9px 13px;border-radius:9px;font-weight:700;cursor:pointer}.permission-subtabs button.active{background:#eef2f7}.permission-editor{margin-bottom:18px}.assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.assignment-grid fieldset{border:1px solid #e4e7ec;border-radius:12px;padding:14px;display:grid;gap:9px}.assignment-grid legend{font-weight:800;padding:0 6px}.permission-check{display:flex!important;align-items:center;gap:9px}.permission-check input{width:auto!important}.permission-matrix table{min-width:980px}.permission-matrix td,.permission-matrix th{text-align:center}.permission-matrix tbody th{text-align:left;position:sticky;left:0;background:#fff}.permission-matrix input{width:18px;height:18px}.role-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.role-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;text-decoration:none;color:inherit}.role-card:hover{border-color:#b8c2d1;box-shadow:0 6px 20px rgba(20,30,50,.07)}.table-subtext{display:block;color:#667085;margin-top:3px}.status-pill{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.status-pill.active{background:#dcfce7;color:#166534}.status-pill.inactive{background:#f3f4f6;color:#6b7280}.audit-uri{max-width:420px;white-space:normal;word-break:break-word}@media (max-width:780px){.assignment-grid{grid-template-columns:1fr}.permission-matrix{overflow:auto}}.direct-message-topbar-button{position:relative;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px;border:0;border-radius:18px;background:transparent;color:var(--topbar-text,#fff);font-weight:700;cursor:pointer}.direct-message-topbar-button:hover{background:#ffffff18}.direct-message-topbar-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.dm-topbar-badge{position:absolute;right:2px;top:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#e53935;color:#fff;font-size:11px;display:grid;place-items:center}.dm-topbar-badge.is-hidden{display:none}.user-menu-chevron{display:none!important}.dm-backdrop{position:fixed;inset:0;background:#0e18254d;z-index:98}.dm-drawer{position:fixed;right:0;top:0;bottom:0;width:min(1020px,96vw);background:#f3f6f9;z-index:99;box-shadow:-22px 0 60px #0003;transform:translateX(105%);transition:transform .22s ease;display:grid;grid-template-rows:auto auto minmax(0,1fr);color:var(--ink)}.dm-drawer.is-open{transform:translateX(0)}.dm-drawer-header{height:72px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.dm-drawer-header h2{margin:0;font-size:20px}.dm-drawer-header p{margin:2px 0 0;color:var(--muted)}.dm-icon-button{border:0;background:transparent;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:20px;cursor:pointer;color:var(--ink)}.dm-icon-button:hover{background:#e6edf5}.dm-search-row{position:relative;padding:10px 14px;background:#fff;border-bottom:1px solid var(--line)}.dm-search-row span{position:absolute;left:27px;top:19px;color:var(--muted)}.dm-search-row input{padding-left:36px;border-radius:18px;background:#f2f5f8}.dm-layout{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:0}.dm-contacts{background:#fff;border-right:1px solid var(--line);overflow:auto}.dm-contact{width:100%;border:0;border-bottom:1px solid #e9eef4;background:#fff;padding:12px;display:grid;grid-template-columns:10px 42px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;cursor:pointer}.dm-contact:hover,.dm-contact.active{background:#eef5fb}.dm-presence-dot{width:9px;height:9px;border-radius:50%;background:#9aa8b6}.dm-presence-dot.online{background:#27ae60}.dm-presence-dot.away{background:#f2b233}.dm-contact .user-avatar,.dm-chat-user .user-avatar{overflow:hidden}.dm-contact .user-avatar img,.dm-chat-user .user-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.dm-contact-copy{min-width:0}.dm-contact-copy strong,.dm-contact-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-contact-copy small{color:var(--muted);margin-top:2px}.dm-unread{background:#25a55f;color:#fff;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800}.dm-conversation{position:relative;min-width:0;min-height:0}.dm-empty-state{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.dm-empty-icon{font-size:48px}.dm-chat{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;background:#efeae2}.dm-chat-header{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:9px 14px}.dm-chat-user{display:flex;align-items:center;gap:10px}.dm-chat-user small{display:block}.presence-online{color:#228b4f}.presence-away{color:#b27a00}.presence-offline{color:var(--muted)}.dm-chat-menu-wrap{position:relative}.dm-chat-menu{position:absolute;right:0;top:42px;width:190px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px #0002;z-index:3;padding:6px}.dm-chat-menu button{width:100%;border:0;background:#fff;padding:10px;text-align:left;border-radius:7px;cursor:pointer;color:#b3261e}.dm-chat-menu button:hover{background:#fff0ef}.dm-messages{overflow:auto;padding:22px 22px 12px;background-image:radial-gradient(#d8d2c9 0.6px,transparent .6px);background-size:12px 12px}.dm-message-row{display:flex;margin:5px 0}.dm-message-row.outgoing{justify-content:flex-end}.dm-message-bubble{max-width:min(72%,620px);padding:8px 10px 5px;border-radius:10px;background:#fff;box-shadow:0 1px 1px #0002;overflow-wrap:anywhere}.dm-message-row.outgoing .dm-message-bubble{background:#d9fdd3}.dm-message-bubble small{display:block;text-align:right;color:#647381;font-size:10px;margin-top:3px}.dm-message-attachment{display:block;margin-top:5px;padding:8px;border-radius:7px;background:#ffffff80;color:#075aa8;text-decoration:none}.dm-typing{position:absolute;left:340px;bottom:70px;background:#fff;border-radius:12px;padding:7px 10px;display:flex;align-items:center;gap:3px;box-shadow:0 2px 8px #0002}.dm-typing[hidden]{display:none}.dm-typing span{width:5px;height:5px;border-radius:50%;background:#7c8a98;animation:dmTyping 1s infinite alternate}.dm-typing span:nth-child(2){animation-delay:.2s}.dm-typing span:nth-child(3){animation-delay:.4s}.dm-typing em{font-size:11px;color:var(--muted);margin-left:4px}@keyframes dmTyping{to{transform:translateY(-4px)}}.dm-composer{position:relative;background:#f0f2f5;padding:9px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:end}.dm-composer-actions{display:flex}.dm-composer textarea{resize:none;max-height:120px;border:0;border-radius:20px;padding:10px 14px;outline:none}.dm-send-button{width:40px;height:40px;border-radius:50%;border:0;background:#1f8f5f;color:#fff;font-size:18px;cursor:pointer}.dm-emoji-picker{position:absolute;left:12px;bottom:58px;width:260px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 35px #0003;padding:9px;display:flex;flex-wrap:wrap;gap:4px}.dm-emoji-picker[hidden]{display:none}.dm-emoji-picker button{border:0;background:transparent;font-size:22px;padding:5px;border-radius:6px;cursor:pointer}.dm-emoji-picker button:hover{background:#eef3f8}.dm-attachment-preview{background:#fff;padding:7px 14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.dm-attachment-preview[hidden]{display:none}.dm-attachment-preview button{border:0;background:transparent;font-size:20px}.dm-new-message-indicator{position:absolute;right:22px;bottom:78px;border:0;background:#fff;border-radius:18px;padding:8px 12px;box-shadow:0 3px 14px #0003;cursor:pointer}.dm-loading,.dm-error,.dm-empty-list,.dm-conversation-empty{padding:22px;text-align:center;color:var(--muted)}.dm-error{color:#b3261e}@media (max-width:760px){.direct-message-topbar-button span:not(.dm-topbar-badge){display:none}.direct-message-topbar-button{width:40px;padding:0;justify-content:center}.dm-drawer{width:100vw}.dm-layout{grid-template-columns:130px minmax(0,1fr)}.dm-contact{grid-template-columns:8px 36px minmax(0,1fr);padding:9px 6px}.dm-contact .dm-unread{display:none}.dm-message-bubble{max-width:88%}.dm-typing{left:150px}}.dm-backdrop{
    top:var(--topbar-h);
    right:0;
    bottom:0;
    left:0;
}.dm-drawer{
    top:var(--topbar-h);
    right:0;
    bottom:0;
    height:auto;
    max-height:calc(100dvh - var(--topbar-h));
    overflow:hidden;
    border-top-left-radius:18px;
    grid-template-rows:auto auto minmax(0,1fr);
}.dm-drawer-header{
    flex:0 0 auto;
    min-height:64px;
    height:auto;
}.dm-search-row{
    flex:0 0 auto;
}.dm-layout{
    min-height:0;
    height:100%;
    overflow:hidden;
}.dm-contacts{
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
}.dm-conversation{
    min-height:0;
    height:100%;
    overflow:hidden;
}.dm-empty-state{
    min-height:0;
    height:100%;
}.dm-chat{
    min-height:0;
    height:100%;
    overflow:hidden;
    grid-template-rows:auto minmax(0,1fr) auto auto;
}.dm-messages{
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
}.dm-composer,
.dm-attachment-preview{
    flex:0 0 auto;
}@supports not (height:100dvh){
    .dm-drawer{max-height:calc(100vh - var(--topbar-h))}
}@media (max-width:760px){.dm-drawer{
        left:0;
        width:100vw;
        border-top-left-radius:0;
        border-top-right-radius:0;
    }}.dm-drawer{
    top:var(--topbar-h) !important;
    bottom:auto !important;
    height:calc(100vh - var(--topbar-h)) !important;
    height:calc(100dvh - var(--topbar-h)) !important;
    max-height:none !important;
    min-height:0 !important;
    box-sizing:border-box;
    overflow:hidden !important;
    grid-template-rows:auto auto minmax(0,1fr) !important;
}.dm-layout{
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
}.dm-contacts,
.dm-conversation,
.dm-chat,
.dm-messages{
    min-height:0 !important;
}.dm-conversation,
.dm-chat{
    height:auto !important;
    overflow:hidden !important;
}.dm-empty-state{
    min-height:0 !important;
    height:100% !important;
    overflow:hidden;
}.dm-composer{
    position:relative;
    z-index:2;
}@supports not (height:100dvh){
    .dm-drawer{
        height:calc(100vh - var(--topbar-h)) !important;
    }
}.dm-drawer{
    top:calc(var(--topbar-h) + 10px) !important;
    right:10px !important;
    bottom:10px !important;
    height:auto !important;
    max-height:none !important;
    border-radius:18px 0 0 18px !important;
    overflow:hidden !important;
}.dm-backdrop{
    top:var(--topbar-h) !important;
}@media (max-width:760px){.dm-drawer{
        top:var(--topbar-h) !important;
        right:0 !important;
        bottom:0 !important;
        left:0 !important;
        width:100vw !important;
        border-radius:0 !important;
    }}.dm-conversation{
    display:grid;
    grid-template-rows:minmax(0,1fr);
    overflow:hidden;
}.dm-empty-state{
    padding-bottom:78px;
}.dm-idle-composer{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:4;
    border-top:1px solid var(--line);
}.dm-idle-composer[hidden]{display:none !important;}.dm-idle-composer textarea:disabled,
.dm-idle-composer button:disabled{
    opacity:.58;
    cursor:not-allowed;
}.dm-gif-button{
    height:36px;
    min-width:42px;
    padding:0 8px;
    border:0;
    border-radius:18px;
    background:transparent;
    color:var(--ink);
    font-weight:800;
    cursor:pointer;
}.dm-gif-button:hover{background:#e6edf5;}.dm-gif-button:disabled{cursor:not-allowed;}.dm-composer-actions{gap:2px;align-items:center;}.dm-chat[hidden]{
    display:none !important;
}.dm-empty-state[hidden]{
    display:none !important;
}.dm-idle-composer{
    display:grid !important;
}.dm-idle-composer[hidden]{
    display:none !important;
}.dm-conversation:has(.dm-chat:not([hidden])) > .dm-idle-composer{
    display:none !important;
}.notification-settings-page{display:grid;gap:18px}.notification-settings-head,.notification-sound-panel>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px;border-bottom:1px solid #d9e3ef}.notification-settings-head h2,.notification-sound-panel h2{margin:0 0 5px}.notification-topic-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;padding:16px 22px 0}.notification-filter-tabs{display:flex;padding:10px 22px 0}.notification-filter-tabs button{border:1px solid #c7d5e5;background:#fff;padding:9px 14px;font-weight:700}.notification-filter-tabs button.active{border-bottom:3px solid #17324f}.notification-matrix-head,.notification-topic-row{display:grid;grid-template-columns:minmax(360px,1fr) repeat(6,62px);align-items:center;gap:8px}.notification-matrix-head{padding:16px 30px 10px;font-size:12px}.notification-matrix-head strong:not(:first-child){text-align:center}.notification-topic-groups{padding:0 22px 20px;display:grid;gap:10px}.notification-topic-group{border:1px solid #cbd8e7;border-radius:8px;overflow:hidden;background:#fff}.notification-group-toggle{width:100%;display:flex;gap:10px;align-items:center;border:0;background:#fff;padding:14px;text-align:left}.notification-group-toggle small{color:#5d7590}.notification-group-toggle[aria-expanded=false] span{transform:rotate(-90deg)}.notification-topic-row{padding:14px 10px;border-top:1px solid #e0e8f1}.notification-topic-row>div:first-child strong{display:block}.notification-topic-row p{margin:3px 0;color:#526d88;font-size:13px}.notification-topic-row code{display:inline-block;background:#f0f4f8;border:1px solid #d9e3ed;border-radius:12px;padding:2px 8px;font-size:11px}.switch-control{display:inline-flex;justify-content:center}.switch-control>input{position:absolute;opacity:0;pointer-events:none}.switch-control>span{width:32px;height:19px;border-radius:20px;background:#dce5ee;border:1px solid #9db0c4;position:relative;transition:.18s}.switch-control>span:after{content:"";position:absolute;width:15px;height:15px;left:1px;top:1px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #697b8d;transition:.18s}.switch-control>input:checked+span{background:#2867ef;border-color:#2867ef}.switch-control>input:checked+span:after{transform:translateX(13px)}.notification-no-results{padding:24px;border:1px dashed #c5d4e4;border-radius:8px;color:#58708b}.notification-sound-panel{border:1px solid #d4dfeb;border-radius:10px;background:#fff;margin:0 22px 22px}.notification-preference-card{margin:18px;border:1px solid #d3deea;border-radius:10px;padding:16px;background:#f9fbfd}.notification-preference-card h3{margin:0 0 6px}.preference-switch-row{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #dce5ef}.preference-switch-row>span:not(.switch-control):first-child{min-width:0;flex:1}.preference-switch-row strong{display:block}.preference-switch-row strong+small{display:block;margin-top:4px;color:var(--muted);font-weight:400;line-height:1.45}.preference-switch-row>.switch-control,.preference-switch-row>.status-pill{margin-left:auto;flex:0 0 auto}.notification-volume{display:grid;gap:10px;margin-top:12px;padding:12px;border:1px solid #d3deea;border-radius:8px;background:#fff}.notification-volume>span{display:flex;justify-content:space-between}.notification-volume input[type=range]{width:100%;accent-color:#ff5c3a}.notification-sound-upload{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:16px;align-items:end;margin-top:14px}.notification-sound-upload label>span{display:block;font-weight:700;margin-bottom:7px}.notification-sound-upload input[type=file]{width:100%;border:1px solid #c8d6e6;border-radius:7px;padding:9px;background:#fff}.notification-sound-upload>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.restore-sound{font-size:12px}.notification-sound-panel>footer{display:flex;gap:10px;padding:0 18px 18px}@media (max-width:900px){.notification-topic-toolbar{grid-template-columns:1fr}.notification-matrix-head{display:none}.notification-topic-row{grid-template-columns:1fr repeat(3,1fr)}.notification-topic-row>div:first-child{grid-column:1/-1}.notification-topic-row .switch-control:before{content:attr(title);font-size:10px;margin-right:4px}.notification-sound-upload{grid-template-columns:1fr}}.notification-history-item{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 32px!important;gap:4px;padding:0!important}.notification-history-link{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;padding:13px 6px 13px 15px;color:inherit;text-decoration:none;min-width:0}.notification-delete{align-self:center;width:28px;height:28px;margin-right:5px;border:0;border-radius:50%;background:transparent;color:#71849a;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center}.notification-delete:hover,.notification-delete:focus-visible{background:#e8eef5;color:#b3261e;outline:none}.dm-message-bubble{max-width:min(84%,760px)!important;min-width:74px}.dm-message-meta.is-read{color:#1688d4!important;font-weight:700}.dm-message-meta.is-unread{color:#647381!important;font-weight:600}@media (max-width:760px){.dm-message-bubble{max-width:92%!important}}.dm-search-row{
    display:flex;
    align-items:center;
}.dm-search-row input{
    padding-right:78px !important;
}.dm-search-result-count{
    position:absolute;
    right:28px;
    top:50%;
    transform:translateY(-50%);
    min-width:48px;
    text-align:right;
    font-size:11px;
    font-weight:700;
    color:#60758d;
    pointer-events:none;
}.dm-message-row.is-search-hidden{
    display:none !important;
}.dm-message-bubble{
    width:fit-content;
    min-width:128px !important;
    max-width:min(78%,720px) !important;
    padding:9px 11px 6px !important;
}.dm-message-text{
    line-height:1.4;
}.dm-message-meta{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
    min-height:15px;
    white-space:nowrap;
}.dm-message-meta time{
    font-size:10px;
}.dm-receipt{
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    min-width:14px;
    font-size:13px;
    font-weight:800;
    letter-spacing:-4px;
    padding-right:3px;
    color:#748393;
    line-height:1;
}.dm-receipt-read{
    color:#1686d9;
}.notification-history-item{
    position:relative !important;
    display:block !important;
    padding:0 !important;
    min-height:72px;
}.notification-history-link{
    display:grid !important;
    grid-template-columns:12px minmax(0,1fr) !important;
    gap:10px !important;
    width:100% !important;
    min-height:72px;
    padding:13px 46px 13px 15px !important;
    box-sizing:border-box !important;
    color:inherit !important;
    text-decoration:none !important;
}.notification-history-item > button.notification-delete{
    position:absolute !important;
    top:8px !important;
    right:8px !important;
    left:auto !important;
    bottom:auto !important;
    width:26px !important;
    min-width:26px !important;
    max-width:26px !important;
    height:26px !important;
    min-height:26px !important;
    max-height:26px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    box-shadow:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#6f8196 !important;
    font:700 18px/1 Arial,sans-serif !important;
    cursor:pointer !important;
    z-index:3 !important;
}.notification-history-item > button.notification-delete:hover,
.notification-history-item > button.notification-delete:focus-visible{
    background:#e8eef5 !important;
    color:#b3261e !important;
    outline:none !important;
}@media (max-width:760px){.dm-message-bubble{
        min-width:104px !important;
        max-width:90% !important;
    }}.global-values-section{margin-top:18px;padding:18px;border:1px solid #d9e4ef;border-radius:14px;background:#fff}.global-values-section-head h3{margin:0 0 5px}.global-values-section-head p{margin:0;color:var(--muted)}.global-currency-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);gap:16px;align-items:end;margin-top:16px}.global-currency-grid label{display:grid;gap:7px}.global-currency-grid label>span{font-weight:700}.global-currency-grid small{color:var(--muted)}.currency-preview{min-height:76px;padding:14px 16px;border:1px solid #cfe0f5;background:#f3f8ff;border-radius:12px;display:flex;flex-direction:column;justify-content:center}.currency-preview span{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.currency-preview strong{font-size:24px;margin-top:4px}.products-settings-page{display:grid;gap:18px}.product-form-card,.products-list-card{border:1px solid #d9e4ef;border-radius:14px;background:#fff}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.product-form-grid label{display:grid;gap:7px}.product-form-grid label>span{font-weight:700}.settings-toggle-row{position:relative;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;padding:11px 13px;border:1px solid #d5e0eb;border-radius:9px;background:#fff}.settings-toggle-copy{display:grid!important;gap:2px;margin:0!important}.settings-toggle-copy strong{font-weight:700}.settings-toggle-copy small{color:var(--muted);font-weight:400}.settings-toggle-row>input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.settings-toggle-row>input:checked+.toggle-ui{background:var(--blue)}.settings-toggle-row>input:checked+.toggle-ui:after{transform:translateX(15px)}.settings-toggle-row:focus-within{outline:2px solid var(--focus,#2f80ed);outline-offset:2px}.product-allowance-off{color:var(--muted);font-weight:700}.money-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid #bccadb;border-radius:8px;background:#fff;overflow:hidden}.money-input:focus-within{border-color:#2374e1;box-shadow:0 0 0 3px rgba(35,116,225,.12)}.money-input>span{padding:0 12px;color:#526b84;font-weight:800;border-right:1px solid #dbe4ed}.money-input input{border:0!important;border-radius:0!important;box-shadow:none!important}.products-table-wrap{min-width:0;max-width:100%;overflow-x:auto;margin-top:14px;border:1px solid #d9e4ef;border-radius:12px}.products-table{width:100%;border-collapse:collapse;min-width:760px}.products-table th,.products-table td{padding:13px 14px;text-align:left;border-bottom:1px solid #e7edf4;vertical-align:middle}.products-table td a{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.products-table th{background:#f4f7fa;color:#526b84;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.products-table tbody tr:last-child td{border-bottom:0}.products-table tbody tr:hover{background:#fbfdff}.product-type-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf5ff;color:#165db5;font-size:12px;font-weight:800}.products-table th:last-child,.products-table td:last-child{min-width:160px;white-space:nowrap}.product-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:max-content;white-space:nowrap}.product-row-actions form{margin:0;flex:0 0 auto}.product-row-actions .button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:max-content;white-space:nowrap;word-break:normal;overflow-wrap:normal}.button.danger{background:#b42318;border-color:#b42318;color:#fff}.button.danger:hover{background:#941c13}.settings-empty-state{padding:28px;text-align:center;border:1px dashed #c8d5e3;border-radius:12px;background:#fafcff}.settings-empty-state p{margin:6px 0 0;color:var(--muted)}@media (max-width:800px){.product-form-grid,.global-currency-grid{grid-template-columns:1fr}}.product-type-manager{display:grid;gap:16px}.product-type-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.product-type-inline-form label{display:grid;gap:7px}.product-type-inline-form label>span{font-weight:700}.product-type-list{display:flex;flex-wrap:wrap;gap:10px}.product-type-item{display:flex;align-items:center;gap:12px;padding:9px 10px 9px 14px;border:1px solid #d5e0eb;border-radius:999px;background:#f8fbfe}.product-type-actions{display:flex;gap:6px}.product-type-actions form{margin:0}.settings-warning-note{padding:11px 13px;margin-top:12px;border:1px solid #efc168;border-radius:9px;background:#fff8e8;color:#765214}.payment-settings-page{display:grid;gap:18px}.payment-type-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.payment-type-card{background:#fff;border:1px solid #d9e4ef;border-radius:15px;padding:18px;box-shadow:0 8px 22px rgba(25,55,85,.06)}.payment-type-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.payment-type-card h3{margin:7px 0 0}.payment-type-card p{color:var(--muted);line-height:1.5}.payment-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.payment-status.enabled{background:#e5f7ed;color:#087a3a}.payment-status.disabled{background:#f1f3f5;color:#687786}.payment-type-card dl{display:grid;gap:8px;margin:18px 0}.payment-type-card dl div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px}.payment-type-card dt{font-weight:700;color:#63778d}.payment-type-card dd{margin:0}.payment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.payment-form-grid label{display:grid;gap:7px}.payment-form-grid label>span{font-weight:700}.payment-form-grid .span-2{grid-column:1/-1}.payment-form-grid textarea{resize:vertical}.payment-form-grid .switch-row{grid-template-columns:1fr auto;align-items:center;padding:11px 13px;border:1px solid #d5e0eb;border-radius:9px}.payment-form-grid .switch-row input{width:20px;height:20px}.payment-security-note{margin-top:18px;padding:14px 16px;border:1px solid #b9d3ef;border-radius:11px;background:#f2f8ff}.payment-security-note p{margin:6px 0 0;color:#526b84}@media (max-width:980px){.payment-type-cards{grid-template-columns:1fr}.payment-form-grid{grid-template-columns:1fr}.payment-form-grid .span-2{grid-column:auto}}@media (max-width:680px){.product-type-inline-form{grid-template-columns:1fr}.product-type-item{width:100%;border-radius:12px;justify-content:space-between}}.integration-settings-page{display:grid;gap:18px;min-width:0;max-width:100%}.integration-settings-page>*{min-width:0;max-width:100%}.integration-form-card{display:grid;gap:18px;min-width:0}.integration-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.integration-form-grid>*{min-width:0}.integration-form-grid label{display:grid;gap:7px;min-width:0}.integration-form-grid input,.integration-form-grid select,.integration-form-grid textarea{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.integration-form-grid label>span,.settings-test-card label>span{font-weight:700}.integration-form-grid .span-2{grid-column:1/-1}.integration-form-grid .switch-row{grid-template-columns:1fr auto;align-items:center;padding:11px 13px;border:1px solid #d5e0eb;border-radius:9px}.integration-form-grid .switch-row input{width:20px;height:20px}.integration-subsection{padding-top:18px;border-top:1px solid #dce6f0}.integration-subsection h3{margin:0 0 5px}.integration-subsection>p{margin:0 0 16px;color:var(--muted)}.settings-test-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #d9e4ef;border-radius:13px;background:#fff}.settings-test-card p{margin:5px 0 0;color:var(--muted)}.settings-test-card label{display:grid;gap:6px;flex:1}.integration-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:850px){.integration-form-grid,.integration-test-grid{grid-template-columns:1fr}.integration-form-grid .span-2{grid-column:auto}.settings-test-card{align-items:stretch;flex-direction:column}}.email-object-panel{padding:20px;border:1px solid #d7e3ef;border-radius:14px;background:#f8fbff;display:grid;gap:16px}.email-object-panel h3{margin:0}.email-object-panel textarea{width:100%;resize:vertical}.email-object-panel>label{display:grid;gap:8px}.email-object-panel small{color:var(--muted)}.field-properties-page{display:grid;gap:16px}.property-object-selector{padding:18px;border:1px solid #d8e2ec;border-radius:12px;background:#fff}.property-object-selector label{display:flex;align-items:center;gap:20px}.property-object-selector select{min-width:280px}.property-tabs{display:flex;border-bottom:1px solid #cfd9e4}.property-tabs a{padding:13px 18px;border:1px solid #cfd9e4;border-bottom:0;color:#17324d;text-decoration:none}.property-tabs a.active{background:#fff;font-weight:800;border-top:3px solid #202020}.property-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.property-search{display:flex;gap:8px;flex:1}.property-search input{max-width:420px}.properties-table-wrap{overflow:auto;border:1px solid #d5e0eb;border-radius:12px;background:#fff}.properties-table{width:100%;border-collapse:collapse;min-width:850px}.properties-table th,.properties-table td{padding:13px 15px;border-bottom:1px solid #e1e8f0;text-align:left}.properties-table th{background:#f3f5f7}.properties-table td:first-child{display:grid;gap:3px}.properties-table td:first-child small{color:#64778a}.property-groups-grid{display:grid;grid-template-columns:360px 1fr;gap:16px}.property-group-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #e1e8f0}.property-group-row div{display:grid}.property-group-row small{color:#667b90}.property-drawer-backdrop{position:fixed;inset:0;background:rgba(15,25,35,.36);z-index:2500;opacity:0;visibility:hidden;transition:.2s}.property-drawer-backdrop.is-open{opacity:1;visibility:visible}.property-drawer{position:fixed;top:0;right:0;width:min(560px,100vw);height:100vh;background:#fff;z-index:2501;transform:translateX(100%);transition:.25s;box-shadow:-18px 0 40px rgba(0,0,0,.18);display:flex;flex-direction:column}.property-drawer.is-open{transform:none}.property-drawer>header{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #dbe3ec}.property-drawer>header button{border:0;background:none;font-size:28px}.property-quick-form{padding:22px;display:grid;gap:16px;overflow:auto}.property-quick-form label,.property-editor-form label{display:grid;gap:7px}.property-quick-form footer{margin-top:auto;display:flex;gap:10px;align-items:center;padding-top:20px}.property-full-editor{position:fixed;inset:0;background:#fff;z-index:2600}.property-full-editor>header{height:58px;background:#303030;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 22px;position:relative}.property-full-editor>header>div:last-child{position:absolute;right:18px;display:flex;gap:10px}.property-editor-shell{height:calc(100vh - 58px);display:grid;grid-template-columns:220px 1fr}.property-editor-nav{border-right:1px solid #d7dfe8;padding:25px 14px;display:flex;flex-direction:column;gap:5px}.property-editor-nav strong{padding:0 10px 10px}.property-editor-nav button{text-align:left;border:0;background:none;padding:11px;border-radius:4px}.property-editor-nav button.active{background:#e9e9e9;border-left:3px solid #222;font-weight:700}.property-editor-form{max-width:620px;width:100%;margin:30px auto;padding:0 20px;overflow:auto}.property-editor-form section{display:grid;gap:16px}.property-editor-form h2{border-bottom:1px solid #d8e0e8;padding-bottom:16px}.check-row{grid-template-columns:auto 1fr!important;align-items:center}@media (max-width:800px){.property-object-selector label{align-items:stretch;flex-direction:column}.property-object-selector select{min-width:0}.property-groups-grid{grid-template-columns:1fr}.property-editor-shell{grid-template-columns:160px 1fr}.property-toolbar{align-items:stretch;flex-direction:column}}html.property-overlay-open,
html.property-overlay-open body{overflow:hidden!important}.property-drawer-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:2147483600!important;
}.property-drawer{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    height:100dvh!important;
    max-height:100dvh!important;
    z-index:2147483601!important;
    border-radius:0!important;
    overflow:hidden!important;
}.property-drawer>header{
    flex:0 0 auto!important;
    min-height:76px!important;
    background:#fff!important;
    position:relative!important;
    z-index:2!important;
}.property-quick-form{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding-bottom:28px!important;
}.property-quick-form footer{
    position:sticky!important;
    bottom:-28px!important;
    z-index:3!important;
    margin:18px -22px -28px!important;
    padding:14px 22px!important;
    background:#fff!important;
    border-top:1px solid #dbe3ec!important;
}.property-full-editor{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:2147483640!important;
    overflow:hidden!important;
    background:#fff!important;
    border-radius:0!important;
}.property-full-editor[hidden]{display:none!important}.property-editor-header{
    height:64px!important;
    min-height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    padding:0 24px!important;
    background:#303030!important;
    color:#fff!important;
    z-index:4!important;
}.property-editor-title{text-align:center!important}.property-editor-title h2{margin:0!important;font-size:20px!important;color:#fff!important}.property-editor-title small{display:block!important;margin-top:2px!important;color:#fff!important}.property-editor-actions{
    position:absolute!important;
    right:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    gap:10px!important;
}.property-editor-shell{
    height:calc(100dvh - 64px)!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:230px minmax(0,1fr)!important;
    overflow:hidden!important;
}.property-editor-nav{
    display:flex!important;
    flex-direction:column!important;
    position:relative!important;
    width:230px!important;
    min-width:230px!important;
    height:100%!important;
    overflow-y:auto!important;
    padding:24px 14px!important;
    background:#fff!important;
    border-right:1px solid #d7dfe8!important;
    z-index:2!important;
}.property-editor-nav button{display:block!important;width:100%!important;color:#172b3a!important}.property-editor-form{
    box-sizing:border-box!important;
    width:min(680px,calc(100% - 48px))!important;
    max-width:680px!important;
    height:100%!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:28px 24px 56px!important;
    overflow-y:auto!important;
}.property-editor-form section{display:grid!important;gap:16px!important}.property-editor-form section[hidden]{display:none!important}.property-editor-form input,
.property-editor-form select,
.property-editor-form textarea{width:100%!important}.property-editor-form .check-row input{width:auto!important}@media (max-width:760px){.property-editor-header{justify-content:flex-start!important;padding-left:16px!important}.property-editor-title{text-align:left!important}.property-editor-actions{right:10px!important}.property-editor-shell{grid-template-columns:150px minmax(0,1fr)!important}.property-editor-nav{width:150px!important;min-width:150px!important;padding:16px 8px!important}.property-editor-form{width:100%!important;padding:20px 14px 48px!important}}.property-drawer{
    width:min(600px,100vw)!important;
    background:#f7f9fc!important;
    border-left:1px solid #d9e2ec;
}.property-drawer-header{
    min-height:92px;
    padding:20px 24px!important;
    align-items:center!important;
    background:#fff;
    border-bottom:1px solid #e1e8f0!important;
}.property-drawer-title-wrap{
    display:flex;
    align-items:center;
    gap:14px;
}.property-drawer-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 42px;
    border-radius:12px;
    background:#eaf2ff;
    color:#1769d2;
    font-size:26px;
    font-weight:500;
}.property-drawer-title-wrap h2{
    margin:0;
    font-size:22px;
    line-height:1.15;
    color:#102a43;
}.property-drawer-title-wrap small{
    display:block;
    margin-top:5px;
    color:#64778a;
    font-size:13px;
}.property-drawer-close{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:10px!important;
    color:#52667a;
    font-size:24px!important;
    cursor:pointer;
}.property-drawer-close:hover{
    background:#eef2f6!important;
    color:#102a43;
}.property-drawer-intro{
    margin:18px 22px 0;
    padding:15px 16px;
    border:1px solid #d6e5f5;
    border-radius:12px;
    background:#f0f6ff;
}.property-drawer-intro strong{
    display:block;
    color:#153e75;
    font-size:14px;
}.property-drawer-intro p{
    margin:5px 0 0;
    color:#526b84;
    line-height:1.5;
    font-size:13px;
}.property-quick-form{
    flex:1;
    padding:20px 22px 0!important;
    gap:15px!important;
}.property-field{
    padding:16px;
    border:1px solid #dce5ee;
    border-radius:13px;
    background:#fff;
    box-shadow:0 3px 10px rgba(20,45,75,.035);
}.property-field>span{
    color:#243b53;
    font-size:13px;
    font-weight:750;
}.property-field>span em{
    color:#d92d20;
    font-style:normal;
}.property-field input,
.property-field select,
.property-field textarea{
    width:100%;
    min-height:42px;
    margin-top:2px;
    border:1px solid #b8c9da!important;
    border-radius:9px!important;
    background:#fff!important;
    box-shadow:none!important;
    transition:border-color .15s,box-shadow .15s;
}.property-field textarea{
    min-height:96px;
}.property-field input:focus,
.property-field select:focus,
.property-field textarea:focus{
    border-color:#2374e1!important;
    box-shadow:0 0 0 3px rgba(35,116,225,.12)!important;
    outline:0;
}.property-field small{
    color:#72869a;
    line-height:1.4;
}.property-drawer-actions{
    position:sticky;
    bottom:0;
    z-index:3;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between;
    gap:14px;
    margin:5px -22px 0!important;
    padding:16px 22px!important;
    border-top:1px solid #dce5ee;
    background:rgba(255,255,255,.97);
    box-shadow:0 -8px 22px rgba(20,45,75,.07);
    backdrop-filter:blur(8px);
}.property-drawer-actions-right{
    display:flex;
    align-items:center;
    gap:10px;
}.property-advanced-button{
    display:inline-flex!important;
    align-items:center;
    gap:7px;
}.field-properties-page>.settings-card-head{
    padding-right:20px;
}.field-properties-page .property-toolbar{
    justify-content:flex-start!important;
}.field-properties-page .property-search{
    max-width:620px;
}@media (max-width:640px){.property-drawer-intro{margin:14px 14px 0}.property-quick-form{padding:16px 14px 0!important}.property-drawer-actions{
        margin-left:-14px!important;
        margin-right:-14px!important;
        padding:14px!important;
        align-items:stretch!important;
        flex-direction:column;
    }.property-drawer-actions-right{
        width:100%;
    }.property-drawer-actions-right .button{
        flex:1;
    }.property-advanced-button{
        justify-content:center;
    }}.property-drawer{width:min(600px,100vw)!important;background:#fff!important}.property-drawer-header{min-height:80px;padding:18px 30px!important}.property-drawer-icon,.property-drawer-intro{display:none!important}.property-drawer-title-wrap h2{font-size:21px}.property-drawer-title-wrap small{margin-top:4px}.property-quick-form-compact{padding:0!important;display:flex!important;flex-direction:column;gap:0!important;overflow:hidden!important}.property-quick-tabs{display:flex;flex:0 0 auto;border-bottom:1px solid #d6dde5}.property-quick-tabs button{width:50%;min-height:56px;border:0;border-bottom:4px solid #202020;background:#fff;color:#1f2933;font-weight:750;cursor:default}.property-quick-tabs button span{margin-right:8px}.property-quick-body{flex:1;overflow:auto;padding:30px 32px 110px}.property-quick-field{display:grid;gap:8px;margin-bottom:25px}.property-quick-field>span{color:#202f3f;font-size:14px;font-weight:800}.property-quick-field>span em{color:#b42318;font-style:normal}.property-quick-field input,.property-quick-field select,.property-quick-field textarea{width:100%;min-height:44px;border:1px solid #8998a7!important;border-radius:3px!important;background:#fff!important;box-shadow:none!important}.property-quick-field input:focus,.property-quick-field select:focus,.property-quick-field textarea:focus{border-color:#1677d2!important;box-shadow:0 0 0 2px rgba(22,119,210,.12)!important}.property-description-link{justify-self:start;padding:0;border:0;border-bottom:1px solid currentColor;background:none;color:#067a79;font-weight:750;cursor:pointer}.property-quick-check{display:flex;align-items:flex-start;gap:11px;margin-top:6px;color:#243746}.property-quick-check input{width:20px;height:20px;margin-top:1px}.property-drawer-actions-hubspot{position:absolute!important;left:0;right:0;bottom:0;margin:0!important;padding:17px 30px!important;display:flex!important;justify-content:flex-start!important;background:#fff}.property-drawer-actions-hubspot .button{min-height:42px}.property-cancel-link{margin-left:auto;border:0;background:none;color:#1c2936;font-weight:800;cursor:pointer}.property-row-actions{display:flex;align-items:center;gap:8px}.property-row-actions form{margin:0}@media (max-width:640px){.property-quick-body{padding:24px 18px 120px}.property-drawer-actions-hubspot{padding:14px 18px!important;flex-direction:row!important;flex-wrap:wrap}.property-cancel-link{margin-left:0}}.field-properties-page{padding:0 18px 28px}.field-properties-page>.settings-card-head{
    margin:0;padding:22px;border:1px solid #d5e0eb;border-radius:14px;background:#fff
}.property-object-selector{margin-top:2px;padding:20px 22px!important}.property-object-selector label{width:100%}.property-object-selector select{width:100%;max-width:none}.property-tabs{padding:0 2px}.property-toolbar{
    padding:16px 18px!important;margin:0;border:1px solid #d5e0eb;border-top:0;background:#fff
}.property-search{width:100%;max-width:640px!important}.property-search input{width:100%;max-width:none!important}.properties-table-wrap{margin-top:0}.properties-table th:first-child,.properties-table td:first-child{padding-left:16px!important}.properties-table th:last-child,.properties-table td:last-child{padding-right:16px!important;width:64px;text-align:center}.property-drawer{
    display:flex!important;flex-direction:column!important;
    height:100dvh!important;max-height:100dvh!important;overflow:hidden!important
}.property-drawer-header{flex:0 0 auto}.property-quick-form-compact{
    flex:1 1 auto!important;min-height:0!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important
}.property-quick-tabs{flex:0 0 auto!important}.property-quick-body{
    flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
    padding-bottom:28px!important
}.property-drawer-actions-hubspot{
    position:static!important;flex:0 0 auto!important;width:100%!important;
    margin:0!important;padding:14px 24px!important;border-top:1px solid #d6dde5;
    box-shadow:0 -8px 18px rgba(20,45,75,.07);background:#fff!important;z-index:5
}.property-drawer-actions-hubspot .button,.property-drawer-actions-hubspot .property-cancel-link{white-space:nowrap}.property-cancel-link{margin-left:auto!important;padding:10px 4px}.property-actions-menu{position:relative;display:inline-block}.property-actions-menu summary{
    list-style:none;width:34px;height:34px;display:grid;place-items:center;
    border:1px solid #c7d3df;border-radius:8px;background:#fff;color:#243b53;
    font-size:22px;line-height:1;cursor:pointer
}.property-actions-menu summary::-webkit-details-marker{display:none}.property-actions-menu[open] summary{background:#eef4fb;border-color:#9fb6cd}.property-actions-popover{
    position:absolute;right:0;top:40px;z-index:40;min-width:170px;padding:6px;
    border:1px solid #cfd9e4;border-radius:10px;background:#fff;
    box-shadow:0 12px 28px rgba(20,45,75,.18)
}.property-actions-popover a,.property-actions-popover button{
    display:block;width:100%;padding:9px 10px;border:0;border-radius:7px;background:none;
    color:#243b53;text-align:left;text-decoration:none;font:inherit;cursor:pointer
}.property-actions-popover a:hover,.property-actions-popover button:hover{background:#f0f5fa}.property-actions-popover .danger-link{color:#b42318}.property-actions-popover .danger-link:hover{background:#fff0ef}@media (max-width:700px){.field-properties-page{padding:0 10px 18px}.field-properties-page>.settings-card-head,.property-object-selector{padding:16px!important}.property-toolbar{padding:14px!important}.property-drawer-actions-hubspot{padding:12px 14px!important;gap:8px!important}}.field-properties-page{
    padding:18px 18px 28px!important;
}.field-properties-page>.settings-card-head{
    margin:0 0 18px!important;
    padding:22px!important;
    border:1px solid #d5e0eb!important;
    border-radius:14px!important;
    background:#fff!important;
}.property-object-selector{
    margin:0 0 16px!important;
    padding:20px 22px!important;
    border:1px solid #d5e0eb!important;
    border-radius:14px!important;
    background:#fff!important;
}.property-tabs{
    margin:0 0 16px!important;
    padding:0!important;
    border-bottom:1px solid #cfd9e4!important;
}.property-toolbar{
    margin:0 0 16px!important;
    padding:16px 18px!important;
    border:1px solid #d5e0eb!important;
    border-radius:14px!important;
    background:#fff!important;
}.property-search{
    width:100%!important;
    max-width:640px!important;
    margin:0!important;
}.property-search input{
    width:100%!important;
    max-width:none!important;
    border:1px solid #b8c9da!important;
    border-radius:10px!important;
    background:#fff!important;
}.property-search .button{
    border-radius:10px!important;
}.properties-table-wrap{
    margin:0!important;
    border:1px solid #d5e0eb!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#fff!important;
}@media (max-width:700px){.field-properties-page{
        padding:12px 10px 18px!important;
    }.field-properties-page>.settings-card-head,
    .property-object-selector,
    .property-toolbar{
        padding:16px!important;
    }}.crm-standard-drawer{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(600px,96vw)!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    z-index:2501!important;
    transform:translateX(105%)!important;
    transition:transform .22s ease!important;
    box-shadow:-22px 0 60px rgba(0,0,0,.20)!important;
}.crm-standard-drawer.is-open{
    transform:translateX(0)!important;
}.crm-standard-drawer-header{
    min-height:86px!important;
    margin:0!important;
    padding:18px 30px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border-bottom:1px solid #d6dde5!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
}.crm-standard-drawer-layout{
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
}.crm-standard-drawer-layout .property-quick-tabs{
    grid-row:1!important;
    min-height:57px!important;
    margin:0!important;
    position:relative!important;
    inset:auto!important;
}.crm-standard-drawer-body{
    grid-row:2!important;
    min-height:0!important;
    margin:0!important;
    padding:30px 32px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    position:relative!important;
    inset:auto!important;
}.crm-standard-drawer-footer{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    min-height:76px!important;
    margin:0!important;
    padding:16px 24px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid #d6dde5!important;
    border-radius:0!important;
    box-shadow:0 -8px 18px rgba(20,45,75,.07)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    z-index:5!important;
}.crm-standard-drawer-footer .button,
.crm-standard-drawer-footer .property-cancel-link{
    position:static!important;
    min-height:42px!important;
    margin:0!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    white-space:nowrap!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}.crm-standard-drawer-footer .property-cancel-link{
    margin-left:auto!important;
    padding:10px 8px!important;
}@media (max-width:640px){.crm-standard-drawer{width:100vw!important}.crm-standard-drawer-header{
        min-height:76px!important;
        padding:15px 18px!important;
    }.crm-standard-drawer-body{padding:24px 18px!important}.crm-standard-drawer-footer{
        min-height:72px!important;
        padding:14px 16px!important;
        gap:8px!important;
    }}@media (max-height:720px){.crm-standard-drawer-header{
        min-height:68px!important;
        padding-top:11px!important;
        padding-bottom:11px!important;
    }.crm-standard-drawer-layout .property-quick-tabs,
    .crm-standard-drawer-layout .property-quick-tabs button{
        min-height:48px!important;
    }.crm-standard-drawer-body{
        padding-top:20px!important;
        padding-bottom:20px!important;
    }.crm-standard-drawer-footer{
        min-height:66px!important;
        padding-top:11px!important;
        padding-bottom:11px!important;
    }}.property-drawer-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:99980!important;
    background:rgba(24,39,55,.38)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}.property-drawer-backdrop.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}.crm-property-drawer{
    position:fixed!important;
    top:64px!important;
    right:18px!important;
    bottom:18px!important;
    left:auto!important;

    width:min(600px,calc(100vw - 36px))!important;
    max-width:600px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;

    z-index:99990!important;
    background:#fff!important;
    border:1px solid #cfd9e4!important;
    border-radius:14px!important;
    box-shadow:0 24px 70px rgba(11,31,51,.28)!important;

    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;

    transform:translateX(calc(100% + 36px))!important;
    transition:transform .22s ease!important;
}.crm-property-drawer.is-open{
    transform:translateX(0)!important;
}.crm-property-drawer .crm-standard-drawer-header{
    grid-row:1!important;
    min-height:82px!important;
    margin:0!important;
    padding:18px 26px!important;
    border-bottom:1px solid #d8e1ea!important;
    background:#fff!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
}.crm-property-drawer .crm-standard-drawer-layout{
    grid-row:2!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
}.crm-property-drawer .property-quick-tabs{
    grid-row:1!important;
    position:relative!important;
    inset:auto!important;
    min-height:56px!important;
    margin:0!important;
    overflow:hidden!important;
    background:#fff!important;
    border-bottom:1px solid #d8e1ea!important;
}.crm-property-drawer .crm-standard-drawer-body{
    grid-row:2!important;
    position:relative!important;
    inset:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:28px 32px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    background:#fff!important;
    pointer-events:auto!important;
}.crm-property-drawer .crm-standard-drawer-footer{
    grid-row:3!important;
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    min-height:76px!important;
    margin:0!important;
    padding:15px 24px!important;
    box-sizing:border-box!important;

    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;

    overflow:visible!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid #d8e1ea!important;
    border-radius:0!important;
    box-shadow:0 -8px 20px rgba(20,45,75,.07)!important;
    z-index:3!important;
}.crm-property-drawer .crm-standard-drawer-footer .button,
.crm-property-drawer .crm-standard-drawer-footer .property-cancel-link{
    position:static!important;
    min-height:42px!important;
    margin:0!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    white-space:nowrap!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}.crm-property-drawer .crm-standard-drawer-footer .property-cancel-link{
    margin-left:auto!important;
    padding-left:10px!important;
    padding-right:10px!important;
}.crm-property-drawer input,
.crm-property-drawer select,
.crm-property-drawer textarea,
.crm-property-drawer button{
    pointer-events:auto!important;
}@media (max-width:680px){.crm-property-drawer{
        top:10px!important;
        right:10px!important;
        bottom:10px!important;
        width:calc(100vw - 20px)!important;
        max-width:none!important;
    }.crm-property-drawer .crm-standard-drawer-header{
        min-height:74px!important;
        padding:15px 18px!important;
    }.crm-property-drawer .crm-standard-drawer-body{
        padding:22px 18px!important;
    }.crm-property-drawer .crm-standard-drawer-footer{
        min-height:72px!important;
        padding:13px 16px!important;
        gap:8px!important;
    }}@media (max-height:760px){.crm-property-drawer{
        top:10px!important;
        bottom:10px!important;
    }.crm-property-drawer .crm-standard-drawer-header{
        min-height:68px!important;
        padding-top:11px!important;
        padding-bottom:11px!important;
    }.crm-property-drawer .property-quick-tabs,
    .crm-property-drawer .property-quick-tabs button{
        min-height:48px!important;
    }.crm-property-drawer .crm-standard-drawer-body{
        padding-top:20px!important;
        padding-bottom:20px!important;
    }.crm-property-drawer .crm-standard-drawer-footer{
        min-height:66px!important;
        padding-top:11px!important;
        padding-bottom:11px!important;
    }}.crm-property-drawer .crm-standard-drawer-layout{
    grid-template-rows:minmax(0,1fr) auto!important;
}.crm-property-drawer .crm-standard-drawer-body{
    grid-row:1!important;
    padding-top:28px!important;
}.crm-property-drawer .crm-standard-drawer-footer{
    grid-row:2!important;
}.crm-property-drawer .property-quick-tabs{
    display:none!important;
}.communication-backdrop{
    position:fixed;
    inset:0;
    z-index:10020;
    background:rgba(18,32,46,.42);
    backdrop-filter:blur(1px);
}.communication-drawer{
    position:fixed;
    top:18px;
    right:18px;
    bottom:18px;
    width:min(900px,calc(100vw - 36px));
    z-index:10021;
    overflow:hidden;
    background:#fff;
    border:1px solid #cfd9e4;
    border-radius:14px;
    box-shadow:0 24px 70px rgba(11,31,51,.28);
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    transform:translateX(calc(100% + 40px));
    transition:transform .22s ease;
}.communication-drawer.is-open{
    transform:translateX(0);
}.communication-head{
    min-height:82px;
    padding:20px 26px;
    border-bottom:1px solid #d8e1ea;
    background:#fff;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}.communication-head h2{
    margin:0;
    font-size:21px;
}.communication-head small{
    display:block;
    margin-top:5px;
    color:var(--muted);
}.communication-close{
    width:36px;
    height:36px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#3b5065;
    font-size:24px;
    cursor:pointer;
}.communication-close:hover{
    background:#eef3f8;
}.communication-form{
    min-height:0;
    display:grid;
    grid-template-rows:minmax(0,1fr) auto;
    overflow:hidden;
}.communication-body{
    min-height:0;
    padding:24px 28px;
    overflow-y:auto;
    background:#fff;
}.email-compose-body{
    display:grid;
    align-content:start;
    gap:16px;
}.email-address-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:16px;
    align-items:start;
}.email-recipient-fields{
    display:grid;
    gap:9px;
}.email-inline-field{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:center;
    gap:0;
}.email-inline-field>span{
    font-weight:800;
    text-align:right;
    padding-right:10px;
}.email-inline-field input{
    border-radius:4px;
}.email-compose-options{
    padding:12px;
    border:1px solid #8697a8;
    background:#fff;
    display:grid;
    gap:10px;
}.email-compose-options label{
    display:grid;
    gap:5px;
}.email-compose-options span{
    font-weight:800;
    font-size:13px;
}.email-subject-field{
    grid-template-columns:48px minmax(0,1fr);
}.email-editor-shell{
    min-height:470px;
    border:1px solid #d1dce7;
    border-radius:8px;
    overflow:hidden;
    display:grid;
    grid-template-rows:auto auto auto minmax(340px,1fr);
    background:#fff;
}.email-editor-toolbar{
    padding:9px;
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    align-items:center;
    background:#f3f6fa;
    border-bottom:1px solid #d9e3ed;
}.email-editor-toolbar>*{
    width:auto!important;
    min-height:34px;
}.email-editor-toolbar select{
    min-width:95px;
}.email-editor-toolbar button,
.email-file-button{
    border:1px solid transparent;
    border-radius:5px;
    padding:7px 10px;
    background:#fff;
    color:var(--ink);
    font-weight:700;
    cursor:pointer;
}.email-editor-toolbar button:hover,
.email-file-button:hover{
    border-color:#b8c8da;
    background:#eef4fa;
}.email-colour-control{
    width:38px!important;
    height:34px;
    padding:4px;
    background:#fff;
    border-radius:5px;
}.email-colour-control input{
    width:28px!important;
    height:25px;
    padding:0;
    border:0;
}.email-attachment-row{
    min-height:52px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    gap:12px;
    background:#f3f6fa;
    border-bottom:1px solid #d9e3ed;
}.email-attachment-row span{
    color:var(--muted);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}.communication-editor{
    min-height:340px;
    padding:16px;
    overflow:auto;
    border:0;
    outline:0;
    background:#fff;
    line-height:1.55;
}.communication-editor:focus{
    box-shadow:inset 0 0 0 2px rgba(23,105,224,.18);
}.communication-foot{
    min-height:74px;
    padding:14px 24px;
    border-top:1px solid #d8e1ea;
    background:#fff;
    box-shadow:0 -8px 20px rgba(20,45,75,.07);
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
}@media (max-width:820px){.communication-drawer{
        top:10px;
        right:10px;
        bottom:10px;
        width:calc(100vw - 20px);
    }.email-address-grid{
        grid-template-columns:1fr;
    }.email-compose-options{
        grid-template-columns:1fr 1fr;
    }}@media (max-width:560px){.communication-body{
        padding:18px 14px;
    }.email-inline-field,
    .email-subject-field{
        grid-template-columns:1fr;
        gap:5px;
    }.email-inline-field>span{
        text-align:left;
        padding-right:0;
    }.email-compose-options{
        grid-template-columns:1fr;
    }.email-editor-shell{
        min-height:420px;
    }.communication-foot{
        padding:12px 14px;
    }}.communication-form{
    min-height:0!important;
}.communication-body.email-compose-body{
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    align-content:stretch!important;
}.email-editor-shell{
    min-height:0!important;
    height:100%!important;
    grid-template-rows:auto auto auto minmax(0,1fr)!important;
}.communication-editor{
    min-height:0!important;
    height:100%!important;
    grid-row:4;
}@media (max-height:820px){.email-editor-shell{
        min-height:430px!important;
    }}@media (max-width:560px){.email-editor-shell{
        min-height:460px!important;
    }}.email-subject-field{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
}.email-subject-field>span{
    padding:0!important;
    text-align:left!important;
    font-weight:800!important;
}.email-subject-field input{
    width:100%!important;
}.sms-compose-body{
    display:grid;
    align-content:start;
    gap:14px;
}.sms-recipient-type,
.sms-send-mode{
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
}.sms-recipient-type label,
.sms-send-mode label{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:800;
}.sms-recipient-type input,
.sms-send-mode input{
    width:18px;
    height:18px;
    margin:0;
}.sms-linked-job-panel,
.sms-schedule-panel{
    padding:16px;
    border:1px solid #cfe0f1;
    border-radius:10px;
    background:#f4f8fc;
}.sms-linked-job-panel label,
.sms-field{
    display:grid;
    gap:7px;
}.sms-linked-job-panel span,
.sms-field>span,
.sms-schedule-fields span{
    font-weight:800;
}.sms-schedule-panel{
    display:grid;
    gap:14px;
}.sms-schedule-fields{
    padding:12px;
    border:1px dashed #9fc3ec;
    border-radius:9px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}.sms-schedule-fields label{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:8px;
}.sms-message-field{
    min-height:0;
}.sms-message-field textarea{
    min-height:420px;
    resize:vertical;
}@media (max-width:620px){.sms-schedule-fields{
        grid-template-columns:1fr;
    }.sms-schedule-fields label{
        grid-template-columns:1fr;
    }.sms-message-field textarea{
        min-height:340px;
    }}.sms-picker-field{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    gap:7px!important;
}.sms-picker-control{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 42px;
    align-items:stretch;
}.sms-picker-control input{
    width:100%;
    min-height:44px;
    padding-right:12px;
    border-radius:7px 0 0 7px!important;
    cursor:pointer;
}.sms-picker-button{
    width:42px;
    min-height:44px;
    margin:0;
    padding:0;
    border:1px solid #b8c9da;
    border-left:0;
    border-radius:0 7px 7px 0;
    background:#fff;
    color:#17324d;
    font-size:20px;
    cursor:pointer;
}.sms-picker-button:hover:not(:disabled){
    background:#eef5fc;
}.sms-picker-button:focus-visible{
    position:relative;
    z-index:2;
    outline:2px solid #1677d2;
    outline-offset:1px;
}.sms-picker-button:disabled{
    cursor:not-allowed;
    opacity:.5;
    background:#eef2f6;
}.sms-schedule-fields:not(.is-enabled){
    opacity:.72;
}.sms-schedule-fields.is-enabled{
    background:#fff;
    border-style:solid;
    border-color:#8bb9ea;
}@media (max-width:620px){.sms-picker-control{
        width:100%;
    }}.communication-form.is-submitting .communication-body{
    pointer-events:none;
    opacity:.72;
}.communication-spinner{
    width:16px;
    height:16px;
    display:inline-block;
    margin-right:8px;
    border:2px solid rgba(255,255,255,.48);
    border-top-color:#fff;
    border-radius:50%;
    animation:communication-spin .75s linear infinite;
    vertical-align:-3px;
}@keyframes communication-spin{
    to{transform:rotate(360deg)}
}.communication-toast-host{
    position:fixed;
    top:18px;
    right:18px;
    z-index:120000;
    display:grid;
    gap:10px;
    width:min(390px,calc(100vw - 36px));
    pointer-events:none;
}.communication-toast{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:14px 15px;
    border:1px solid #cdd8e4;
    border-left:5px solid #2878d0;
    border-radius:10px;
    background:#fff;
    box-shadow:0 14px 34px rgba(15,35,55,.2);
    opacity:0;
    transform:translateX(18px);
    transition:opacity .2s ease,transform .2s ease;
    pointer-events:auto;
}.communication-toast.is-visible{
    opacity:1;
    transform:translateX(0);
}.communication-toast strong{display:block;color:#102a43}.communication-toast p{margin:4px 0 0;color:#52667a;line-height:1.4}.communication-toast button{
    width:28px;
    height:28px;
    border:0;
    border-radius:7px;
    background:transparent;
    cursor:pointer;
}.communication-toast-success{border-left-color:#1f9d62}.communication-toast-error{border-left-color:#d64545}.communication-toast-info{border-left-color:#2878d0}.crm-list-page{display:grid;gap:0}.crm-list-title{padding:18px 22px 8px}.crm-list-title h1{margin:0}.crm-primary-tabs{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;padding:0 22px 18px}.crm-primary-tabs a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;border:1px solid #d2deea;border-radius:10px;background:#fff;color:#0d2942;text-decoration:none;font-weight:800;box-shadow:0 3px 8px rgba(25,55,85,.08)}.crm-primary-tabs a.active{border-bottom:4px solid #1673ef}.crm-subtab-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cad8e5;border-bottom:1px solid #cad8e5;background:#fff}.crm-subtab-bar nav{display:flex;overflow:auto}.crm-subtab-bar nav a{min-width:110px;padding:14px 20px;text-align:center;border-right:1px solid #cad8e5;color:#102a43;text-decoration:none;font-weight:700}.crm-subtab-bar nav a.active{border-top:3px solid #1673ef;background:#f8fbff}.crm-subtab-bar>.button{margin-right:14px}.crm-list-panel{margin:16px 20px;border:1px solid #cbd8e4;background:#fff;min-height:650px;padding:16px;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:16px}.crm-list-search input{width:min(680px,58vw);min-height:38px;border-radius:22px;border:1px solid #b7c7d6;padding:8px 16px}.crm-list-actions{display:flex;justify-content:flex-end;gap:20px;align-items:center}.crm-list-actions button:not(.button){border:0;background:transparent;font-weight:700}.crm-list-actions .success{background:#77c894;border-color:#77c894}.crm-sort-bar{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.crm-sort-chip{border:0;background:transparent;font-weight:800;padding:10px 14px;border-radius:8px}.crm-sort-chip.active{background:#236ee7;color:#fff}.crm-sort-add,.crm-sort-edit{width:36px;height:36px;border-radius:50%;border:1px solid #c5d3e0;background:#fff}.crm-table-scroll{overflow:auto}.crm-record-table{min-width:900px}.crm-record-table th{background:#f1f5f9}.crm-list-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d2dde8;padding-top:12px}.crm-list-footer>div{display:flex;gap:8px;align-items:center}.crm-page-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#236ee7;color:#fff;font-weight:800}.crm-list-footer select{min-height:36px;border:1px solid #bdcbd8;border-radius:7px}.crm-list-modal-backdrop{position:fixed;inset:0;background:rgba(24,37,51,.48);z-index:9100}.crm-list-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(760px,92vw);max-height:80vh;overflow:auto;background:#fff;border-radius:12px;z-index:9101;box-shadow:0 20px 60px rgba(0,0,0,.24)}.crm-list-modal header,.crm-list-modal footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #d7e1ea}.crm-list-modal footer{border-top:1px solid #d7e1ea;border-bottom:0;justify-content:flex-end}.crm-list-modal-body{padding:18px}.crm-sort-row,.crm-filter-row{display:grid;grid-template-columns:1fr 180px auto;gap:10px;margin-bottom:10px}.crm-filter-row{grid-template-columns:1fr 170px 1fr auto}.crm-sort-row select,.crm-filter-row select,.crm-filter-row input{min-height:40px;border:1px solid #becdda;border-radius:8px;padding:7px 10px}.column-picker-list{display:grid;gap:9px;max-height:430px;overflow:auto}.managed-tab-list{display:grid;gap:10px}.managed-tab-list article{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #d5e0ea;border-radius:9px}.managed-tab-list small{display:block;color:#61798e}.tab-manager-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:16px}.tab-manager-page{display:grid;gap:16px}@media (max-width:900px){.crm-primary-tabs{grid-template-columns:1fr 1fr}.crm-list-panel{margin:10px}.tab-manager-grid{grid-template-columns:1fr}.crm-list-footer{align-items:flex-start;gap:10px;flex-direction:column}}.column-slot-editor{display:grid;gap:12px;max-width:620px}.column-slot-help{margin:0 0 4px;color:#526b82;font-size:14px}.column-slot-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center}.column-slot-row>span{font-weight:700;color:#17324d}.column-slot-row select{width:100%;min-height:44px;padding:9px 38px 9px 12px;border:1px solid #b9c9d8;border-radius:8px;background:#fff;color:#102a43;font:inherit}.column-slot-row select:focus{outline:2px solid rgba(20,110,232,.18);border-color:#146ee8}.column-slot-row option:disabled{color:#9aa8b5}@media (max-width:640px){.column-slot-row{grid-template-columns:1fr;gap:6px}}.crm-list-footer>div{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.crm-list-footer .button.small{min-height:36px;height:36px;padding:7px 12px;border-radius:8px;white-space:nowrap}.crm-list-footer .crm-page-number{width:36px;height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.crm-list-footer label{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin:0;white-space:nowrap}.crm-list-footer [data-rows-per-page]{width:76px;min-width:76px;height:36px;min-height:36px;padding:6px 28px 6px 10px;border-radius:8px}.crm-bulk-actions{display:flex;align-items:center;gap:8px;margin:0 0 10px}.crm-bulk-actions[hidden]{display:none!important}.crm-bulk-actions .button{min-height:38px;padding:8px 16px}.button.danger,.crm-bulk-actions .danger{background:#d92d20;border-color:#d92d20;color:#fff}.bulk-delete-confirm{display:grid;gap:14px}.bulk-delete-confirm p{margin:0}.bulk-delete-confirm label{display:grid;gap:7px;font-weight:700}.bulk-delete-confirm input{width:100%;min-height:44px;border:1px solid #b9c9d8;border-radius:8px;padding:9px 12px;font:inherit}.bulk-delete-warning{padding:10px 12px;border:1px solid #efc2bd;border-radius:8px;background:#fff2f0;color:#912018}@media (max-width:640px){.crm-list-footer{align-items:flex-start;gap:12px}.crm-list-footer>div{width:100%;justify-content:flex-end}}.crm-list-panel{
  grid-template-rows:auto auto auto auto minmax(0,1fr) auto;
}.crm-bulk-actions{
  align-self:start;
  min-height:0;
  margin:0;
}.crm-bulk-actions:not([hidden]){
  margin:0 0 10px;
}.crm-table-scroll{
  min-height:0;
}.crm-subtab-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-right:14px;
}.crm-subtab-actions>.button{
  margin:0;
}.crm-tab-manage-button{
  min-width:42px;
  width:42px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
}@media (max-width:700px){.crm-subtab-bar{
    align-items:flex-start;
    gap:8px;
    flex-wrap:wrap;
  }.crm-subtab-actions{
    width:100%;
    justify-content:flex-end;
    margin:0 10px 8px;
  }}.directory-form-panel{
  padding:20px;
}.directory-form{
  align-items:start;
}.directory-form label>select,
.directory-form label>input{
  width:100%;
}.directory-radio-field{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}.directory-radio-field legend{
  margin:0 0 10px;
  font-weight:700;
  color:#102a43;
}.directory-radio-options{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:8px 12px;
  border:1px solid #b9c9d8;
  border-radius:8px;
  background:#fff;
}.directory-radio-options label{
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  gap:7px;
  margin:0;
}.directory-radio-options input{
  width:auto;
  margin:0;
}.directory-form .form-actions{
  grid-column:1/-1;
}.crm-list-panel{
  min-height:650px;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  gap:16px;
}.crm-list-topbar{
  display:grid;
  grid-template-columns:minmax(280px,1fr) auto;
  align-items:center;
  gap:22px;
}.crm-list-search{
  min-width:0;
}.crm-list-search input{
  width:100%;
  max-width:none;
}.crm-list-actions{
  justify-content:flex-end;
  flex-wrap:nowrap;
  white-space:nowrap;
}.crm-table-scroll{
  min-height:0;
  align-self:stretch;
}.crm-list-footer{
  align-self:end;
  margin-top:0;
  width:100%;
}@media (max-width:900px){.crm-list-topbar{
    grid-template-columns:1fr;
    gap:12px;
  }.crm-list-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }}.crm-record-link,.crm-record-link:visited{color:#006b68;font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer}.crm-record-link:hover,.crm-record-link:focus-visible{color:#004f4d;text-decoration-thickness:2px}.crm-record-table tbody tr[data-record-row]:hover{background:#f7fbfb}.crm-record-table .crm-record-link,
.crm-record-table .crm-record-link:link,
.crm-record-table .crm-record-link:visited{
  color:#006b68 !important;
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:#006b68;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}.crm-record-table .crm-record-link:hover,
.crm-record-table .crm-record-link:focus-visible{
  color:#004f4d !important;
  text-decoration-color:#004f4d;
  text-decoration-thickness:2px;
}.crm-table-scroll{
  border:1px solid #cbd7e3;
  border-radius:0;
  overflow:auto;
  background:#fff;
}.crm-record-table{
  width:100%;
  min-width:900px;
  border-collapse:collapse;
  border-spacing:0;
  background:#fff;
}.crm-record-table th,
.crm-record-table td{
  border-right:1px solid #cbd7e3;
  border-bottom:1px solid #cbd7e3;
  padding:12px 14px;
  vertical-align:middle;
  text-align:left;
  background:#fff;
}.crm-record-table th{
  background:#f3f6f9;
  color:#102a43;
  font-weight:700;
}.crm-record-table th:last-child,
.crm-record-table td:last-child{
  border-right:0;
}.crm-record-table tbody tr:last-child td{
  border-bottom:0;
}.crm-record-table tbody tr[data-record-row]:hover td{
  background:#f7fbfb;
}.crm-record-table th:first-child,
.crm-record-table td:first-child{
  width:48px;
  min-width:48px;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
}.crm-record-table input[type="checkbox"]{
  margin:0;
  vertical-align:middle;
}.dashboard-modern{
    display:grid;
    gap:22px;
}.dashboard-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:28px 30px;
    border:1px solid #d2deea;
    border-radius:20px;
    background:
        radial-gradient(circle at top right,#dcecff 0,transparent 38%),
        linear-gradient(135deg,#ffffff 0%,#f5f9fd 100%);
    box-shadow:0 10px 28px rgba(16,42,67,.07);
}.dashboard-eyebrow{
    display:inline-flex;
    margin-bottom:6px;
    color:#1769e0;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}.dashboard-hero h1{
    margin:0;
    font-size:32px;
    line-height:1.15;
    letter-spacing:-.02em;
}.dashboard-hero p{
    max-width:620px;
    margin:8px 0 0;
    color:#58708a;
    font-size:15px;
}.dashboard-hero-summary{
    min-width:170px;
    padding:17px 20px;
    border:1px solid rgba(23,105,224,.18);
    border-radius:16px;
    background:rgba(255,255,255,.8);
    text-align:right;
}.dashboard-hero-summary span{
    display:block;
    color:#58708a;
    font-size:12px;
    font-weight:700;
}.dashboard-hero-summary strong{
    display:block;
    margin-top:3px;
    color:#102a43;
    font-size:30px;
    line-height:1;
}.dashboard-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}.dashboard-module-card{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    min-height:128px;
    padding:20px 48px 20px 20px;
    border:1px solid #d4dfeb;
    border-radius:18px;
    background:#fff;
    color:#102a43;
    text-decoration:none;
    box-shadow:0 5px 18px rgba(16,42,67,.045);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}.dashboard-module-card:hover{
    transform:translateY(-2px);
    border-color:#a9c7ed;
    box-shadow:0 14px 30px rgba(16,42,67,.1);
}.dashboard-module-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:#edf5ff;
    color:#1769e0;
}.dashboard-module-icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}.dashboard-module-copy{
    min-width:0;
}.dashboard-module-copy>span{
    display:block;
    font-size:16px;
    font-weight:800;
}.dashboard-module-copy p{
    margin:5px 0 0;
    color:#657d95;
    font-size:13px;
    line-height:1.4;
}.dashboard-module-count{
    min-width:42px;
    color:#102a43;
    font-size:28px;
    font-weight:800;
    text-align:right;
}.dashboard-module-arrow{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    color:#8ba0b4;
    font-size:27px;
    line-height:1;
    transition:transform .16s ease,color .16s ease;
}.dashboard-module-card:hover .dashboard-module-arrow{
    transform:translate(3px,-50%);
    color:#1769e0;
}@media (max-width:1100px){.dashboard-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }}@media (max-width:720px){.dashboard-hero{
        align-items:flex-start;
        flex-direction:column;
        padding:22px;
    }.dashboard-hero-summary{
        width:100%;
        text-align:left;
    }.dashboard-card-grid{
        grid-template-columns:1fr;
    }.dashboard-module-card{
        min-height:112px;
    }}.crm-list-page .crm-record-table a.crm-record-link,
.crm-list-page .crm-record-table a.crm-record-link:link,
.crm-list-page .crm-record-table a.crm-record-link:visited{
    color:#006b68 !important;
    font-weight:700 !important;
    text-decoration:underline !important;
    text-decoration-color:#006b68 !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:2px !important;
}.crm-list-page .crm-record-table a.crm-record-link:hover,
.crm-list-page .crm-record-table a.crm-record-link:focus-visible{
    color:#004f4d !important;
    text-decoration-color:#004f4d !important;
    text-decoration-thickness:2px !important;
}.crm-list-page .crm-record-table tbody tr[data-record-row]{
    cursor:pointer;
}.ticket-centre{
    min-height:calc(100vh - 74px);
    margin:-18px;
    background:#fff;
    color:#102a43;
}.ticket-search-bar{
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px;
    gap:10px;
    padding:14px 16px;
    border-bottom:1px solid #cedbe8;
    background:#fff;
}.ticket-search-bar form:first-child{
    min-width:0;
}.ticket-search-bar input[type="search"],
.ticket-sidebar-search input[type="search"]{
    width:100%;
    height:44px;
    border:1px solid #b9cee2;
    border-radius:6px;
    padding:0 14px;
    background:#fff;
    color:#102a43;
}.ticket-plus-button{
    width:48px;
    height:44px;
    border:0;
    border-radius:6px;
    background:#1e6ee8;
    color:#fff;
    font-size:27px;
    font-weight:700;
    cursor:pointer;
}.ticket-list-layout{
    display:grid;
    grid-template-columns:290px minmax(0,1fr);
    min-height:calc(100vh - 132px);
}.ticket-views-panel{
    border-right:1px solid #cedbe8;
    padding:20px 14px;
    background:#f8fbfe;
}.ticket-views-panel h2{
    margin:0 0 12px;
    padding:0 4px;
    font-size:17px;
}.ticket-views-panel nav{
    display:grid;
    gap:3px;
}.ticket-views-panel a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:42px;
    padding:8px 10px;
    border-radius:6px;
    color:#102a43;
    text-decoration:none;
    font-weight:700;
}.ticket-views-panel a:hover,
.ticket-views-panel a.active{
    background:#e7f1ff;
    color:#0f5dcc;
}.ticket-views-panel a strong{
    min-width:26px;
    height:26px;
    display:grid;
    place-items:center;
    border:1px solid #d4e0eb;
    border-radius:999px;
    background:#fff;
    color:#5f7891;
    font-size:12px;
}.ticket-table-panel{
    min-width:0;
    padding:0 14px;
    background:#fff;
}.ticket-table-scroll{
    overflow:auto;
}.ticket-table{
    width:100%;
    min-width:900px;
    border-collapse:collapse;
    background:#fff;
}.ticket-table th{
    padding:15px 12px 12px;
    border-bottom:1px solid #cedbe8;
    color:#4e6b88;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
    text-align:left;
    text-transform:uppercase;
}.ticket-table td{
    padding:15px 12px;
    border-bottom:1px solid #dce6ef;
    vertical-align:middle;
}.ticket-table tbody tr{
    cursor:pointer;
}.ticket-table tbody tr:hover td{
    background:#f7fbff;
}.ticket-record-link,
.ticket-record-link:visited{
    color:#006b68;
    font-weight:750;
    text-decoration:underline;
    text-underline-offset:2px;
}.ticket-record-link:hover{
    color:#004f4d;
}.ticket-empty{
    padding:40px !important;
    color:#70869c;
    text-align:center;
}.ticket-detail-layout{
    display:grid;
    grid-template-columns:310px minmax(0,1fr);
    height:calc(100vh - 74px);
    min-height:700px;
}.ticket-detail-sidebar{
    display:flex;
    flex-direction:column;
    min-width:0;
    border-right:1px solid #cedbe8;
    background:#fff;
}.ticket-sidebar-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px;
    gap:8px;
    padding:12px;
    border-bottom:1px solid #cedbe8;
}.ticket-sidebar-list{
    overflow:auto;
    min-height:0;
}.ticket-sidebar-list>a{
    display:block;
    padding:14px 13px;
    border-bottom:1px solid #d9e4ee;
    color:#102a43;
    text-decoration:none;
}.ticket-sidebar-list>a:hover,
.ticket-sidebar-list>a.active{
    background:#e7f1ff;
    box-shadow:inset 3px 0 #1e6ee8;
}.ticket-sidebar-list>a>div{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
}.ticket-sidebar-list h3{
    margin:8px 0 5px;
    font-size:14px;
    line-height:1.35;
}.ticket-sidebar-list p{
    margin:0;
    color:#617a93;
    font-size:12px;
}.ticket-status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:25px;
    padding:4px 10px;
    border-radius:999px;
    background:#fff1bf;
    color:#785700;
    font-size:11px;
    font-weight:800;
}.ticket-status-pill.closed,
.ticket-status-pill.resolved{
    background:#e4f7eb;
    color:#10783d;
}.ticket-status-pill.open{
    background:#e8f1ff;
    color:#0d58bd;
}.ticket-detail-main{
    min-width:0;
    overflow:auto;
    padding:18px 22px 60px;
    background:#fff;
}.ticket-detail-heading{
    margin-bottom:14px;
}.ticket-back-link{
    color:#1769e0;
    font-weight:750;
    text-decoration:none;
}.ticket-heading-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    margin-top:8px;
}.ticket-heading-row h1{
    margin:0;
    font-size:22px;
    line-height:1.3;
}.ticket-customer-card,
.ticket-card{
    margin-bottom:14px;
    border:1px solid #c9dbed;
    border-radius:10px;
    background:#fff;
}.ticket-customer-card{
    padding:14px 16px;
    background:#f6fbff;
}.ticket-customer-card h2{
    margin:0 0 12px;
    color:#1769e0;
    font-size:17px;
}.ticket-customer-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}.ticket-customer-grid span,
.ticket-overview-form label>span,
.ticket-reply-panel label>span{
    display:block;
    margin-bottom:5px;
    color:#365470;
    font-size:12px;
    font-weight:800;
}.ticket-customer-grid strong{
    display:block;
    overflow-wrap:anywhere;
    font-size:13px;
}.ticket-card{
    padding:16px;
}.ticket-card>h2{
    margin:0 0 14px;
    font-size:18px;
}.ticket-overview-form{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}.ticket-overview-form label{
    min-width:0;
}.ticket-overview-form input,
.ticket-overview-form select,
.ticket-overview-form textarea,
.ticket-reply-panel input[type="text"],
.ticket-reply-panel textarea{
    width:100%;
    min-height:42px;
    border:1px solid #b9cee2;
    border-radius:5px;
    padding:9px 10px;
    background:#fff;
    color:#102a43;
}.ticket-overview-form input[readonly]{
    background:#f8fafc;
    font-weight:700;
}.ticket-description-field{
    grid-column:1/-1;
}.ticket-description-field textarea{
    min-height:150px;
    resize:vertical;
}.ticket-form-actions{
    grid-column:1/-1;
}.ticket-conversation-list{
    display:grid;
    gap:10px;
}.ticket-message{
    padding:12px;
    border:1px solid #cde0ef;
    border-radius:9px;
    background:#eef9ff;
}.ticket-message.internal-note{
    border-color:#ecd99b;
    background:#fff9e6;
}.ticket-message header{
    display:flex;
    justify-content:space-between;
    gap:12px;
}.ticket-message header>div{
    display:grid;
    gap:4px;
}.ticket-message header span{
    color:#416784;
    font-size:12px;
}.ticket-message header strong{
    font-size:13px;
}.ticket-message time{
    color:#607a92;
    font-size:11px;
}.ticket-message p{
    margin:12px 0;
    line-height:1.5;
}.ticket-message footer{
    color:#607a92;
    font-size:11px;
}.ticket-empty-conversation{
    padding:24px;
    border:1px dashed #cbd9e5;
    border-radius:8px;
    color:#607a92;
    text-align:center;
}.ticket-reply-panel{
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid #d8e4ee;
}.ticket-reply-panel h3{
    margin:0 0 12px;
}.ticket-reply-panel form{
    display:grid;
    gap:12px;
}.ticket-reply-panel textarea{
    min-height:130px;
    resize:vertical;
}.ticket-reply-type{
    display:flex;
    gap:18px;
}.ticket-reply-type label{
    display:flex;
    align-items:center;
    gap:7px;
    font-weight:700;
}.ticket-error{
    margin:14px;
    padding:12px 14px;
    border:1px solid #f1bcbc;
    border-radius:8px;
    background:#fff0f0;
    color:#9a2020;
}@media (max-width:1050px){.ticket-list-layout{
        grid-template-columns:230px minmax(0,1fr);
    }.ticket-detail-layout{
        grid-template-columns:270px minmax(0,1fr);
    }.ticket-customer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }.ticket-overview-form{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }}@media (max-width:760px){.ticket-centre{
        margin:-12px;
    }.ticket-list-layout,
    .ticket-detail-layout{
        display:block;
        height:auto;
    }.ticket-views-panel,
    .ticket-detail-sidebar{
        border-right:0;
        border-bottom:1px solid #cedbe8;
    }.ticket-detail-sidebar{
        max-height:370px;
    }.ticket-customer-grid,
    .ticket-overview-form{
        grid-template-columns:1fr;
    }.ticket-description-field,
    .ticket-form-actions{
        grid-column:auto;
    }.ticket-heading-row{
        flex-direction:column;
    }}.ticket-message.incoming-email{
    border-color:#b9d6f5;
    background:#f3f8ff;
    box-shadow:inset 4px 0 #1769e0;
}.ticket-message.outgoing-email{
    box-shadow:inset 4px 0 #13a085;
}.column-object-property-row{
  display:grid;
  grid-template-columns:105px minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  align-items:end;
  padding:10px 0;
}.column-object-property-row .column-number{
  align-self:center;
  font-weight:700;
  color:#17324d;
}.column-object-property-row label{
  display:grid;
  gap:6px;
  margin:0;
}.column-object-property-row label>span{
  font-size:12px;
  font-weight:700;
  color:#526b83;
}.column-object-property-row select{
  width:100%;
  min-width:0;
}@media (max-width:700px){.column-object-property-row{
    grid-template-columns:1fr;
    gap:8px;
    padding:14px 0;
    border-bottom:1px solid #dce5ee;
  }}.record-layout.hs-record-layout{
  display:grid;
  grid-template-columns:240px minmax(520px,1fr) 252px;
  gap:18px;
  align-items:start;
  min-width:0;
  width:100%;
}.record-left,.record-main,.record-right{min-width:0}.record-left,.record-right{display:grid;gap:14px;align-content:start}.record-card,.linked-card,.tab-panel{
  background:#fff;
  border:1px solid #cfd8e3;
  border-radius:4px;
  box-shadow:0 1px 2px rgba(16,42,67,.04);
}.record-card{overflow:visible}.record-card-top{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 14px;
  border-bottom:1px solid #d7e0ea;
}.record-back{color:#0c243b;text-decoration:none;font-weight:800;font-size:13px}.record-back:hover{text-decoration:underline}.record-action-dropdown{position:relative}.record-action-dropdown>summary{
  list-style:none;
  cursor:pointer;
  font-weight:800;
  color:#0c243b;
  display:flex;
  align-items:center;
  gap:5px;
}.record-action-dropdown>summary::-webkit-details-marker{display:none}.record-action-dropdown[open]>div{
  position:absolute;
  right:0;
  top:28px;
  z-index:30;
  min-width:150px;
  padding:6px;
  background:#fff;
  border:1px solid #cfd8e3;
  border-radius:4px;
  box-shadow:0 12px 28px rgba(16,42,67,.18);
}.record-action-dropdown a,.record-action-dropdown button{
  display:block;
  width:100%;
  border:0;
  background:transparent;
  color:#0c243b;
  text-decoration:none;
  text-align:left;
  padding:8px 9px;
  border-radius:3px;
  font:inherit;
  cursor:pointer;
}.record-action-dropdown a:hover,.record-action-dropdown button:hover{background:#eef3f8}.record-identity{display:flex;align-items:center;gap:14px;padding:18px 14px 8px}.record-avatar{
  width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto;
  border-radius:50%;background:#dce9fb;color:#173d83;font-size:18px;font-weight:900;overflow:hidden;
}.record-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.record-identity h1{margin:0;font-size:20px;line-height:1.18;color:#0c243b;overflow-wrap:anywhere}.record-identity p{margin:3px 0 0;color:#516b83;font-size:12px}.record-shortcuts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  padding:10px 11px 16px;
}.shortcut-action{
  border:0;background:transparent;color:#0c243b;text-decoration:none;
  display:flex;flex-direction:column;align-items:center;gap:5px;
  min-width:0;padding:0;font:inherit;cursor:pointer;
}.shortcut-action>span{
  width:31px;height:31px;border:1px solid #8797a7;border-radius:50%;
  display:grid;place-items:center;background:#fff;
}.shortcut-action svg{width:15px;height:15px}.shortcut-action strong{font-size:10px;line-height:1.1;text-align:center;font-weight:600}.shortcut-action:hover>span{background:#eef3f8}.shortcut-action.disabled{opacity:.45;cursor:not-allowed}.card-title-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 13px 3px;
}.card-title-row h2{margin:0;font-size:14px;color:#0c243b}.record-edit-button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:29px;padding:5px 10px;border-radius:4px;
  background:#1769e0;color:#fff;text-decoration:none;font-size:12px;font-weight:800;
}.record-gear{
  width:27px;height:27px;display:grid;place-items:center;border:1px solid #c7d3df;
  border-radius:50%;color:#31536f;background:#fff;
}.record-gear svg{width:14px;height:14px}.summary-list{margin:0;padding:7px 13px 15px;display:grid;gap:2px}.summary-list dt{
  margin-top:9px;color:#5d7690;text-transform:uppercase;font-size:9px;
  letter-spacing:.025em;
}.summary-list dd{
  margin:0;color:#071d31;font-weight:700;line-height:1.35;
  overflow-wrap:anywhere;font-size:12px;
}.summary-list dd a{color:#005f78}.phone-value{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.round-inline-action{
  width:23px;height:23px;display:inline-grid;place-items:center;
  border:1px solid #91a1b1;border-radius:50%;background:#fff;color:#102a43;
  padding:0;text-decoration:none;cursor:pointer;
}.round-inline-action svg{width:12px;height:12px}.round-inline-action:hover{background:#eef3f8}.record-main{min-width:0}.tabs{
  display:flex;align-items:stretch;overflow-x:auto;background:#fff;
  border:1px solid #cfd8e3;border-radius:4px 4px 0 0;
  scrollbar-width:thin;
}.tab-btn{
  min-height:42px;display:flex;align-items:center;justify-content:center;
  padding:0 12px;border-right:1px solid #d7e0ea;border-bottom:3px solid transparent;
  color:#42617c;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;
}.tab-btn:last-child{border-right:0}.tab-btn:hover{background:#f5f7f9;color:#0c243b}.tab-btn.active{background:#f7f8fa;color:#0c243b;border-bottom-color:#1a2c3c}.crm-list-navigation-spacer{flex:1 1 auto;min-width:12px}.crm-list-navigation-control{flex:0 0 42px;width:42px;min-width:42px;padding:0}.crm-list-navigation-return{flex:0 0 auto;padding-inline:14px;color:#17324d}.crm-list-navigation-control[aria-disabled="true"]{background:#f6f8fa;color:#9aa8b6;cursor:not-allowed}.crm-list-navigation-icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}.tab-panel{
  min-height:610px;border-top:0;border-radius:0 0 4px 4px;padding:14px;
}.activity-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;
}.activity-search{
  width:min(210px,50%);height:31px;display:flex;align-items:center;gap:7px;
  border:1px solid #b8c7d5;border-radius:18px;padding:0 10px;background:#fff;
}.activity-search input{
  border:0!important;outline:0!important;padding:0!important;background:transparent!important;
  min-width:0;height:auto!important;box-shadow:none!important;
}.collapse-all{
  display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 11px;
  border-radius:4px;background:#f0f2f4;color:#102a43;text-decoration:none;font-size:11px;font-weight:800;
}.activity-heading-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-bottom:1px solid #e1e7ed;padding:0 0 8px;margin-bottom:8px;
}.activity-heading-row h2{margin:0;font-size:15px}.activity-heading-row span{font-size:9px;color:#59738a}.activity-list{display:grid;gap:7px}.activity-card{
  border:1px solid #ced8e2;border-radius:4px;background:#fff;overflow:hidden;
}.activity-card>summary{
  list-style:none;display:flex;align-items:flex-start;justify-content:space-between;
  gap:12px;padding:10px 11px;cursor:pointer;
}.activity-card>summary::-webkit-details-marker{display:none}.activity-card>summary strong{font-size:12px}.activity-card>summary time{font-size:9px;color:#4f7290;white-space:nowrap}.activity-card-body{padding:0 11px 11px}.activity-card-body p{margin:0 0 7px;font-size:11px;line-height:1.45;color:#16324a}.activity-card-body small{display:block;color:#5f7890;font-size:9px;margin-top:8px}.activity-more{display:inline-block;font-size:10px;font-weight:800}.record-empty-state{
  min-height:100px;display:grid;place-items:center;align-content:center;text-align:center;
  border:1px dashed #cbd7e2;border-radius:4px;background:#fafbfd;padding:22px;
}.record-empty-state strong{font-size:14px}.record-empty-state p{margin:4px 0 0;color:#617990;font-size:11px}.record-tab-heading{margin-bottom:14px}.record-tab-heading h2{margin:0;font-size:16px}.record-tab-heading p{margin:3px 0 0;color:#60788f;font-size:11px}.record-tab-heading.with-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.record-tab-heading.with-actions>div:last-child{display:flex;gap:7px}.overview-property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.overview-property-grid>div{border:1px solid #d7e0ea;border-radius:3px;padding:10px;min-width:0}.overview-property-grid small{display:block;color:#627b92;font-size:9px;text-transform:uppercase}.overview-property-grid strong{display:block;margin-top:3px;font-size:12px;overflow-wrap:anywhere}.message-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.message-history-grid>section{border:1px solid #d6e0ea;border-radius:4px;padding:11px;min-width:0}.message-history-grid h3{margin:0 0 8px;font-size:13px}.message-history-grid h3 span{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:50%;background:#e8edf3;font-size:9px}.message-history-grid article{border-top:1px solid #e2e8ee;padding:9px 0}.message-history-grid article:first-of-type{border-top:0}.message-history-grid article strong{font-size:11px}.message-history-grid article p{margin:4px 0;font-size:10px;white-space:pre-wrap}.message-history-grid article small,.muted-copy{font-size:9px;color:#60788f}.related-table-wrap{overflow:auto;border:1px solid #d6e0ea;border-radius:4px}.related-table{min-width:520px}.related-table th{background:#f5f7f9;color:#60788f;font-size:10px}.related-table td{font-size:11px}.record-right{display:grid;gap:14px;align-content:start}.linked-card{padding:11px}.linked-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.linked-head h2{margin:0;font-size:14px;display:flex;align-items:center;gap:7px}.linked-head h2 span{
  min-width:19px;height:19px;display:grid;place-items:center;border-radius:50%;
  background:#e8edf3;font-size:9px;
}.linked-head>a{font-size:10px;font-weight:800;text-decoration:none}.linked-empty{margin:12px 0 2px;color:#60788f;font-size:10px}.linked-preview-list{display:grid;margin-top:9px}.linked-preview-list article{display:grid;gap:2px;padding:8px 0;border-top:1px solid #e2e8ee}.linked-preview-list article:first-child{border-top:0}.linked-preview-list a{font-size:11px;font-weight:800;text-decoration:none}.linked-preview-list small{font-size:9px;color:#60788f}.status-card dl{margin:10px 0 0;display:grid;gap:7px}.status-card dt{font-size:9px;text-transform:uppercase;color:#60788f}.status-card dd{margin:0 0 4px;font-size:11px;font-weight:800;border-bottom:1px solid #e1e7ed;padding-bottom:7px}.status-card dd:last-child{border-bottom:0}.button.small{padding:7px 10px;font-size:12px}.communication-drawer.is-open{animation:crmDrawerIn .18s ease-out}.communication-spinner{
  width:15px;height:15px;display:inline-block;border:2px solid currentColor;
  border-right-color:transparent;border-radius:50%;animation:crmSpin .7s linear infinite;
  vertical-align:-2px;margin-right:6px;
}@keyframes crmSpin{to{transform:rotate(360deg)}}@keyframes crmDrawerIn{from{transform:translateX(20px);opacity:.7}to{transform:translateX(0);opacity:1}}@media (max-width:1180px){.record-layout.hs-record-layout{grid-template-columns:230px minmax(440px,1fr)}.record-right{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.record-layout.hs-record-layout{grid-template-columns:1fr}.record-left{grid-template-columns:repeat(2,minmax(0,1fr))}.record-profile-card{grid-column:1/-1}.record-right{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-panel{min-height:360px}}@media (max-width:620px){.record-left,.record-right{grid-template-columns:1fr}.record-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-property-grid,.message-history-grid{grid-template-columns:1fr}.record-tab-heading.with-actions{flex-direction:column}.activity-toolbar{align-items:stretch;flex-direction:column}.activity-search{width:100%}.collapse-all{align-self:flex-start}.tab-panel{padding:11px}}
/* Canonical contact notes editor and timeline */
.contact-note-form{
  margin:0 0 22px;
}

/* Engineer PWA workflow administration */
.dispatch-title{align-items:center;gap:16px}.dispatch-title>[data-pwa-access]{margin-left:auto;white-space:nowrap}
.dispatch-approval-panel{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:14px 16px;border:1px solid #f5c451;border-radius:10px;background:#fff9e8}.dispatch-approval-panel>div{display:flex;gap:8px;margin-left:auto}
.dispatch-review-actions,.dispatch-part-review{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.dispatch-part-review input{min-width:200px}
.dispatch-pwa-access-dialog{width:min(940px,calc(100vw - 28px))}.dispatch-pwa-accounts{display:grid;gap:10px;max-height:65vh;overflow:auto}.dispatch-pwa-accounts article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--border,#d7e0ec);border-radius:10px;background:#fff}.dispatch-pwa-accounts article>div:first-child{display:grid;gap:4px}.dispatch-pwa-accounts article small{color:#58708e}.dispatch-pwa-account-actions{display:flex;gap:8px}.dispatch-activation-result{grid-column:1/-1;display:flex;align-items:end;gap:10px;padding-top:10px;border-top:1px solid var(--border,#d7e0ec)}.dispatch-activation-result[hidden]{display:none}.dispatch-activation-result label{display:grid;gap:5px;flex:1}.dispatch-activation-result input{width:100%}
@media(max-width:760px){.dispatch-title{align-items:flex-start}.dispatch-pwa-accounts article{grid-template-columns:1fr}.dispatch-activation-result{grid-column:auto;align-items:stretch;flex-direction:column}.dispatch-part-review{justify-content:flex-start}.dispatch-part-review input{width:100%}.dispatch-approval-panel>div{margin-left:0;width:100%}}

/* Canonical Data Management Direct Debit queue */
.data-management-head{align-items:center}.data-management-security{display:grid;grid-template-columns:auto auto;gap:0 8px;align-items:center;padding:10px 14px;border:1px solid #bad0ea;border-radius:10px;background:#eff7ff;color:#173b66}.data-management-security span{grid-row:1/3;font-size:22px}.data-management-security strong,.data-management-security small{display:block}.data-management-security small{color:#58728f}.data-management-section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.data-management-section-title h2,.data-management-section-title p{margin:0}.data-management-section-title p{margin-top:3px;color:var(--muted,#63758a)}.data-management-section-title>strong{padding:6px 10px;border-radius:999px;background:#edf4fc;color:#244a72;white-space:nowrap}.data-management-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.data-management-filters article{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid #d8e2ee;border-radius:10px;background:#f8fafc}.data-management-filters span,.data-management-filters small{color:#66788d;font-size:12px}.data-management-company-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.data-management-company-grid article{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:14px;border:1px solid #d8e2ee;border-radius:10px;background:#fff}.data-management-company-grid article>div{min-width:0}.data-management-company-grid strong,.data-management-company-grid small{display:block}.data-management-company-grid small{margin-top:2px;color:#66788d}.data-management-company-grid article>span{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:#e8f1fd;color:#1257a6;font-weight:700}.data-management-company-grid .button{grid-column:1/-1;width:100%}.data-management-company-grid .data-management-unresolved{grid-column:1/-1;border-color:#e5b455;background:#fff9e8}.data-management-company-grid .data-management-unresolved>span{background:#ffe2a1;color:#7d4e00}.data-management-table-panel{padding:0;overflow:hidden}.data-management-table-tools{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid #dce4ed}.data-management-search{display:grid;gap:5px;min-width:280px}.data-management-search span{font-size:12px;font-weight:700;color:#44576d}.data-management-search input{height:38px;padding:0 11px;border:1px solid #b9c7d7;border-radius:8px}.data-management-selection{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.data-management-delete-note{margin:0;padding:9px 16px;background:#f8fafc;border-bottom:1px solid #dce4ed;color:#607287;font-size:12px}.data-management-feedback{margin:12px 16px 0;padding:10px 12px;border-radius:8px;background:#eef4fb;color:#24496e}.data-management-feedback.is-success{background:#e9f7ef;color:#17623b}.data-management-feedback.is-error{background:#feeeee;color:#9f2424}.data-management-table-wrap{max-width:100%;overflow:auto}.data-management-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.data-management-table th,.data-management-table td{max-width:260px;padding:10px 11px;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;vertical-align:top;white-space:nowrap}.data-management-table th{position:sticky;top:0;z-index:2;background:#eef3f8;color:#29445f;text-align:left;font-size:12px}.data-management-table tbody tr:hover td{background:#f8fbff}.data-management-table td strong,.data-management-table td small{display:block}.data-management-table td small{margin-top:2px;color:#6c7d90}.data-management-check{position:sticky;left:0;z-index:3;width:44px;min-width:44px;text-align:center!important;background:#fff!important}.data-management-table th.data-management-check{z-index:4;background:#eef3f8!important}.data-management-table input[type=checkbox]{width:17px;height:17px}.data-management-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.data-management-warning{display:inline-block;padding:3px 7px;border-radius:999px;background:#fff0cb;color:#7f5000;font-size:12px;font-weight:700}.data-management-empty{display:flex;flex-direction:column;align-items:center;padding:40px;color:#617387}.data-management-empty strong{color:#263f59;font-size:16px}.data-management-table tr[hidden]{display:none}.data-management-export-panel button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.data-management-company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-management-filters{grid-template-columns:1fr}.data-management-table-tools{align-items:stretch;flex-direction:column}.data-management-selection{justify-content:flex-start}}
@media(max-width:680px){.data-management-section-title,.data-management-head{align-items:stretch;flex-direction:column}.data-management-company-grid{grid-template-columns:1fr}.data-management-search{min-width:0}.data-management-security{width:max-content}}
.data-management-selection .button.danger{background:#b42318;color:#fff}
.contact-note-editor-shell{
  border:1px solid #cbd6e2;
  background:#fff;
}
.contact-note-toolbar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
  min-height:72px;
  padding:7px 8px 5px;
  border-bottom:1px solid #dfe3eb;
  background:#fff;
}
.note-toolbar-field{
  display:inline-flex;
  align-items:center;
}
.note-toolbar-field select{
  height:30px;
  border:1px solid #aeb8c4;
  border-radius:2px;
  background:#fff;
  color:#213343;
  font:inherit;
  padding:0 24px 0 7px;
}
.note-toolbar-font select{width:142px}
.note-toolbar-size select{width:76px}
.note-toolbar-case select{width:176px}
.note-format-button{
  display:inline-grid;
  place-items:center;
  min-width:30px;
  height:30px;
  padding:0 6px;
  border:1px solid transparent;
  border-radius:2px;
  background:transparent;
  color:#213343;
  font:inherit;
  line-height:1;
  cursor:pointer;
}
.note-format-button:hover,
.note-format-button:focus-visible{
  border-color:#aeb8c4;
  background:#f3f6f8;
  outline:none;
}
.note-format-button.is-active{
  border-color:#7c98b6;
  background:#e5f5f8;
}
.note-format-button > span{
  margin-left:1px;
  font-size:10px;
  align-self:start;
  padding-top:4px;
}
.note-toolbar-separator{
  width:1px;
  height:24px;
  margin:0 3px;
  background:#dfe3eb;
}
.note-colour-control{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:32px;
  height:30px;
  border:1px solid transparent;
  border-radius:2px;
  cursor:pointer;
  font-weight:700;
}
.note-colour-control:hover,
.note-colour-control:focus-within{
  border-color:#aeb8c4;
  background:#f3f6f8;
}
.note-colour-control::after{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  bottom:3px;
  height:3px;
  background:#213343;
}
.note-highlight-control::after{background:#fff200}
.note-colour-control input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}
.contact-note-editor{
  min-height:150px;
  max-height:360px;
  overflow:auto;
  padding:14px 16px;
  color:#213343;
  background:#fff;
  font-family:Calibri,Aptos,Arial,sans-serif;
  font-size:11pt;
  line-height:1.5;
  outline:none;
}
.contact-note-editor:empty::before{
  content:attr(data-placeholder);
  color:#7c98b6;
  pointer-events:none;
}
.contact-note-editor:focus{
  box-shadow:inset 0 0 0 1px #0091ae;
}
.contact-note-editor p,
.contact-note-body p{
  margin:0 0 9px;
}
.contact-note-editor p:last-child,
.contact-note-body p:last-child{
  margin-bottom:0;
}
.contact-note-save-row{
  display:flex;
  justify-content:flex-start;
  padding-top:10px;
}
.contact-note-save-row .button{
  min-width:112px;
}
.contact-note-save-row .button:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.contact-note-timeline{
  margin-top:22px;
}
.contact-note-timeline-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
}
.contact-note-timeline-head h3{
  margin:0;
  color:#213343;
  font-size:15px;
}
.contact-note-timeline-head span{
  color:#516f90;
  font-size:12px;
}
.contact-note-list{
  display:grid;
  gap:10px;
}
.contact-note-card{
  position:relative;
  border:1px solid #cbd6e2;
  border-radius:3px;
  background:#fff;
}
.contact-note-card::before{
  content:"";
  position:absolute;
  top:18px;
  left:-6px;
  width:10px;
  height:10px;
  border-left:1px solid #cbd6e2;
  border-bottom:1px solid #cbd6e2;
  background:#fff;
  transform:rotate(45deg);
}
.contact-note-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:11px 13px;
  border-bottom:1px solid #eaf0f6;
}
.contact-note-card-head div{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px;
}
.contact-note-card-head strong{
  color:#213343;
}
.contact-note-card-head span,
.contact-note-card-head time{
  color:#516f90;
  font-size:12px;
}
.contact-note-body{
  padding:13px;
  color:#213343;
  font-family:Calibri,Aptos,Arial,sans-serif;
  font-size:11pt;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.contact-note-body ul,
.contact-note-body ol{
  margin:7px 0 7px 22px;
}
@media (max-width:760px){
  .contact-note-toolbar{
    min-height:auto;
  }
  .note-toolbar-font select{width:126px}
  .contact-note-editor{
    min-height:130px;
    padding:12px;
  }
  .contact-note-card-head{
    display:block;
  }
  .contact-note-card-head time{
    display:block;
    margin-top:4px;
  }
}

/* Contact Jobs component */
.contact-jobs{display:block;width:100%;min-width:0}
.contact-jobs-tabs{display:flex;align-items:flex-end;gap:0;margin:0 0 18px;border-bottom:1px solid #cfd9e5;overflow-x:auto;scrollbar-width:thin}
.contact-jobs-tab{display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:42px;padding:0 18px;border:1px solid #cfd9e5;border-bottom:0;background:#f7f9fc;color:#16324f;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}
.contact-jobs-tab+.contact-jobs-tab{border-left:0}
.contact-jobs-tab:hover{background:#eef4fb;color:#075aa8}
.contact-jobs-tab.is-active{background:#fff;color:#0f2942;box-shadow:inset 0 -3px 0 #1769e0}
.contact-jobs-tab.is-policy-blocked{opacity:.52;cursor:not-allowed}
.contact-jobs-tab.is-policy-blocked:hover{background:#f7f9fc;color:#16324f}
.contact-jobs-linked .record-tab-heading{margin-bottom:12px}
.contact-jobs-empty{padding:24px;border:1px dashed #b8c8da;background:#fff;color:#58708a;text-align:center}
.contact-jobs-card-list{display:grid;gap:14px}
.contact-job-card{background:#fff;border:1px solid #cfd9e5;border-radius:5px;padding:18px;box-shadow:0 1px 2px rgba(15,42,67,.05)}
.contact-job-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.contact-job-card-head h3{margin:0 0 4px;color:#17324d;font-size:18px;line-height:1.25}
.contact-job-card-head p{margin:0;color:#617990;font-size:12px;font-weight:700}
.contact-job-edit{display:inline-grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #cbd7e4;border-radius:50%;background:#fff;color:#17324d;text-decoration:none;font-size:17px;font-weight:900}
.contact-job-edit:hover{background:#eef4fb;border-color:#9eb7d1}
.contact-job-card-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 168px;gap:18px;align-items:start}
.contact-job-card-column{display:grid;gap:11px;min-width:0}
.contact-job-kv{min-width:0}
.contact-job-kv span{display:block;margin-bottom:2px;color:#5e7894;font-size:10px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.contact-job-kv strong{display:block;color:#142a41;font-size:13px;line-height:1.38;overflow-wrap:anywhere}
.contact-job-card-actions{display:flex;flex-direction:column;gap:9px;align-self:center}
.contact-job-card-actions button{width:100%;min-height:36px;padding:7px 10px;border:1px solid #203b57;border-radius:3px;background:#fff;color:#17324d;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.contact-job-card-actions button:hover:not(:disabled){background:#edf4fc;border-color:#1769e0;color:#075aa8}
.contact-job-card-actions button:disabled{opacity:.45;cursor:not-allowed}
.contact-job-form-card{background:#fff;border:1px solid #cfd9e5;border-radius:5px;padding:16px}
.contact-job-form-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.contact-job-form-head h2{margin:0;color:#17324d;font-size:18px}
.contact-job-form-head a{color:#075aa8;font-size:12px;font-weight:800}
.contact-job-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px;border:1px solid #dbe4ee;background:#f6f8fb}
.contact-job-field{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px;border:1px solid #dbe4ee;border-radius:4px;background:#fff}
.contact-job-field-wide{grid-column:1/-1}
.contact-job-field>span,.contact-job-field>legend{display:block;margin:0;color:#496987;font-size:11px;font-weight:800}
.contact-job-field input,.contact-job-field select,.contact-job-field textarea{width:100%;min-height:36px;padding:8px 9px;border:1px solid #c4d2e1;border-radius:3px;background:#fff;color:#102a43;font:inherit;box-sizing:border-box}
.contact-job-field textarea{min-height:88px;resize:vertical}
.contact-job-field textarea[data-fault-notes]{min-height:145px}
.contact-job-form-spacer{min-height:58px}
.contact-job-choice{margin:0}
.contact-job-choice-row{display:flex;gap:8px;flex-wrap:wrap}
.contact-job-choice-row label{display:inline-flex;padding:0;border:0;background:transparent;cursor:pointer}
.contact-job-choice-row input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.contact-job-choice-row span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 12px;border:1px solid #c4d2e1;border-radius:999px;background:#fff;color:#17324d;font-size:12px;font-weight:800}
.contact-job-choice-row input:checked+span{border-color:#1769e0;background:#1769e0;color:#fff}
.contact-job-message-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px;border:1px solid #dbe4ee;border-radius:4px;background:#fff}
.contact-job-message-actions button{min-height:36px;padding:8px 13px;border:1px solid #1769e0;border-radius:3px;background:#fff;color:#075aa8;font-weight:800;cursor:pointer}
.contact-job-message-actions button:hover:not(:disabled){background:#eaf2fd}
.contact-job-message-actions button:disabled{opacity:.45;cursor:not-allowed}
.contact-job-message-actions span{color:#9a6110;font-size:12px;font-weight:700}
.contact-job-form-actions{display:flex;align-items:center;gap:9px;margin-top:14px;flex-wrap:wrap}
.contact-job-form-actions [data-job-save-status]{color:#496987;font-size:12px;font-weight:700}
.contact-job-form-actions .button{min-height:38px;border-radius:4px}
.contact-job-form-actions [data-job-cancel]{border-color:#c62828;color:#a11e1e}
.contact-job-form-actions [data-job-cancel]:hover{background:#fff1f1}
.contact-job-drawer-open{overflow:hidden!important}
.contact-job-drawer-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(15,35,55,.42)}
.contact-job-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1201;width:min(620px,100vw);display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff;box-shadow:-16px 0 38px rgba(15,35,55,.2)}
.contact-job-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #dbe4ee}
.contact-job-drawer-head h2{margin:0;color:#17324d;font-size:20px}
.contact-job-drawer-head p{margin:4px 0 0;color:#617990;font-size:12px}
.contact-job-drawer-head button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#17324d;font-size:26px;cursor:pointer}
.contact-job-drawer-head button:hover{background:#eef3f8}
.contact-job-drawer-body{min-height:0;padding:18px 20px;overflow-y:auto}
.contact-job-drawer-body form{display:grid;gap:13px}
.contact-job-drawer-body label{display:flex;flex-direction:column;gap:6px;color:#365a7a;font-size:12px;font-weight:800}
.contact-job-drawer-body input,.contact-job-drawer-body textarea{width:100%;padding:9px 10px;border:1px solid #c4d2e1;border-radius:3px;background:#fff;font:inherit;box-sizing:border-box}
.contact-job-drawer-body textarea{min-height:100px;resize:vertical}
.contact-job-drawer-check{flex-direction:row!important;align-items:center!important;color:#17324d!important}
.contact-job-drawer-check input{width:auto!important;margin:0}
.contact-job-drawer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.contact-job-drawer-actions{position:sticky;bottom:-18px;display:flex;align-items:center;gap:12px;margin:4px -20px -18px;padding:14px 20px;border-top:1px solid #dbe4ee;background:#fff}
.contact-job-drawer-actions span{color:#496987;font-size:12px;font-weight:700}
@media(max-width:1100px){
    .contact-job-card-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    .contact-job-card-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
    .contact-jobs-tab{min-width:102px;padding:0 12px}
    .contact-job-card-grid,.contact-job-form-grid,.contact-job-drawer-grid{grid-template-columns:1fr}
    .contact-job-card-actions{grid-column:auto;grid-template-columns:1fr 1fr}
    .contact-job-field-wide{grid-column:auto}
    .contact-job-form-spacer{display:none}
    .contact-job-drawer{width:100vw}
}
@media(max-width:440px){
    .contact-job-card-actions{grid-template-columns:1fr}
    .contact-job-form-actions .button{flex:1 1 auto}
}

/* Canonical global dropdown chevron */
select:not([multiple]):not([size]):not(.contact-job-native-select){-webkit-appearance:none;appearance:none;background-image:var(--crm-dropdown-chevron);background-repeat:no-repeat;background-position:right var(--crm-dropdown-chevron-right) center;background-size:var(--crm-dropdown-chevron-width) var(--crm-dropdown-chevron-height);padding-right:38px!important}
/* Canonical Contact Jobs dropdown component */
.contact-job-native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.contact-job-kb-status{color:var(--text-muted,#60788f);font-size:12px}
.contact-job-kb-status{display:block;min-height:16px;margin-top:4px}
.contact-job-service-fault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.contact-job-service-fault-grid[hidden],.contact-job-field[hidden]{display:none!important}
.contact-job-knowledge-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 40px);border:1px solid var(--line-strong,#9fb3c8);border-radius:8px;padding:0;background:var(--surface,#fff);color:var(--text,#102a43);box-shadow:0 22px 60px rgba(15,29,45,.28)}
.contact-job-knowledge-dialog::backdrop{background:rgba(15,29,45,.48)}
.contact-job-knowledge-dialog form{display:grid;gap:16px;padding:20px}
.contact-job-knowledge-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line,#d5dee8);padding-bottom:12px}
.contact-job-knowledge-dialog h2{margin:0;font-size:20px}
.contact-job-knowledge-dialog header button{width:32px;height:32px;border:1px solid var(--line,#d5dee8);border-radius:5px;background:var(--surface,#fff);font-size:22px;line-height:1;cursor:pointer}
.contact-job-knowledge-dialog p{margin:0;line-height:1.55}
.contact-job-knowledge-dialog ul{margin:0;padding:12px 12px 12px 32px;background:var(--surface-muted,#f5f8fb);border:1px solid var(--line,#d5dee8);border-radius:6px}
.contact-job-knowledge-dialog footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;border-top:1px solid var(--line,#d5dee8);padding-top:14px}
@media(max-width:720px){.contact-job-service-fault-grid{grid-template-columns:1fr}.contact-job-knowledge-dialog footer{display:grid}.contact-job-knowledge-dialog footer .button{width:100%}}
.contact-job-engineer-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:start}
.contact-job-engineer-controls .crm-searchable-select{min-width:0}
.contact-job-engineer-controls>.button{min-height:36px;white-space:nowrap}
.contact-job-engineer-dialog{width:min(1240px,calc(100vw - 32px));max-width:none}
.contact-job-engineer-dialog>form{grid-template-rows:auto auto minmax(0,1fr) auto;max-height:calc(100vh - 40px);overflow:hidden}
.contact-job-engineer-dialog .contact-job-engineer-radius{margin:0}
.contact-job-engineer-map-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:14px;min-height:0}
.contact-job-engineer-map-pane,.contact-job-engineer-list-pane{min-width:0;min-height:0}
.contact-job-engineer-map-pane{display:grid;grid-template-rows:minmax(420px,1fr) auto;gap:7px}
.contact-job-engineer-map-stage{position:relative;min-height:520px;border:1px solid var(--line,#d5dee8);border-radius:10px;background:var(--surface-muted,#f5f8fb);overflow:hidden;cursor:grab;touch-action:pan-y}.contact-job-engineer-map-stage.is-dragging{cursor:grabbing;touch-action:none}
.contact-job-engineer-map-layer{position:absolute;inset:0;transform:translate(0,0);will-change:transform}.contact-job-engineer-map-stage .dispatch-map-frame{position:absolute;inset:0;width:100%;height:100%;border:0}.contact-job-engineer-map-frame{pointer-events:none!important;touch-action:none!important;user-select:none}
.contact-job-engineer-map-radius{pointer-events:none;position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);border:2px dashed color-mix(in srgb,var(--blue) 62%,transparent);border-radius:50%;background:color-mix(in srgb,var(--blue) 5%,transparent)}
.contact-job-engineer-map-controls{position:absolute;right:9px;top:9px;z-index:6;display:grid;gap:4px;padding:4px;border:1px solid var(--line,#d5dee8);border-radius:9px;background:color-mix(in srgb,var(--surface,#fff) 96%,transparent);box-shadow:0 3px 12px rgba(15,29,45,.16)}
.contact-job-engineer-map-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--line,#d5dee8);border-radius:6px;background:var(--surface,#fff);color:var(--text,#102a43);font-size:20px;font-weight:800;line-height:1;cursor:pointer}.contact-job-engineer-map-controls button:hover,.contact-job-engineer-map-controls button:focus-visible{border-color:var(--blue);color:var(--blue);outline:none}.contact-job-engineer-map-controls button:last-child{font-size:16px}
.contact-job-engineer-map-stage .dispatch-map-pin.contact-job-engineer-map-pin{pointer-events:auto;cursor:pointer;padding:0}
.contact-job-engineer-map-stage .dispatch-map-pin.contact-job-engineer-map-pin.is-active{box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 28%,transparent),var(--shadow-md,0 4px 12px color-mix(in srgb,var(--ink) 18%,transparent))}
.contact-job-engineer-map-stage .contact-job-customer-map-pin{pointer-events:none}
.contact-job-engineer-map-empty{display:grid;place-items:center;align-content:center;gap:4px;min-height:520px;padding:24px;text-align:center}.contact-job-engineer-map-empty span{color:var(--muted)}
.contact-job-engineer-map-note{margin:0!important;color:var(--muted);font-size:11px;line-height:1.4}
.contact-job-engineer-list-pane{display:grid;align-content:start;min-height:0}
.contact-job-engineer-suggestion-list{display:grid;gap:9px;max-height:min(560px,calc(100vh - 260px));overflow:auto;list-style:none!important;padding:0!important;background:transparent!important;border:0!important}
.contact-job-engineer-suggestion-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;padding:11px 12px;border:1px solid var(--line,#d5dee8);border-radius:6px;background:var(--surface-muted,#f5f8fb);cursor:pointer}
.contact-job-engineer-suggestion-list li:hover,.contact-job-engineer-suggestion-list li.is-map-focused{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 5%,var(--surface-muted,#f5f8fb))}
.contact-job-engineer-suggestion-list li[hidden]{display:none!important}
.contact-job-engineer-suggestion-list li>strong,.contact-job-engineer-suggestion-list li>small,.contact-job-engineer-suggestion-list li>span{grid-column:1}
.contact-job-engineer-suggestion-list li>.button{grid-column:2;grid-row:1/4}
.contact-job-engineer-radius{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 12px}.contact-job-engineer-radius label{display:grid;gap:6px;min-width:220px}.contact-job-engineer-radius label span{font-weight:800}.contact-job-engineer-radius strong{color:var(--muted);padding-bottom:10px}.contact-job-engineer-radius-empty{margin:12px 0 0;padding:12px;border:1px dashed var(--line,#d5dee8);border-radius:8px;color:var(--muted);text-align:center}
@media(max-width:900px){.contact-job-engineer-dialog{width:min(96vw,calc(100vw - 20px))}.contact-job-engineer-dialog>form{overflow:auto}.contact-job-engineer-map-layout{grid-template-columns:1fr}.contact-job-engineer-map-pane{grid-template-rows:360px auto}.contact-job-engineer-map-stage,.contact-job-engineer-map-empty{min-height:360px}.contact-job-engineer-suggestion-list{max-height:42vh}}
@media(max-width:680px){.contact-job-engineer-controls,.contact-job-engineer-suggestion-list li{grid-template-columns:1fr}.contact-job-engineer-controls>.button{width:100%}.contact-job-engineer-suggestion-list li>.button{grid-column:1;grid-row:auto}.contact-job-engineer-radius{align-items:stretch;flex-direction:column}.contact-job-engineer-radius label{min-width:0}.contact-job-engineer-radius strong{padding-bottom:0}.contact-job-engineer-map-pane{grid-template-rows:300px auto}.contact-job-engineer-map-stage,.contact-job-engineer-map-empty{min-height:300px}}
.contact-job-engineer-map-stage::after{content:'Drag map';pointer-events:none;position:absolute;left:9px;top:9px;z-index:5;padding:4px 7px;border:1px solid var(--line,#d5dee8);border-radius:7px;background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);color:var(--muted);font-size:9px;font-weight:800;opacity:.82}.contact-job-engineer-map-stage.is-dragging::after{content:'Release to move'}

/* Canonical Knowledge Base */
.knowledge-page{display:flex;flex-direction:column;gap:16px;min-width:0}
.knowledge-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:2px 0}
.knowledge-page-header h1{margin:0;font-size:28px;line-height:1.2}
.knowledge-page-header p{margin:5px 0 0;color:var(--muted);max-width:850px}
.knowledge-eyebrow{margin:0 0 4px!important;color:var(--blue)!important;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.knowledge-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.knowledge-search{position:relative;display:grid;grid-template-columns:minmax(420px,1fr) 140px auto auto;gap:8px;align-items:center;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.knowledge-search-icon{position:absolute;left:28px;top:27px;z-index:1;color:var(--muted);font-size:20px;line-height:1;pointer-events:none}
.knowledge-search input{height:42px;min-width:0;width:100%;padding-left:40px}
.knowledge-search select{height:42px}
.knowledge-search p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}
.knowledge-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.knowledge-summary-grid article{padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:9px;min-width:0}
.knowledge-summary-grid span{display:block;color:var(--muted);font-size:12px;font-weight:700}
.knowledge-summary-grid strong{display:block;margin-top:4px;font-size:24px;line-height:1.1}
.knowledge-create-panel{margin:0}
.knowledge-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.knowledge-entry-grid label{display:flex;flex-direction:column;gap:5px}
.knowledge-entry-grid label>span{font-size:12px;font-weight:700;color:var(--muted)}
.knowledge-span-2{grid-column:1/-1}
.knowledge-results-section,.knowledge-resources-section{display:flex;flex-direction:column;gap:10px}
.knowledge-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.knowledge-section-heading h2{margin:0;font-size:19px}
.knowledge-section-heading p{margin:3px 0 0;color:var(--muted)}
.knowledge-selection-bar{position:sticky;top:calc(var(--topbar-h) + 8px);z-index:5;display:flex;align-items:center;gap:14px;min-height:54px;padding:10px 12px;margin-bottom:10px;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 5px 18px #00000010}
.knowledge-selection-bar label{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-width:max-content;font-weight:700;white-space:nowrap}.knowledge-selection-bar label input{width:auto;min-width:0;margin:0}
.knowledge-selection-bar span{flex:0 0 auto;color:var(--muted);white-space:nowrap}
.knowledge-selection-bar .button{margin-left:auto}.knowledge-selection-bar .button[hidden]{display:none!important}
.knowledge-result-list{display:flex;flex-direction:column;gap:9px}
.knowledge-result-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:9px;transition:border-color .15s,box-shadow .15s}
.knowledge-result-card:hover{border-color:color-mix(in srgb,var(--blue) 38%,var(--line));box-shadow:0 7px 22px #0000000d}
.knowledge-result-card.is-selected{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 16%,transparent)}
.knowledge-result-select{padding-top:3px}
.knowledge-result-main{min-width:0}
.knowledge-result-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.knowledge-result-title-row h3{margin:1px 0 0;font-size:17px;line-height:1.3}
.knowledge-result-make{margin:0;color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.knowledge-result-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.knowledge-result-badges span{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg) 72%,var(--panel));font-size:11px;font-weight:700;color:var(--muted)}
.knowledge-result-faults{display:grid;grid-template-columns:140px 180px minmax(0,1fr);gap:12px;margin-top:12px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.knowledge-result-faults div{min-width:0}
.knowledge-result-faults span{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.knowledge-result-faults strong{display:block;margin-top:2px;font-size:13px;overflow-wrap:anywhere}
.knowledge-result-details{margin-top:9px}
.knowledge-result-details summary{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:700;cursor:pointer;user-select:none}
.knowledge-result-details dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin:12px 0 0;padding:12px;background:color-mix(in srgb,var(--bg) 65%,var(--panel));border:1px solid var(--line);border-radius:8px}
.knowledge-result-details dl>div{min-width:0}
.knowledge-result-details dt{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.knowledge-result-details dd{margin:3px 0 0;overflow-wrap:anywhere}
.knowledge-detail-wide{grid-column:1/-1}
.knowledge-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0}
.knowledge-pagination span{font-weight:700;color:var(--muted)}
.knowledge-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.knowledge-resource-card{padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:9px}
.knowledge-resource-card>span{color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.knowledge-resource-card h3{margin:4px 0 2px;font-size:16px}
.knowledge-resource-card p{margin:0;color:var(--muted)}
.knowledge-resource-card details{margin-top:10px}
.knowledge-resource-card summary{color:var(--blue);font-weight:700;cursor:pointer}
.knowledge-resource-card details div{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.knowledge-resource-card small{display:block;margin-top:10px;color:var(--muted)}
.knowledge-empty-state{padding:34px 18px;text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:9px;color:var(--muted)}
.knowledge-empty-state strong{display:block;color:var(--ink);font-size:15px}
.knowledge-empty-state p{margin:4px 0 0}
@media(max-width:1100px){.knowledge-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge-result-faults{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-result-meaning{grid-column:1/-1}.knowledge-result-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.knowledge-page-header{flex-direction:column}.knowledge-header-actions{width:100%;justify-content:flex-start}.knowledge-search{grid-template-columns:1fr}.knowledge-search-icon{top:27px}.knowledge-search p{grid-column:1}.knowledge-search .button,.knowledge-search select{width:100%}.knowledge-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-entry-grid{grid-template-columns:1fr}.knowledge-span-2{grid-column:1}.knowledge-selection-bar{align-items:flex-start;flex-wrap:wrap}.knowledge-selection-bar .button{margin-left:0;width:100%}.knowledge-result-title-row{flex-direction:column}.knowledge-result-badges{justify-content:flex-start}.knowledge-result-faults{grid-template-columns:1fr}.knowledge-result-meaning{grid-column:1}.knowledge-result-details dl{grid-template-columns:1fr}.knowledge-detail-wide{grid-column:1}.knowledge-result-card{padding:12px}}

/* CONTACT_DEALS_CANONICAL_START */
.contact-deals{display:block;width:100%;min-width:0}
.contact-deals-heading{align-items:center}
.contact-deal-chooser,.contact-deal-form-shell{border:1px solid var(--line);background:var(--panel);padding:16px;margin:0 0 18px;border-radius:6px}
.contact-deal-form-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.contact-deal-form-title h3{margin:0;font-size:15px;color:var(--ink)}
.contact-deal-form-title p{margin:3px 0 0;color:var(--muted);font-size:11px}
.contact-deal-form-title>a{font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
.contact-deal-chooser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-deal-chooser-grid>a{display:grid;gap:4px;min-height:82px;align-content:center;border:1px solid var(--line);border-radius:6px;padding:14px;text-decoration:none;color:var(--ink);background:var(--panel)}
.contact-deal-chooser-grid>a:hover,.contact-deal-chooser-grid>a:focus-visible{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 6%,var(--panel));outline:0}
.contact-deal-chooser-grid strong{font-size:13px}.contact-deal-chooser-grid span{font-size:11px;color:var(--muted)}
.contact-deal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:start}
.contact-deal-field{min-width:0;margin:0}.contact-deal-field>span{display:block;font-weight:700;margin-bottom:6px;color:var(--ink)}
.contact-deal-grid>[data-payment-scope]{min-width:0}.contact-deal-grid>[data-payment-scope][hidden]{display:none!important}
.contact-deal-grid .directory-radio-field{margin:0;min-width:0;height:100%}
.contact-deal-grid .directory-radio-options{align-content:start}
.contact-deal-product-options>[hidden]{display:none!important}
.contact-deal-product-help{display:block;margin-top:6px;color:var(--muted);font-size:10px}.contact-deal-product-help a{font-weight:800}
.contact-deal-products-empty{margin:0}
.contact-deal-actions{margin-top:16px}.contact-deal-form-status{min-height:20px;margin-top:9px;color:var(--muted);font-size:12px}.contact-deal-form-status.is-error{color:var(--danger)}
.contact-deal-linked{margin-top:18px}.contact-deal-linked-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.contact-deal-linked-title h3{margin:0;font-size:14px}.contact-deal-linked-title span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,var(--panel));font-size:10px;font-weight:800}
.contact-deal-card-list{display:grid;gap:12px}.contact-deal-card{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:13px}.contact-deal-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.contact-deal-card-head h3{margin:0;font-size:13px}.contact-deal-card-head small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.contact-deal-status{display:block;min-width:118px}.contact-deal-status select{min-height:34px;padding-top:6px;padding-bottom:6px;font-size:11px}.contact-deal-status-text{font-size:11px;font-weight:800;color:var(--muted)}
.contact-deal-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line)}.contact-deal-details>div{min-width:0}.contact-deal-details dt{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.contact-deal-details dd{margin:2px 0 0;font-size:11px;font-weight:800;color:var(--ink);overflow-wrap:anywhere}
@media(max-width:760px){.contact-deal-grid,.contact-deal-chooser-grid,.contact-deal-details{grid-template-columns:1fr}.contact-deal-card-head,.contact-deal-form-title{flex-direction:column}.contact-deal-status{width:100%}.contact-deal-status select{width:100%}.contact-deal-actions{display:grid}.contact-deal-actions .button{width:100%;text-align:center}}
/* CONTACT_DEALS_CANONICAL_END */



/* Contact Ticket tab */
.contact-ticket-tab{display:grid;gap:14px}
.contact-ticket-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.contact-ticket-summary span{display:inline-flex;align-items:baseline;gap:5px}
.contact-ticket-list{display:grid;gap:10px}
.contact-ticket-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px}
.contact-ticket-main{min-width:0}
.contact-ticket-heading-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.contact-ticket-number{font-weight:800;text-decoration:none}
.contact-ticket-item h3{margin:7px 0 0;font-size:14px;line-height:1.35}
.contact-ticket-item h3 a{text-decoration:none;color:inherit}
.contact-ticket-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:9px;font-size:11px}
.contact-ticket-meta span{display:inline-flex;align-items:center;gap:5px}
.contact-ticket-actions{display:flex;align-items:center;justify-content:flex-end}
.contact-ticket-actions .button{white-space:nowrap}
@media (max-width:720px){.contact-ticket-item{grid-template-columns:1fr}.contact-ticket-actions{justify-content:flex-start}}

/* Contact Tasks component */
.contact-task-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 10px}
.contact-task-timeline{margin-top:22px}
.contact-task-card-head>div{gap:7px}
.contact-task-card-head .status-pill{margin-left:2px}
.contact-task-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 13px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.contact-task-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 13px;border-top:1px solid var(--line)}
.contact-task-actions form{margin:0}
.contact-task-reassign-form{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto!important}
.contact-task-reassign-form label{margin:0;min-width:190px}
.contact-task-reassign-form select{min-width:190px}
.contact-task-user-warning{margin-top:10px}
@media(max-width:760px){
  .contact-task-actions{align-items:stretch;flex-direction:column}
  .contact-task-actions form,.contact-task-reassign-form{width:100%;margin-left:0!important}
  .contact-task-reassign-form{align-items:stretch;justify-content:flex-start}
  .contact-task-reassign-form label,.contact-task-reassign-form select{width:100%;min-width:0}
  .contact-task-actions .button{width:100%}
}

/* Contact Files component */
.contact-files{display:grid;gap:18px}
.contact-files .panel{margin:0}
.contact-files-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.contact-files-section-head h3{margin:0 0 4px;font-size:16px;color:var(--text)}
.contact-files-section-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.contact-policy-form,.contact-file-upload-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
.contact-policy-actions,.contact-file-upload-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;grid-column:1/-1}
.contact-file-upload-actions{justify-content:flex-start}
.contact-files-help{display:block;margin-top:9px;color:var(--muted);line-height:1.45}
.contact-file-library{display:grid;gap:12px}
.contact-file-count{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;white-space:nowrap}
.contact-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-file-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px}
.contact-file-card-main{display:flex;align-items:center;min-width:0;gap:12px}
.contact-file-card-main>div{display:grid;min-width:0;gap:3px}
.contact-file-card-main strong{overflow:hidden;color:var(--text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.contact-file-card-main small,.contact-file-card-main span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.contact-file-icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted,var(--bg));color:var(--blue);font-size:18px}
.contact-file-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto}
.contact-file-actions form{margin:0}
.record-empty-state.compact{padding:16px}
.email-record-files{margin:0;padding:10px;min-height:0;max-height:190px;overflow:hidden;border:0;border-bottom:1px solid #d9e3ed;border-radius:0;background:var(--surface-muted,var(--bg))}
.email-record-files-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.email-record-files-head>div{display:grid;gap:2px}
.email-record-files-head strong{font-size:13px;color:var(--text)}
.email-record-files-head small,.email-record-files-empty{font-size:12px;color:var(--muted)}
.email-record-file-list{min-height:0;max-height:132px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-right:3px;align-content:start}
.email-record-file-option{display:flex;align-items:flex-start;gap:8px;min-width:0;margin:0;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}
.email-record-file-option input{width:18px!important;height:18px!important;flex:0 0 18px;margin:2px 0 0;padding:0}
.email-record-file-option span{display:grid;min-width:0;gap:2px;overflow-wrap:anywhere}
.email-record-file-option strong,.email-record-file-option small{min-width:0;overflow-wrap:anywhere;white-space:normal}
.email-record-file-option strong{font-size:12px;color:var(--text)}
.email-record-file-option small{font-size:11px;color:var(--muted)}
@media(max-width:900px){.contact-file-grid{grid-template-columns:1fr}.contact-policy-form,.contact-file-upload-form{grid-template-columns:1fr}.email-record-file-list{grid-template-columns:1fr}}
@media(max-width:640px){.contact-file-card{align-items:stretch;flex-direction:column}.contact-file-actions{justify-content:flex-start}.contact-policy-actions{align-items:stretch;flex-direction:column}.contact-policy-actions .button{width:100%}}

/* CRM TEMPLATE BUILDER START */
.template-builder-form{border:1px solid var(--line);background:var(--panel);padding:14px;border-radius:8px}
.template-copy-form{display:flex;align-items:end;gap:12px;margin:0 0 14px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.template-copy-form label{display:grid;gap:6px;flex:1;min-width:0}.template-copy-form label>span{font-size:12px;font-weight:800;color:var(--ink)}
.template-copy-form select{width:100%;height:40px;border:1px solid #b8c8da;border-radius:8px;background:#fff;padding:0 11px}
.template-builder-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.template-builder-field{display:grid;gap:5px;min-width:0}.template-builder-field>span{font-size:12px;font-weight:800;color:var(--ink)}
.template-builder-field input,.template-builder-field select{width:100%;min-width:0;height:40px;border:1px solid #b8c8da;border-radius:6px;background:#fff;padding:0 10px}
.template-builder-subject{margin:0 0 12px}.template-builder-subject[hidden]{display:none!important}
.template-word-builder{border:1px solid #c6d4e1;border-radius:6px;overflow:hidden;background:#fff}
.template-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px;border-bottom:1px solid #cbd7e3;background:#f7f9fb;position:sticky;top:0;z-index:20}
.template-toolbar select{width:auto;min-width:126px;height:34px;border:1px solid #bccbd9;border-radius:4px;background:#fff;padding:4px 28px 4px 9px}
.template-toolbar input[type=number]{width:54px;height:34px;border:1px solid #bccbd9;border-radius:4px;background:#fff;padding:4px 7px}
.template-toolbar input[type=color]{width:34px;height:34px;border:1px solid #bccbd9;border-radius:4px;background:#fff;padding:3px}
.template-toolbar button:not(.button){height:34px;min-width:34px;border:1px solid #bccbd9;border-radius:4px;background:#fff;color:var(--ink);cursor:pointer;padding:0 9px;font:inherit}
.template-toolbar button:not(.button):hover,.template-toolbar button:not(.button).active{background:#eef4fa;border-color:#8aaee0}
.template-toolbar .template-font-step{min-width:34px;width:34px;padding:0 4px;font-weight:800}
.template-spacing-control{position:relative;display:inline-flex;align-items:center}.template-toolbar .template-spacing-toggle{width:40px;min-width:40px;padding:0 6px;font-weight:800}
.template-spacing-menu{position:absolute;z-index:80;top:calc(100% + 6px);left:0;min-width:260px;padding:6px;border:1px solid #c7d4e3;border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(16,42,67,.18);display:grid;gap:2px}.template-spacing-menu[hidden]{display:none!important}.template-spacing-menu-title{display:block;padding:6px 9px 4px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.template-toolbar .template-spacing-menu button:not(.button){width:100%;height:auto;min-height:32px;text-align:left;border:0;border-radius:5px;padding:7px 9px;background:#fff;font-weight:500}.template-toolbar .template-spacing-menu button:not(.button):hover{background:#eef4fa}.template-spacing-menu-separator{display:block;height:1px;margin:4px 6px;background:#d7e0ea}
.template-toolbar .template-toolbar-text-button{width:auto;min-width:70px;font-weight:800}
.template-toolbar-divider{width:1px;height:24px;background:#cbd7e3;margin:0 2px}.template-toolbar-spacer{flex:1 1 auto}
.template-toolbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.template-toolbar-actions .button{min-height:34px;height:34px;padding:6px 12px;border-radius:4px;white-space:nowrap}
.template-toolbar-actions .template-save-button{background:#13984b}.template-toolbar-actions .template-cancel-button,.template-toolbar-actions .template-delete-button{background:var(--danger)}
.template-outline-toggle:disabled{opacity:.48;cursor:not-allowed;background:#f8fafc!important;color:var(--muted)!important}
.template-outline-toggle[aria-pressed=false]:not(:disabled){background:#fff7ed!important;border-color:#fdba74!important;color:#9a3412!important}
.template-editor-status{padding:9px 14px;border-bottom:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800}.template-editor-status[hidden]{display:none!important}
.template-editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);min-height:680px;background:#eef1f5}
.template-editor-main{min-width:0;border-right:1px solid #d8e1ec}.template-document-canvas{height:calc(100vh - 300px);min-height:680px;overflow:auto;padding:28px;background:#e9edf2;box-sizing:border-box}
.template-document-root{width:max-content;min-width:100%;margin:0 auto}.template-document-pages,.template-letter-document{display:flex;flex-direction:column;align-items:center;gap:34px;padding-bottom:34px}
.template-a4-page{position:relative;width:794px;height:1123px;max-width:none;background:#fff;border:1px solid #c9d3df;box-shadow:0 8px 24px rgba(33,51,67,.15);box-sizing:border-box;overflow:hidden;flex:0 0 auto}
.template-a4-page.active-page{outline:2px solid color-mix(in srgb,var(--blue) 35%,transparent);outline-offset:2px}
.template-page-content{position:absolute;inset:0;z-index:1;box-sizing:border-box;padding:72px 64px;overflow:auto;outline:0;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.template-page-content:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--blue) 16%,transparent)}


.template-placeholder-sidebar{min-width:0;background:#fff;display:flex;flex-direction:column;max-height:calc(100vh - 300px);min-height:680px;position:sticky;top:0}
.template-placeholder-head{padding:16px;border-bottom:1px solid #d8e1ec;display:grid;gap:10px}.template-placeholder-head strong{display:block;font-size:16px;color:var(--ink)}.template-placeholder-head span{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.template-placeholder-head select,.template-placeholder-head input{width:100%;height:36px;border:1px solid #b8c8da;border-radius:999px;background:#fff;padding:0 12px}.template-placeholder-head select{padding-right:34px}.template-placeholder-list{overflow:auto;padding:10px;display:grid;gap:6px;align-content:start}
.template-placeholder-item{display:grid;gap:3px;width:100%;text-align:left;border:1px solid transparent;border-radius:5px;background:#fff;padding:9px 10px;cursor:pointer;color:var(--ink)}.template-placeholder-item:hover{border-color:#b8c7d9;background:#f5f8fa}.template-placeholder-item code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#006d77;font-size:12px;font-weight:800;overflow-wrap:anywhere}.template-placeholder-item span{font-size:12px;color:var(--muted)}.template-placeholder-item[hidden]{display:none!important}
.template-design-object{position:absolute;z-index:6;min-width:90px;min-height:54px;border:1px solid #7c98b6;background:#fff;box-sizing:border-box;resize:both;overflow:hidden;box-shadow:0 2px 8px rgba(33,51,67,.12)}.template-design-object.is-selected{outline:2px solid var(--blue);outline-offset:1px}
.template-object-handle{height:28px;box-sizing:border-box;display:flex;align-items:center;gap:7px;padding:0 5px 0 7px;background:#f1f5f9;border-bottom:1px solid #cbd5e1;color:#33475b;cursor:move;user-select:none}.template-object-handle small{font-size:10px;font-weight:800;flex:1}.template-object-grip{font-weight:900;letter-spacing:-2px;color:#64748b}
.template-object-outline{width:auto!important;min-width:54px!important;height:22px;border:0;border-radius:3px;background:transparent;color:#475569;display:grid;place-items:center;cursor:pointer;font-size:10px!important;font-weight:800;padding:0 6px!important;white-space:nowrap}.template-object-outline:hover{background:#dbeafe;color:#1d4ed8}.template-object-outline[aria-pressed=false]{background:#fff7ed;color:#9a3412}
.template-object-delete{width:22px;height:22px;border:0;border-radius:3px;background:transparent;color:#64748b;font-size:18px;line-height:1;cursor:pointer}.template-object-delete:hover{background:#fee2e2;color:#b91c1c}
.template-object-body{height:calc(100% - 28px);box-sizing:border-box;padding:9px 10px;overflow:auto;outline:0;line-height:1.35}.template-image-object img{display:block;width:100%;height:calc(100% - 28px);object-fit:contain;background:#fff;pointer-events:none}
.template-design-object.template-object-borderless{border-color:transparent!important;background:transparent;box-shadow:none!important}.template-design-object.template-object-borderless:not(.is-selected):hover{outline:1px dashed #94a3b8;outline-offset:1px}.template-design-object.template-object-borderless .template-object-body,.template-design-object.template-object-borderless img{background:transparent!important}
.template-draw-box-draft{position:absolute;z-index:20;border:2px dashed var(--blue);background:color-mix(in srgb,var(--blue) 8%,transparent);pointer-events:none;box-sizing:border-box}.template-document-pages.is-drawing-text-box,.template-document-pages.is-drawing-text-box .template-a4-page{cursor:crosshair}
.template-preview-modal[hidden]{display:none!important}.template-preview-modal{position:fixed;inset:0;z-index:9200;display:grid;place-items:center;padding:24px}.template-preview-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58)}.template-preview-dialog{position:relative;z-index:1;width:min(1120px,calc(100vw - 38px));max-height:calc(100vh - 38px);display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 28px 90px rgba(0,0,0,.34);overflow:hidden}.template-preview-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #d8e1ec}.template-preview-dialog>header h2{margin:0 0 3px}.template-preview-dialog>header p{margin:0;color:var(--muted);font-size:12px}.template-preview-dialog>header button{border:0;background:transparent;font-size:28px;cursor:pointer;color:var(--ink)}.template-preview-content{overflow:auto;padding:24px;background:#e9edf2}.template-preview-title{margin:0 0 16px;text-align:center;color:var(--ink)}.template-preview-pages{display:flex;flex-direction:column;align-items:center;gap:34px;width:max-content;min-width:100%;padding-bottom:24px}.template-preview-pages .template-a4-page{outline:0!important}.template-preview-pages .template-page-content{overflow:hidden;box-shadow:none!important}.template-preview-pages .template-design-object{resize:none;outline:0!important}.template-preview-pages .template-design-object.template-object-borderless{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}.template-standard-preview{max-width:820px;min-height:420px;margin:0 auto;background:#fff;border:1px solid #cfd8e3;padding:30px;box-shadow:0 8px 24px rgba(33,51,67,.12);box-sizing:border-box}body.template-preview-open{overflow:hidden}
.template-static-preview .template-letter-document{display:block;padding:0}.template-static-preview .template-a4-page{transform:scale(.72);transform-origin:top left;margin:0 0 -300px;width:794px;height:1123px}.template-static-preview .template-page-content{overflow:hidden}.template-static-preview .template-design-object{resize:none}
@media(max-width:1100px){.template-builder-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.template-editor-workspace{grid-template-columns:minmax(0,1fr) 280px}.template-placeholder-sidebar{min-height:620px}.template-document-canvas{min-height:620px}}
@media(max-width:820px){.template-copy-form{align-items:stretch;flex-direction:column}.template-builder-meta{grid-template-columns:1fr}.template-editor-workspace{grid-template-columns:1fr}.template-editor-main{border-right:0;border-bottom:1px solid #d8e1ec}.template-placeholder-sidebar{position:static;max-height:360px;min-height:0}.template-document-canvas{height:620px;min-height:620px;padding:16px}.template-toolbar-spacer{display:none}.template-toolbar-actions{margin-left:0;width:100%;flex-wrap:wrap}}
/* CRM TEMPLATE BUILDER END */

/* Canonical Card/Tab Manager */
.settings-shell-card-manager{display:block;min-width:0}
.settings-shell-card-manager .settings-main-panel-card-manager{width:100%;min-width:0;overflow:visible;background:transparent;border:0;border-radius:0}
.card-manager-page{display:grid;gap:18px;min-width:0;padding:18px 20px 24px}
.card-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.card-manager-head h2{margin:0;font-size:22px}
.card-manager-head p{margin:4px 0 0;color:var(--muted)}
.card-manager-head>.button{flex:0 0 auto}
.card-manager-object-row{display:flex;align-items:end;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.card-manager-object-row label{display:grid;gap:6px;min-width:min(360px,100%)}
.card-manager-object-row label span{font-weight:800}
.card-manager-layout-tabs{display:flex;justify-content:center;gap:30px;border-bottom:1px solid var(--line)}
.card-manager-layout-tabs a{padding:10px 8px;border-bottom:3px solid transparent;text-decoration:none;color:var(--ink);font-weight:800}
.card-manager-layout-tabs a.active{border-bottom-color:var(--blue);color:var(--blue)}
.card-manager-grid{display:grid;grid-template-columns:minmax(220px,270px) minmax(560px,1fr) minmax(250px,310px);gap:20px;align-items:start;min-width:0;padding:2px 4px 10px}
.card-manager-column{min-width:0;padding:0 2px}
.card-manager-column-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.card-manager-column-head h3{margin:0;font-size:15px}
.card-manager-add-button{width:32px;height:32px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink);font-size:21px;line-height:1;cursor:pointer}
.card-manager-stack{display:grid;gap:10px}
.card-manager-card{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 8%,transparent)}
.card-manager-card.is-dragging,.card-manager-selected-field.is-dragging{opacity:.55}
.card-manager-drag-grip{cursor:grab;color:var(--muted);user-select:none}
.card-manager-fixed-mark{color:var(--muted);user-select:none;text-align:center}
.card-manager-card-copy{display:grid;gap:2px;min-width:0}
.card-manager-card-copy strong{font-size:13px;overflow-wrap:anywhere}
.card-manager-card-copy small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.card-manager-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.card-manager-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,var(--ink) 8%);font-size:10px;font-weight:800}
.card-manager-preview-shell{min-width:0;overflow:visible;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:16px;min-height:500px}
.card-manager-centre-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.card-manager-centre-toolbar h3{margin:0 0 4px;font-size:15px}
.card-manager-centre-toolbar p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.card-manager-centre-config{position:relative;flex:0 0 auto}
.card-manager-centre-config>summary{list-style:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);font-size:18px;cursor:pointer}
.card-manager-centre-config>summary::-webkit-details-marker{display:none}
.card-manager-centre-config[open]>summary{border-color:var(--blue);color:var(--blue)}
.card-manager-centre-config-menu{position:absolute;top:40px;right:0;z-index:40;min-width:220px;display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:var(--shadow);white-space:nowrap}
.card-manager-centre-config-menu strong{padding:5px 7px;font-size:11px}
.card-manager-centre-config-menu a{display:block;padding:8px 9px;border-radius:6px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:800}
.card-manager-centre-config-menu a:hover,.card-manager-centre-config-menu a.active{background:color-mix(in srgb,var(--panel) 88%,var(--blue) 12%);color:var(--blue)}
.card-manager-centre-tabs-row{display:flex;align-items:stretch;gap:8px;min-width:0}.card-manager-centre-tabs{display:flex;flex:1 1 auto;gap:2px;min-width:0;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:var(--panel);padding:0 8px}.card-manager-centre-tabs-row .card-manager-centre-config{align-self:center;margin-bottom:1px}
.card-manager-centre-tab{padding:11px 9px;border-bottom:3px solid transparent;text-decoration:none;color:var(--ink);font-size:11px;font-weight:800;white-space:nowrap}
.card-manager-centre-tab:hover{color:var(--blue)}
.card-manager-centre-tab.active{border-bottom-color:var(--blue);color:var(--blue)}
.card-manager-centre-preview-body{min-width:0;min-height:360px;border:1px solid var(--line);border-radius:0 0 8px 8px;background:var(--panel);padding:14px;overflow:hidden}
.card-manager-centre-preview-heading{display:block;margin-bottom:10px;min-width:0}
.card-manager-centre-preview-heading h4{margin:0;font-size:14px}
.card-manager-centre-preview-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}
.card-manager-centre-table-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;min-width:0;margin-bottom:12px}
.card-manager-centre-table-toolbar>[data-edit-columns]{flex:0 0 auto}
.card-manager-centre-sort-form{display:flex;align-items:flex-end;gap:10px;flex:1 1 430px;flex-wrap:wrap;min-width:0}
.card-manager-centre-sort-form label{display:grid;gap:4px;flex:1 1 180px;min-width:150px;margin:0}
.card-manager-centre-sort-form label>span{font-size:11px;font-weight:800;color:var(--muted);white-space:nowrap}
.card-manager-centre-sort-form select{width:100%;min-width:0}
.card-manager-centre-sort-form>.button{flex:0 0 auto}
.card-manager-centre-list-host{min-width:0}
.card-manager-centre-preview-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:7px}
.card-manager-centre-preview-table{width:100%;min-width:520px;margin:0}
.card-manager-centre-preview-table th,.card-manager-centre-preview-table td{font-size:10px;white-space:nowrap}
.card-manager-centre-preview-selector{display:none!important}
.card-manager-centre-static-preview{min-height:270px;display:grid;place-content:center;gap:7px;padding:28px;text-align:center;border:1px dashed var(--line);border-radius:7px;background:var(--bg)}
.card-manager-centre-static-preview strong{font-size:14px}
.card-manager-centre-static-preview p{max-width:520px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:1180px){.card-manager-grid{grid-template-columns:1fr}.card-manager-column[data-card-manager-left],.card-manager-column[data-card-manager-right],.card-manager-preview-column-wrap{grid-column:1}.card-manager-centre-preview-table{min-width:640px}}
@media(max-width:720px){.card-manager-centre-table-toolbar{align-items:stretch}.card-manager-centre-table-toolbar>[data-edit-columns]{width:100%}.card-manager-centre-sort-form{flex-basis:100%;display:grid;grid-template-columns:1fr;align-items:stretch}.card-manager-centre-sort-form label{min-width:0}.card-manager-centre-sort-form>.button{width:100%}}
.card-manager-preview-card{width:100%;min-width:0;height:auto;min-height:0;padding:11px;border:1px solid var(--line);border-radius:4px;background:var(--panel);overflow:hidden}
.card-manager-preview-card h4{margin:0 0 8px;font-size:12px;overflow-wrap:anywhere}
.card-manager-preview-card dl,.card-manager-preview-fields{margin:0;display:grid;gap:6px;min-width:0}
.card-manager-preview-card dl div,.card-manager-preview-fields div{display:grid;gap:1px;min-width:0}
.card-manager-preview-card dt,.card-manager-preview-fields dt{font-size:8px;color:var(--muted);text-transform:uppercase;overflow-wrap:anywhere}
.card-manager-preview-card dd,.card-manager-preview-fields dd{margin:0;font-size:10px;font-weight:800;overflow-wrap:anywhere;min-width:0}
.card-manager-empty{padding:14px;border:1px dashed var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 94%,var(--ink) 6%);color:var(--muted);font-size:11px;text-align:center}
.card-manager-order-form{display:flex;justify-content:flex-end;margin-top:10px}
.card-manager-drawer{position:fixed;top:var(--topbar-h);right:0;bottom:0;width:min(860px,94vw);z-index:220;background:var(--panel);box-shadow:-20px 0 50px color-mix(in srgb,var(--ink) 22%,transparent);display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.card-manager-drawer[hidden]{display:none!important}
.card-manager-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}
.card-manager-drawer-head h2{margin:0;font-size:20px}
.card-manager-drawer-close{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:25px;cursor:pointer}
.card-manager-drawer-close:hover{background:color-mix(in srgb,var(--panel) 90%,var(--ink) 10%)}
.card-manager-drawer-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);min-height:0;overflow:hidden}
.card-manager-drawer-main{overflow:auto;padding:20px}
.card-manager-drawer-preview{overflow:auto;padding:20px;background:var(--bg);border-left:1px solid var(--line)}
.card-manager-drawer-preview h3{margin-top:0}
.card-manager-drawer-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}
.card-manager-drawer-section{display:grid;gap:10px;margin-top:18px}
.card-manager-drawer-section>h3{margin:0}
.card-manager-drawer-section>p{margin:0;color:var(--muted);font-size:11px}
.card-manager-binding-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.card-manager-binding-picker label{display:grid;gap:5px;min-width:0;margin:0}
.card-manager-binding-picker label>span{color:var(--muted);font-size:10px;font-weight:800}
.card-manager-binding-picker select{width:100%;min-width:0}
.card-manager-binding-picker .button{white-space:nowrap}
.card-manager-selected-fields{display:grid;gap:6px}
.card-manager-selected-field{display:grid;grid-template-columns:18px minmax(0,1fr) 30px 30px 30px;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}
.card-manager-selected-copy{display:grid;min-width:0}
.card-manager-selected-copy strong{font-size:11px}
.card-manager-selected-copy small{font-size:9px;color:var(--muted)}
.card-manager-field-move,.card-manager-field-remove{width:28px;height:28px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--ink);cursor:pointer}
.card-manager-field-remove{font-size:18px}
.card-manager-preview-empty{margin:0;color:var(--muted);font-size:11px}
.card-manager-library-list{display:grid;gap:10px}
.card-manager-library-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px}
.card-manager-library-item strong{display:block}
.card-manager-library-item small{display:block;color:var(--muted)}
html.card-manager-drawer-open{overflow:hidden}
.record-left .record-card[data-managed-card],.record-right .linked-card[data-managed-card]{height:auto;min-height:0}
.managed-linked-preview-list article{height:auto;min-height:0}
.record-right [data-managed-card]{font-family:Arial,sans-serif}
.record-right .managed-linked-preview-list a,.record-right .managed-linked-preview-list strong{font-family:inherit;font-size:12px;font-weight:700;line-height:1.35}
.managed-linked-fields{margin:7px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px}
.managed-linked-fields dt{font-family:inherit;font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:.025em}
.managed-linked-fields dd{margin:1px 0 0;font-family:inherit;font-size:12px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.managed-property-list{margin:10px 0 0;display:grid;gap:7px}
.managed-property-list dt{font-family:inherit;font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:.025em}
.managed-property-list dd{margin:0;font-family:inherit;font-size:12px;font-weight:700;line-height:1.35;border-bottom:1px solid var(--line);padding-bottom:7px;overflow-wrap:anywhere}
.managed-property-list dd:last-child{border-bottom:0;padding-bottom:0}
.contact-card-field-form{display:grid;gap:3px;margin:0}
.contact-card-field-form select{display:block;width:100%;min-width:0;height:32px;padding:0 26px 0 8px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);font:inherit;font-size:12px;font-weight:700;line-height:1}
.contact-card-field-form select:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.contact-card-field-form select:disabled{opacity:.62;cursor:wait}
.contact-card-field-status{display:block;min-height:11px;color:var(--muted);font-size:9px;font-weight:600;line-height:1.2}
.contact-card-field-form.is-saved .contact-card-field-status{color:var(--success)}
.contact-card-field-form.is-error .contact-card-field-status{color:var(--danger)}
@media(max-width:1220px){.card-manager-grid{grid-template-columns:minmax(210px,260px) minmax(0,1fr) minmax(240px,290px);gap:16px}.card-manager-preview-shell{padding:14px}.card-manager-preview-columns{gap:12px}}
@media(max-width:1050px){.card-manager-grid{grid-template-columns:1fr 1fr}.card-manager-preview-column-wrap{grid-column:1/-1}.card-manager-preview-columns{grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr) minmax(0,.95fr)}}
@media(max-width:800px){.card-manager-page{padding:14px}.card-manager-grid{grid-template-columns:1fr}.card-manager-preview-columns{grid-template-columns:1fr}.card-manager-drawer-body{grid-template-columns:1fr}.card-manager-drawer-preview{border-left:0;border-top:1px solid var(--line)}.managed-linked-fields{grid-template-columns:1fr}}
@media(max-width:620px){.card-manager-head{flex-direction:column}.card-manager-object-row{align-items:stretch;flex-direction:column}.card-manager-drawer{width:100vw}.card-manager-binding-picker{grid-template-columns:1fr}.card-manager-binding-picker .button{width:100%}.card-manager-selected-field{grid-template-columns:18px minmax(0,1fr) 28px 28px 28px}}
/* End canonical Contact Card Manager */

/* RingCentral call banner — canonical global call-state component */
.ringcentral-call-banner-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 24px 0}.ringcentral-call-banner-stack:has(>.ringcentral-call-banner:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.ringcentral-call-banner-stack:has(>.ringcentral-call-banner:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.ringcentral-call-banner-stack[hidden]{display:none}.ringcentral-call-banner{--rc-call-colour:var(--danger);--rc-call-blink:900ms;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);text-decoration:none;box-shadow:0 4px 16px color-mix(in srgb,var(--ink) 7%,transparent)}.ringcentral-call-banner:hover{border-color:color-mix(in srgb,var(--rc-call-colour) 55%,var(--line));box-shadow:0 7px 22px color-mix(in srgb,var(--rc-call-colour) 17%,transparent)}@keyframes ringcentralIncomingBlink{0%,100%{background:var(--panel);border-color:var(--rc-call-colour);box-shadow:0 4px 16px color-mix(in srgb,var(--rc-call-colour) 14%,transparent)}50%{background:color-mix(in srgb,var(--rc-call-colour) 22%,var(--panel));border-color:var(--rc-call-colour);box-shadow:0 7px 26px color-mix(in srgb,var(--rc-call-colour) 34%,transparent)}}.ringcentral-call-banner.is-ringing{border:2px solid var(--rc-call-colour);border-left-width:6px;animation:ringcentralIncomingBlink var(--rc-call-blink) ease-in-out infinite}.ringcentral-call-banner.is-ringing .ringcentral-call-icon{background:var(--rc-call-colour);color:var(--panel)}.ringcentral-call-banner.is-ringing .ringcentral-call-copy strong,.ringcentral-call-banner.is-ringing .ringcentral-call-open{color:var(--rc-call-colour)}.ringcentral-call-banner.is-answered{border-left:6px solid var(--rc-call-colour);box-shadow:0 4px 18px color-mix(in srgb,var(--rc-call-colour) 14%,transparent)}.ringcentral-call-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--rc-call-colour) 12%,var(--panel));color:var(--rc-call-colour);font-size:18px}.ringcentral-call-banner.is-answered .ringcentral-call-icon{background:var(--rc-call-colour);color:var(--panel)}.ringcentral-call-banner.is-answered .ringcentral-call-copy strong,.ringcentral-call-banner.is-answered .ringcentral-call-open{color:var(--rc-call-colour)}.ringcentral-call-copy{min-width:0}.ringcentral-call-copy strong,.ringcentral-call-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ringcentral-call-copy strong{font-size:14px}.ringcentral-call-copy small{margin-top:3px;color:var(--muted);font-size:12px}.ringcentral-call-open{font-size:12px;font-weight:700;color:var(--rc-call-colour);white-space:nowrap}@media(prefers-reduced-motion:reduce){.ringcentral-call-banner.is-ringing{animation:none;background:color-mix(in srgb,var(--rc-call-colour) 14%,var(--panel))}}@media(max-width:1100px){.ringcentral-call-banner-stack:has(>.ringcentral-call-banner:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.ringcentral-call-banner-stack,.ringcentral-call-banner-stack:has(>.ringcentral-call-banner:nth-child(2)),.ringcentral-call-banner-stack:has(>.ringcentral-call-banner:nth-child(3)){grid-template-columns:minmax(0,1fr);padding:8px 14px 0}.ringcentral-call-banner{grid-template-columns:34px minmax(0,1fr);padding:9px 10px}.ringcentral-call-open{grid-column:2}.ringcentral-call-copy small{white-space:normal}}
.ringcentral-inbound-table .ringcentral-colour-control{display:flex;align-items:center;gap:8px;min-width:132px}.ringcentral-inbound-table .ringcentral-colour-control input[type=color]{width:46px;height:38px;padding:3px;cursor:pointer}.ringcentral-inbound-table .ringcentral-colour-control span{font-size:12px;font-weight:700;color:var(--muted)}.ringcentral-inbound-table .ringcentral-speed-control{display:flex;align-items:center;gap:7px;min-width:132px}.ringcentral-inbound-table .ringcentral-speed-control input{width:78px}.ringcentral-inbound-table .ringcentral-speed-control span{font-size:12px;color:var(--muted)}
.activity-card.is-call-missed>summary strong{color:var(--danger)}.activity-card.is-call-answered>summary strong{color:var(--success)}
.call-logs-toolbar{--call-log-control-height:48px;display:grid;grid-template-columns:270px minmax(240px,1fr) 160px 170px auto;gap:10px;align-items:end;margin-bottom:16px}.call-logs-toolbar label>span,.call-log-filter-label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:var(--muted)}.call-log-date-navigation{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:7px;align-items:stretch}.call-log-date-arrow{display:grid;place-items:center;height:var(--call-log-control-height);min-height:var(--call-log-control-height);border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font-size:26px;font-weight:700;line-height:1;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease}.call-log-date-arrow:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--panel));color:var(--primary)}.call-log-date-arrow.is-disabled{cursor:not-allowed;opacity:.42}.call-log-date-picker{display:block;min-width:0}.call-log-date-picker input{width:100%;height:var(--call-log-control-height);min-height:var(--call-log-control-height);box-sizing:border-box}.call-logs-toolbar input[type=search],.call-logs-toolbar select,.call-logs-toolbar>.button,.call-log-date-picker .crm-global-date-display{height:var(--call-log-control-height);min-height:var(--call-log-control-height);box-sizing:border-box}.call-log-contact{font-weight:700;text-decoration:none}.call-log-contact:hover{text-decoration:underline}.call-log-number{display:block;font-weight:700}.call-log-route{display:block;margin-top:2px;color:var(--muted);font-size:12px}.call-result-pill{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;background:color-mix(in srgb,var(--muted) 12%,var(--panel));color:var(--ink)}.call-result-pill.is-answered{background:color-mix(in srgb,var(--success) 13%,var(--panel));color:var(--success)}.call-result-pill.is-missed,.call-result-pill.is-voicemail,.call-result-pill.is-no_answer{background:color-mix(in srgb,var(--danger) 12%,var(--panel));color:var(--danger)}.call-result-pill.is-ringing,.call-result-pill.is-calling{background:color-mix(in srgb,var(--blue) 12%,var(--panel));color:var(--blue)}.call-log-empty{padding:36px 18px;text-align:center;color:var(--muted)}.call-log-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.call-log-pagination .pagination-actions{display:flex;gap:8px}.call-log-pagination .button{min-width:92px;text-align:center}@media(max-width:1120px){.call-logs-toolbar{grid-template-columns:1fr 1fr 1fr}.call-logs-toolbar>label:nth-of-type(1){grid-column:span 2}.call-logs-toolbar .button{width:100%}}@media(max-width:760px){.call-logs-toolbar{grid-template-columns:1fr 1fr}.call-logs-toolbar>label:nth-of-type(1){grid-column:1/-1}.call-log-date-field{grid-column:1/-1}.call-logs-toolbar .button{width:100%}}@media(max-width:640px){.call-logs-toolbar{grid-template-columns:1fr}.call-logs-toolbar>label:nth-of-type(1),.call-log-date-field{grid-column:auto}.call-log-pagination{align-items:stretch;flex-direction:column}.call-log-pagination .pagination-actions{display:grid;grid-template-columns:1fr 1fr}}

/* Canonical Jobs customer invoice preparation */
.contact-job-finance-section{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.contact-job-finance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.contact-job-finance-head h3{margin:0;color:var(--ink);font-size:15px}
.contact-job-finance-head p{margin:4px 0 0;color:var(--muted);font-size:11px;font-weight:500;line-height:1.45}
.contact-job-part-add{display:grid;grid-template-columns:minmax(0,1fr) 82px 130px auto auto;gap:9px;align-items:end}
.contact-job-part-add .button{min-height:38px;white-space:nowrap}
.contact-job-parts-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.contact-job-parts-table{width:100%;min-width:680px;border-collapse:collapse}
.contact-job-parts-table th,.contact-job-parts-table td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.contact-job-parts-table th{background:color-mix(in srgb,var(--panel) 92%,var(--ink) 8%);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.025em}
.contact-job-parts-table tbody tr:last-child td{border-bottom:0}
.contact-job-parts-table td:nth-child(2){width:78px}.contact-job-parts-table td:nth-child(3){width:120px}.contact-job-parts-table td:nth-child(4){width:120px}.contact-job-parts-table td:nth-child(5){width:105px;font-weight:800;color:var(--ink)}.contact-job-parts-table td:last-child{width:38px}
.contact-job-parts-table input{min-width:0!important;margin:0!important}
.contact-job-part-remove{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--danger);cursor:pointer;font-size:18px;line-height:1}
.contact-job-part-remove:hover{background:color-mix(in srgb,var(--danger) 9%,var(--panel));border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}
.contact-job-empty-parts{padding:18px;text-align:center;color:var(--muted);font-size:11px}.contact-job-empty-parts[hidden]{display:none}
.contact-job-finance-total,.contact-job-finance-grand{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px;border-radius:8px;background:color-mix(in srgb,var(--panel) 91%,var(--ink) 9%);color:var(--ink)}
.contact-job-finance-total span,.contact-job-finance-grand span{font-size:12px;font-weight:800}.contact-job-finance-total strong{font-size:16px}.contact-job-finance-grand{border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));background:color-mix(in srgb,var(--blue) 6%,var(--panel))}.contact-job-finance-grand strong{font-size:19px;color:var(--blue)}
.contact-job-finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-job-finance-grid small{min-height:0;color:var(--muted);font-size:10px;font-weight:500;line-height:1.35}
.contact-job-finance-grid input[readonly]{background:color-mix(in srgb,var(--panel) 92%,var(--ink) 8%);color:var(--ink);font-weight:800}
.contact-job-finance-internal{border-style:dashed;background:color-mix(in srgb,var(--warning) 4%,var(--panel))}
.contact-job-percent-input{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:stretch}.contact-job-percent-input input{border-radius:3px 0 0 3px!important}.contact-job-percent-input span{display:grid;place-items:center;border:1px solid var(--line);border-left:0;border-radius:0 3px 3px 0;background:color-mix(in srgb,var(--panel) 92%,var(--ink) 8%);color:var(--muted);font-size:12px;font-weight:800}
.contact-job-invoice-section{margin-bottom:2px}
.contact-job-invoice-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.contact-job-invoice-summary>div{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--panel) 94%,var(--ink) 6%);min-width:0}
.contact-job-invoice-summary span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}.contact-job-invoice-summary strong{font-size:12px;color:var(--ink);overflow-wrap:anywhere}
.contact-job-invoice-actions{display:grid;gap:9px}.contact-job-invoice-primary-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contact-job-invoice-primary-actions .button{flex:1 1 150px;text-align:center}.contact-job-email-invoice{width:100%;justify-content:center}.contact-job-invoice-actions button:disabled{opacity:.5;cursor:not-allowed}
.commission-rate-input{display:grid;grid-template-columns:minmax(100px,160px) 34px;align-items:stretch;max-width:210px}.commission-rate-input input{border-radius:4px 0 0 4px}.commission-rate-input span{display:grid;place-items:center;border:1px solid var(--line);border-left:0;border-radius:0 4px 4px 0;background:color-mix(in srgb,var(--panel) 92%,var(--ink) 8%);color:var(--muted);font-weight:800}
@media(max-width:680px){.contact-job-part-add{grid-template-columns:minmax(0,1fr) 76px}.contact-job-part-add label:nth-child(3){grid-column:1/-1}.contact-job-part-add [data-add-part]{grid-column:1}.contact-job-part-add [data-search-price]{grid-column:2}.contact-job-finance-grid{grid-template-columns:1fr}.contact-job-invoice-summary{grid-template-columns:1fr}}
.contact-jobs-tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,var(--blue) 12%);color:var(--ink);font-size:10px;font-weight:900;line-height:1}
.contact-jobs-tab.is-active .contact-jobs-tab-count{border-color:color-mix(in srgb,var(--blue) 42%,var(--line));background:color-mix(in srgb,var(--blue) 12%,var(--panel));color:var(--blue)}
.contact-job-drawer.contact-job-drawer-parts-costs{width:min(893px,100vw)}
.contact-job-searched-price-head small{display:block;margin-top:2px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.contact-job-searched-price-input{background:color-mix(in srgb,var(--warning) 4%,var(--panel))!important}
.status-pill.parts-costs-outside{background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--danger)}
/* End canonical Jobs customer invoice preparation */

/* CONTACT_CARD_RULE_ENGINE_START */
.record-right [data-managed-card][data-card-panel="right"][data-card-rule-effect="static"]{border:2px solid var(--card-rule-color)}
.record-right [data-managed-card][data-card-panel="right"][data-card-rule-effect="blink"]{border:2px solid var(--card-rule-color);animation:contact-card-rule-border var(--card-rule-speed,1.15s) ease-in-out infinite}
.record-right dd[data-card-rule-field-effect="static"]{color:var(--card-rule-field-color);font-weight:800}
.record-right dd[data-card-rule-field-effect="blink"]{color:var(--card-rule-field-color);font-weight:800;animation:contact-card-rule-field var(--card-rule-field-speed,1.05s) ease-in-out infinite}
@keyframes contact-card-rule-border{0%,100%{border-color:var(--card-rule-color)}50%{border-color:transparent}}
@keyframes contact-card-rule-field{0%,100%{opacity:1}50%{opacity:.18}}

.card-manager-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.card-manager-section-title-row h3{margin:0}
.card-manager-rules-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);font-size:16px;cursor:pointer}
.card-manager-rules-button:hover{background:color-mix(in srgb,var(--panel) 90%,var(--brand-primary) 10%)}
.card-manager-rules-modal[hidden]{display:none!important}
.card-manager-rules-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:24px}
.card-manager-rules-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,32,.48);cursor:default}
.card-manager-rules-dialog{position:relative;z-index:1;width:min(1280px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}
.card-manager-rules-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.card-manager-rules-head h3{margin:0 0 4px}
.card-manager-rules-head p{margin:0;color:var(--muted)}
.card-manager-rules-close{border:0;background:transparent;color:var(--ink);font-size:24px;cursor:pointer}
.card-manager-rules-list{display:grid;gap:12px;overflow:auto;padding-right:4px}
.card-manager-rule-row{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}
.card-manager-rule-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.card-manager-rule-row-head>div{display:flex;gap:6px}
.card-manager-rule-move,.card-manager-rule-remove{width:32px;height:32px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);cursor:pointer}
.card-manager-rule-condition{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(200px,1.2fr);gap:10px}
.card-manager-rule-value{display:flex;gap:8px}
.card-manager-rule-value>*{flex:1 1 auto;min-width:0}
.card-manager-rule-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0}
.card-manager-rule-actions fieldset{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.9fr);gap:10px;min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm)}\n.card-manager-rule-actions fieldset>label{min-width:0}.card-manager-rule-actions fieldset select,.card-manager-rule-actions fieldset input{width:100%;min-width:0;max-width:100%}
.card-manager-rule-actions legend{padding:0 6px;font-weight:800}
.card-manager-rule-speed{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0}.card-manager-rule-speed input{min-width:0}
.card-manager-rule-speed span{font-size:12px;color:var(--muted)}
.card-manager-rule-flags{display:flex;flex-wrap:wrap;gap:14px}.card-manager-rule-hide{display:flex;align-items:center;gap:8px}
.card-manager-rule-add{justify-self:start}
.card-manager-rules-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}

.card-manager-preview-card[data-card-rule-effect="static"]{border:2px solid var(--card-rule-color)}
.card-manager-preview-card[data-card-rule-effect="blink"]{border:2px solid var(--card-rule-color);animation:contact-card-rule-border var(--card-rule-speed,1.15s) ease-in-out infinite}
.card-manager-preview-card[data-card-rule-hidden-preview="1"]{opacity:.35}
.card-manager-preview-card [data-card-rule-field-effect="static"]{color:var(--card-rule-field-color);font-weight:800}
.card-manager-preview-card [data-card-rule-field-effect="blink"]{color:var(--card-rule-field-color);font-weight:800;animation:contact-card-rule-field var(--card-rule-field-speed,1.05s) ease-in-out infinite}

@media(max-width:1100px){.card-manager-rule-actions{grid-template-columns:1fr}.card-manager-rules-dialog{width:min(980px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}}\n@media(max-width:900px){.card-manager-rule-condition,.card-manager-rule-actions fieldset{grid-template-columns:1fr}.card-manager-rules-modal{padding:8px}.card-manager-rules-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:14px}}
@media(prefers-reduced-motion:reduce){
  .record-right [data-managed-card][data-card-panel="right"][data-card-rule-effect="blink"],
  .record-right dd[data-card-rule-field-effect="blink"],
  .card-manager-preview-card[data-card-rule-effect="blink"],
  .card-manager-preview-card [data-card-rule-field-effect="blink"]{animation:none!important}
}
/* CONTACT_CARD_RULE_ENGINE_END */

/* Deal/property option management and structured Autofill use the canonical Field Properties editor. */
.property-option-manager,.property-auto-number-settings,.property-no-option-settings{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.property-option-manager[hidden],.property-auto-number-settings[hidden],.property-no-option-settings[hidden]{display:none!important}
.property-option-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.property-option-add-row .button{min-width:82px}
.property-option-list{display:grid;gap:8px}
.property-option-item{display:flex!important;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);cursor:pointer}
.property-option-item input[type="checkbox"]{width:18px!important;height:18px!important;flex:0 0 auto}
.property-option-item span{min-width:0;overflow-wrap:anywhere}
.property-option-delete{justify-self:start}
.property-option-empty{margin:0;padding:18px}
.property-auto-number-settings small,.property-no-option-settings p,.property-autofill-help{margin:0;color:var(--muted)}
.property-autofill-enable{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.property-autofill-builder{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:start}
.property-autofill-side{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.property-autofill-keyword{display:inline-flex;justify-self:start;padding:5px 10px;border-radius:999px;background:var(--nav);color:var(--nav-text);font-size:12px;letter-spacing:.04em}
.property-autofill-arrow{align-self:center;color:var(--muted);font-size:24px;font-weight:800}
.property-autofill-dynamic{display:grid;gap:12px}
.property-autofill-dynamic:empty{display:none}
.property-autofill-background-note{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--muted)}
.property-autofill-background-note code{color:var(--ink);font-weight:700}
@media (max-width:900px){.property-autofill-builder{grid-template-columns:1fr}.property-autofill-arrow{transform:rotate(90deg);justify-self:center}.property-option-add-row{grid-template-columns:1fr}.property-option-add-row .button{justify-self:start}}


/* Canonical Field Mapping + Knowledge Libraries */
.knowledge-library-landing{display:grid;gap:18px}
.knowledge-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.knowledge-library-head h1{margin:0}
.knowledge-library-head p{margin:5px 0 0;color:var(--muted)}
.knowledge-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.knowledge-library-card{display:flex;flex-direction:column;gap:14px;min-height:190px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-decoration:none;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.knowledge-library-card:hover{border-color:color-mix(in srgb,var(--blue) 44%,var(--line));box-shadow:var(--shadow);transform:translateY(-1px)}
.knowledge-library-card__icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);font-weight:900}
.knowledge-library-card__body{display:grid;gap:6px}
.knowledge-library-card__body h2{margin:0;font-size:18px}
.knowledge-library-card__body p{margin:0;color:var(--muted);line-height:1.45}
.knowledge-library-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.knowledge-library-card__footer span{color:var(--muted);font-size:12px;font-weight:800}
.knowledge-library-back{display:inline-flex;align-items:center;gap:6px;width:max-content}
.property-mappings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:4px 0 14px}
.property-mappings-head h3{margin:0}
.property-mappings-head p{margin:5px 0 0;color:var(--muted)}
.property-mapping-empty{margin-top:14px}
.property-mapping-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.property-mapping-table-wrap .properties-table{border:0;border-radius:0}
.property-mapping-table td strong{display:block}
.property-mapping-table td small{display:block;margin-top:3px;color:var(--muted)}
.property-mapping-status{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800}
.property-mapping-status--configured{background:color-mix(in srgb,var(--success) 11%,var(--panel));border-color:color-mix(in srgb,var(--success) 34%,var(--line))}
.property-mapping-status--needs_setup{background:var(--panel-2)}
.property-mapping-editor{margin-top:16px}
.property-mapping-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.property-mapping-editor-head span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.property-mapping-editor-head h3{margin:3px 0 0}
.property-mapping-editor-head p{margin:4px 0 0;color:var(--muted)}
.property-mapping-form{display:grid;gap:18px;margin-top:16px}
.property-mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.property-mapping-grid label,.property-mapping-row label{display:grid;gap:6px}
.property-mapping-grid label>span,.property-mapping-row label>span{font-size:12px;font-weight:800;color:var(--muted)}
.property-mapping-manual{width:max-content;max-width:100%}
.property-mapping-builder{display:grid;gap:10px;padding-top:2px}
.property-mapping-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.property-mapping-builder-head h4{margin:0}
.property-mapping-builder-head p{margin:4px 0 0;color:var(--muted)}
.property-mapping-row{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);margin-top:8px}
.property-mapping-row--output{grid-template-columns:minmax(170px,1fr) minmax(150px,.7fr) minmax(180px,1fr) auto}
.property-mapping-equals{align-self:center;padding-top:20px;color:var(--muted);font-weight:800}
.property-mapping-remove{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:20px;cursor:pointer}
.property-mapping-remove:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 38%,var(--line))}
.property-mapping-actions{display:flex;align-items:center;gap:8px;padding-top:2px}
.property-mapping-clear-form{margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
.property-mapping-enable{margin-top:10px}
.property-mapping-enable-note{margin:8px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--muted);line-height:1.4}

.crm-searchable-select{position:relative;display:block;width:100%;min-width:0}
.crm-searchable-input{display:block;width:100%;min-width:0;padding-right:74px!important}
.crm-searchable-input::placeholder{color:var(--text-muted,var(--muted,#7a8da3));opacity:.72}
.crm-searchable-native{display:none!important}
.crm-searchable-toggle,.crm-searchable-clear{position:absolute;z-index:3;top:0;bottom:0;border:0;background:transparent;color:var(--text,#102a43);cursor:pointer;display:grid;place-items:center;padding:0}
.crm-searchable-toggle{right:0;width:38px;font-size:0}
.crm-searchable-toggle::before{content:"";display:block;width:var(--crm-dropdown-chevron-width);height:var(--crm-dropdown-chevron-height);background-image:var(--crm-dropdown-chevron);background-repeat:no-repeat;background-position:center;background-size:100% 100%}
.crm-searchable-clear{right:38px;width:34px;font-size:19px;line-height:1;color:var(--text-muted,var(--muted,#60788f))}
.crm-searchable-clear[hidden]{display:none!important}
.crm-searchable-toggle:hover,.crm-searchable-clear:hover{background:transparent}
.crm-searchable-toggle:disabled,.crm-searchable-clear:disabled{cursor:not-allowed;opacity:.5}
.crm-searchable-toggle:focus-visible,.crm-searchable-clear:focus-visible{outline:2px solid var(--focus,#2f80ed);outline-offset:-2px}
.crm-searchable-panel{position:absolute;z-index:140;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow:auto;background:var(--surface,var(--panel,#fff));border:1px solid var(--line-strong,var(--line,#9fb3c8));border-radius:8px;box-shadow:0 10px 24px rgba(16,42,67,.18);padding:4px}
.crm-searchable-panel[hidden]{display:none!important}
.crm-searchable-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:38px;border:0;border-radius:6px;background:transparent;color:var(--text,var(--ink,#102a43));padding:8px 10px;text-align:left;cursor:pointer;font:inherit}
.crm-searchable-option:hover,.crm-searchable-option:focus-visible,.crm-searchable-option.active{background:var(--accent-soft,var(--panel-2,#e8f1ff));outline:0}
.crm-searchable-option.selected{font-weight:700}
.crm-searchable-option-copy{display:grid;gap:2px;min-width:0}
.crm-searchable-option strong{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.crm-searchable-option small,.crm-searchable-empty{color:var(--text-muted,var(--muted,#60788f));font-size:12px}
.crm-searchable-option-check{visibility:hidden;color:var(--accent,#1769e0);font-weight:900}
.crm-searchable-option.selected .crm-searchable-option-check{visibility:visible}
.crm-searchable-option.manual{border-top:1px solid var(--line,#d5dee8);border-radius:0;margin-top:3px}
.crm-searchable-empty{padding:11px;line-height:1.4}
@media(max-width:640px){
  .crm-searchable-panel{max-height:min(42vh,320px)}
}

@media(max-width:900px){
  .property-mapping-grid{grid-template-columns:1fr}
  .property-mapping-row,.property-mapping-row--output{grid-template-columns:1fr}
  .property-mapping-equals{padding:0}
  .property-mapping-remove{justify-self:end}
}



/* Canonical global Tasks list */
.task-list-page .task-list-assignee-note{display:flex;align-items:center;color:var(--muted);font-size:12px;font-weight:700}
.task-list-page .task-contact-link,.task-list-page .task-type-link{font-weight:800;text-decoration:none}
.task-list-page .task-details-cell{max-width:440px;white-space:normal;line-height:1.45;color:var(--ink)}
.task-list-page .task-actions-cell{white-space:nowrap}
.task-list-page .task-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.task-list-page .task-actions form{margin:0}
.task-priority-display,.contact-task-priority{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:700}
.task-priority-light{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 15%,transparent)}
.task-priority-display.is-high,.contact-task-priority.is-high{color:var(--danger);font-weight:800}
.contact-task-priority{font-size:10px;color:var(--muted)}
@media(max-width:900px){
  .contact-task-form-grid{grid-template-columns:1fr}
  .task-list-page .task-actions{align-items:stretch;flex-direction:column}
  .task-list-page .task-actions .button{width:100%}
}

.nav-task-badge{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:var(--nav-text,#fff);font-size:10px;font-weight:900;line-height:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 18%,transparent)}
.nav-task-badge.is-hidden{display:none}
.nav-flyout .nav-child-link.has-nav-count-badge{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
.nav-flyout .nav-child-link.has-nav-count-badge>.nav-child-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-flyout .nav-child-link.has-nav-count-badge>.nav-task-badge{flex:0 0 auto;margin-left:auto}


/* CRM_NAV_BADGE_ALIGNMENT_CANONICAL_START */
/*
 * Direct-link navigation items do not have a chevron, but badge-bearing
 * parent items reserve an 18px chevron slot. Reserve that same end slot for
 * every current/future direct-link .nav-task-badge so all badge circles share
 * one vertical column. This rule never adds an attention outline.
 */
.main-nav > .nav-link:not(.nav-parent) > .nav-task-badge{
    margin-right:18px;
}
/* CRM_NAV_BADGE_ALIGNMENT_CANONICAL_END */

/* Canonical wide Engineer Invoice drawer */
.crm-property-drawer.crm-invoice-drawer{
    width:min(88vw,1500px)!important;
    max-width:1500px!important;
}
.crm-invoice-drawer .crm-standard-drawer-header{
    min-height:78px!important;
}
.crm-invoice-drawer-heading,
.crm-invoice-title-line{
    min-width:0;
}
.crm-invoice-title-line{
    display:flex;
    align-items:baseline;
    gap:10px;
    flex-wrap:wrap;
}
.crm-invoice-title-line h2{
    margin:0;
}
.crm-invoice-title-line small{
    color:var(--muted);
    font-weight:600;
}
.crm-invoice-drawer .crm-standard-drawer-body{
    padding:0!important;
    overflow:hidden!important;
    background:var(--bg)!important;
}
.crm-invoice-drawer-grid{
    height:100%;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(300px,35fr) minmax(0,65fr);
    gap:14px;
    padding:14px;
}
.crm-invoice-left-column{
    min-height:0;
    overflow:auto;
    display:grid;
    align-content:start;
    gap:12px;
    padding-right:2px;
}
.crm-invoice-card,
.crm-invoice-preview-panel{
    background:var(--panel);
    border:1px solid var(--line);
    border-radius:12px;
}
.crm-invoice-card{
    padding:14px;
}
.crm-invoice-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}
.crm-invoice-section-head h3{
    margin:0;
    font-size:15px;
}
.crm-invoice-detail-list{
    margin:0;
    display:grid;
    gap:0;
}
.crm-invoice-detail-list>div{
    display:grid;
    grid-template-columns:minmax(110px,.9fr) minmax(0,1.4fr);
    gap:12px;
    align-items:start;
    padding:8px 0;
    border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);
}
.crm-invoice-detail-list>div:first-child{
    border-top:0;
    padding-top:2px;
}
.crm-invoice-detail-list dt{
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.crm-invoice-detail-list dd{
    min-width:0;
    margin:0;
    font-weight:750;
    overflow-wrap:anywhere;
}
.crm-invoice-file-list{
    display:grid;
    gap:8px;
}
.crm-invoice-file-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
    padding:8px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--panel);
}
.crm-invoice-file-row.is-active{
    border-color:var(--blue);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 14%,transparent);
    background:color-mix(in srgb,var(--blue) 4%,var(--panel));
}
.crm-invoice-file-select{
    min-width:0;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:9px;
    align-items:center;
    text-align:left;
    cursor:pointer;
}
.crm-invoice-file-type{
    width:34px;
    height:34px;
    border-radius:8px;
    display:grid;
    place-items:center;
    background:color-mix(in srgb,var(--danger) 10%,var(--panel));
    color:var(--danger);
    font-size:10px;
    font-weight:900;
}
.crm-invoice-file-copy{
    min-width:0;
}
.crm-invoice-file-copy strong,
.crm-invoice-file-copy small{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.crm-invoice-file-copy small{
    margin-top:2px;
    color:var(--muted);
    font-size:11px;
}
.crm-invoice-file-actions{
    display:flex;
    align-items:center;
    gap:6px;
}
.crm-invoice-files-empty,
.crm-invoice-upload-status{
    color:var(--muted);
    font-size:12px;
}
.crm-invoice-upload-status:not(:empty){
    margin-top:8px;
}
.crm-invoice-link-editor{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid var(--line);
}
.crm-invoice-link-editor summary{
    cursor:pointer;
    color:var(--blue);
    font-weight:750;
}
.crm-invoice-link-editor label{
    display:grid;
    gap:6px;
    margin-top:10px;
}
.crm-invoice-link-editor label>span{
    font-size:12px;
    font-weight:750;
}
.crm-invoice-link-actions{
    display:flex;
    gap:8px;
    margin-top:8px;
}
.crm-invoice-paid-field{
    display:block;
}
.crm-invoice-paid-field input{
    width:100%;
}
.crm-invoice-paid-card small{
    display:block;
    margin-top:7px;
    color:var(--muted);
}
.crm-invoice-preview-panel{
    min-width:0;
    min-height:0;
    overflow:hidden;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
}
.crm-invoice-preview-toolbar{
    min-width:0;
    padding:10px 12px;
    display:flex;
    align-items:center;
    gap:10px;
    border-bottom:1px solid var(--line);
}
.crm-invoice-preview-title{
    min-width:130px;
    margin-right:auto;
}
.crm-invoice-preview-title strong,
.crm-invoice-preview-title small{
    display:block;
}
.crm-invoice-preview-title small{
    color:var(--muted);
    font-size:10px;
}
.crm-invoice-document-selector{
    display:flex;
    align-items:center;
    gap:6px;
}
.crm-invoice-document-selector>span{
    color:var(--muted);
    font-size:11px;
    font-weight:750;
}
.crm-invoice-document-selector select{
    width:min(260px,24vw);
    min-width:150px;
}
.crm-invoice-preview-actions{
    display:flex;
    align-items:center;
    gap:6px;
}
.crm-invoice-preview-stage{
    min-height:0;
    overflow:hidden;
    background:color-mix(in srgb,var(--ink) 8%,var(--bg));
}
.crm-invoice-pdf-frame{
    width:100%;
    height:100%;
    min-height:420px;
    border:0;
    background:var(--panel);
}
.crm-invoice-preview-empty{
    height:100%;
    min-height:360px;
    padding:32px;
    display:grid;
    place-content:center;
    justify-items:center;
    text-align:center;
    color:var(--muted);
}
.crm-invoice-preview-empty strong{
    color:var(--ink);
    font-size:16px;
}
.crm-invoice-preview-empty p{
    max-width:360px;
    margin:6px 0 14px;
}
.crm-invoice-document-counter{
    padding:7px 12px;
    border-top:1px solid var(--line);
    color:var(--muted);
    text-align:center;
    font-size:11px;
}
.crm-invoice-drawer-footer{
    flex:0 0 auto;
}
@media (max-width:1050px){
    .crm-property-drawer.crm-invoice-drawer{
        width:calc(100vw - 24px)!important;
        max-width:none!important;
        right:12px!important;
    }
    .crm-invoice-drawer-grid{
        grid-template-columns:minmax(280px,40fr) minmax(0,60fr);
    }
    .crm-invoice-preview-toolbar{
        flex-wrap:wrap;
    }
    .crm-invoice-document-selector select{
        width:min(300px,42vw);
    }
}
@media (max-width:760px){
    .crm-property-drawer.crm-invoice-drawer{
        top:6px!important;
        right:6px!important;
        bottom:6px!important;
        width:calc(100vw - 12px)!important;
    }
    .crm-invoice-drawer .crm-standard-drawer-body{
        overflow-y:auto!important;
    }
    .crm-invoice-drawer-grid{
        height:auto;
        grid-template-columns:1fr;
        padding:10px;
    }
    .crm-invoice-left-column{
        overflow:visible;
    }
    .crm-invoice-preview-panel{
        min-height:560px;
    }
    .crm-invoice-document-selector{
        width:100%;
    }
    .crm-invoice-document-selector select{
        flex:1;
        width:auto;
        min-width:0;
    }
    .crm-invoice-preview-actions{
        width:100%;
        flex-wrap:wrap;
    }
    .crm-invoice-detail-list>div{
        grid-template-columns:1fr;
        gap:2px;
    }
    .crm-invoice-file-row{
        grid-template-columns:1fr;
    }
    .crm-invoice-file-actions{
        justify-content:flex-end;
    }
}

/* Canonical shared Invoice drawer editable mode */
.crm-invoice-edit-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.crm-invoice-edit-field{
    min-width:0;
    display:grid;
    gap:5px;
}
.crm-invoice-edit-field>span:first-child,
.crm-invoice-readonly-field>span{
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.crm-invoice-edit-field input,
.crm-invoice-edit-field textarea{
    width:100%;
    min-width:0;
}
.crm-invoice-edit-full{
    grid-column:1/-1;
}
.crm-invoice-readonly-field{
    padding:8px 10px;
    border:1px solid var(--line);
    border-radius:9px;
    background:color-mix(in srgb,var(--bg) 65%,var(--panel));
}
.crm-invoice-readonly-field strong{
    min-width:0;
    overflow-wrap:anywhere;
}
.crm-invoice-checkbox-row{
    min-height:42px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 10px;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--panel);
}
.crm-invoice-job-financial-status{
    margin-top:10px;
    padding-top:8px;
    border-top:1px solid var(--line);
}
@media(max-width:760px){
    .crm-invoice-edit-grid{
        grid-template-columns:1fr;
    }
    .crm-invoice-edit-full{
        grid-column:auto;
    }
}

/* GLOBAL_DATE_TIME_CONTROL_BEGIN */
.crm-global-date-control{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
}
.crm-global-date-display{
  width:100%;
  min-width:0;
  min-height:42px;
  padding:9px 42px 9px 12px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm,10px);
  background:var(--surface,#fff);
  color:var(--text);
  font:inherit;
  line-height:1.35;
  outline:none;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.crm-global-date-display::placeholder{color:var(--muted);opacity:.75}
.crm-global-date-display:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent);
}
.crm-global-date-picker{
  position:absolute;
  z-index:2;
  right:5px;
  top:50%;
  width:32px;
  height:32px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--muted);
  padding:0;
  cursor:pointer;
}
.crm-global-date-picker:hover{background:var(--surface-soft,#f4f7fb);color:var(--text)}
.crm-global-date-picker:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
.crm-global-date-picker svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.crm-global-date-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  left:auto!important;
  right:8px!important;
  bottom:4px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
  border:0!important;
  overflow:hidden!important;
}
.crm-global-date-control[data-disabled="1"] .crm-global-date-display{
  background:var(--surface-soft,#f4f7fb);
  color:var(--muted);
  cursor:not-allowed;
}
.crm-global-date-control[data-disabled="1"] .crm-global-date-picker{
  opacity:.45;
  cursor:not-allowed;
}
@media(max-width:640px){
  .crm-global-date-display{min-height:44px}
}
/* GLOBAL_DATE_TIME_CONTROL_END */
/* Canonical Inbound Enquiries table + drawer */
.inbound-enquiries{min-width:0}
.inbound-enquiries-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 12px}
.inbound-enquiries-table-head h2{margin:0;font-size:18px}
.inbound-enquiries-table-head p{margin:3px 0 0;color:var(--muted)}
.inbound-enquiries-table-wrap{border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:auto}
.inbound-enquiries-table{margin:0;min-width:720px}
.inbound-enquiry-row{cursor:pointer;transition:background .14s ease}
.inbound-enquiry-row:hover,.inbound-enquiry-row:focus{background:color-mix(in srgb,var(--panel) 90%,var(--blue) 10%);outline:none}
.inbound-enquiries-empty{padding:22px;text-align:center;color:var(--muted);white-space:normal}
.enquiry-drawer-backdrop{z-index:2500!important}
.enquiry-drawer{width:min(680px,96vw)!important}
.enquiry-drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.enquiry-drawer-span-2{grid-column:1/-1}
.enquiry-drawer-message{margin:0 0 18px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-weight:700}
.enquiry-drawer-message[data-type="error"]{border-color:color-mix(in srgb,var(--danger) 55%,var(--line));color:var(--danger)}
.enquiry-drawer-message[data-type="success"]{border-color:color-mix(in srgb,var(--blue) 50%,var(--line));color:var(--blue)}
@media(max-width:640px){.enquiry-drawer-grid{grid-template-columns:1fr}.enquiry-drawer-span-2{grid-column:auto}.inbound-enquiries-table-head>.button{width:100%}}

/* Canonical Print & Post Policy Paperwork */
.print-post-summary .data-management-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
.print-post-table-panel{min-width:0}
.print-post-tools{align-items:center}
.print-post-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.print-post-toolbar-actions>strong{margin-right:4px;color:var(--muted);white-space:nowrap}
.print-post-table-wrap{overflow:auto}
.print-post-table{width:100%;min-width:980px;table-layout:fixed}
.print-post-table th,.print-post-table td{vertical-align:middle}
.print-post-table .print-post-check{width:44px;text-align:center}
.print-post-table .print-post-customer{width:18%}
.print-post-table .print-post-policy{width:13%}
.print-post-table th:nth-child(4),.print-post-table td:nth-child(4){width:8%}
.print-post-table .print-post-company{width:20%;overflow:hidden}
.print-post-table .print-post-template{width:23%;overflow:hidden}
.print-post-table .print-post-action-column{width:150px}
.print-post-table td strong,.print-post-table td small{display:block}
.print-post-table td small{margin-top:2px;color:var(--muted);font-size:11px}
.print-post-company strong,.print-post-template strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.print-post-error{color:var(--danger)}
.print-post-action-column{white-space:nowrap}
.print-post-action-column form{display:inline-flex;margin:0 6px 0 0;vertical-align:middle}
.print-post-action-column>.button{display:inline-flex;vertical-align:middle}
.print-post-action-column .button{min-width:64px;justify-content:center}
@media(max-width:1100px){
    .print-post-tools{align-items:stretch;flex-direction:column}
    .print-post-toolbar-actions{justify-content:flex-start}
    .print-post-table{min-width:900px}
}
.print-post-invoice-stats .stat-card{display:grid;gap:4px}
.print-post-invoice-stats .stat-card>span,.print-post-invoice-stats .stat-card>small{color:var(--muted)}
.print-post-invoice-register{min-width:0}
.print-post-invoice-register-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.print-post-invoice-register-head h2,.print-post-invoice-register-head p{margin:0}
.print-post-invoice-register-head p{margin-top:4px;color:var(--muted)}
.print-post-invoice-register-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.print-post-invoice-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--line);margin:0 -20px;padding:0 20px}
.print-post-invoice-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:12px 14px;font-weight:800;cursor:pointer}
.print-post-invoice-tabs button.active{border-bottom-color:var(--blue);color:var(--ink)}
.print-post-invoice-tabs button span{display:inline-grid;place-items:center;min-width:24px;height:20px;padding:0 6px;border-radius:999px;background:var(--bg);font-size:11px}
.print-post-invoice-table-wrap{margin:0 -20px -20px}
.print-post-invoice-table{width:100%;border-collapse:collapse;min-width:1180px}
.print-post-invoice-table th,.print-post-invoice-table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.print-post-invoice-table th{background:var(--bg);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}
.print-post-invoice-table td small{display:block;color:var(--muted);margin-top:3px}
.print-post-invoice-select{width:48px;text-align:center!important}
.print-post-invoice-select input{width:17px;height:17px;margin:0}
.print-post-invoice-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.print-post-invoice-actions form{margin:0}
.contact-job-drawer.print-post-invoice-builder-drawer{width:min(1040px,100vw)}
.print-post-invoice-builder-drawer[hidden],.print-post-invoice-builder-backdrop[hidden]{display:none!important}
.print-post-invoice-recipient-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.print-post-invoice-template-select{min-width:210px;flex:1 1 240px}
.print-post-invoice-template-select select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:8px 10px;color:var(--ink)}
.print-post-invoice-recipient-summary{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.print-post-invoice-recipient-summary strong{font-size:15px;color:var(--ink)}
.print-post-invoice-recipient-summary span,.print-post-invoice-recipient-summary small{color:var(--muted)}
.print-post-invoice-field-grid,.print-post-invoice-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.print-post-invoice-notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.print-post-invoice-field-grid label,.print-post-invoice-notes-grid label,.print-post-invoice-modal-grid label,.print-post-invoice-search{display:grid;gap:6px}
.print-post-invoice-field-grid span,.print-post-invoice-notes-grid span,.print-post-invoice-modal-grid span,.print-post-invoice-search span{font-size:12px;font-weight:700;color:var(--muted)}
.print-post-invoice-field-grid input,.print-post-invoice-notes-grid textarea,.print-post-invoice-modal-grid input,.print-post-invoice-search input,.print-post-invoice-items input{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:9px 10px;color:var(--ink)}
.print-post-invoice-items{width:100%;border-collapse:collapse;min-width:0;table-layout:fixed}
.print-post-invoice-items th,.print-post-invoice-items td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.print-post-invoice-items th:nth-child(2),.print-post-invoice-items td:nth-child(2){width:110px}
.print-post-invoice-items th:nth-child(3),.print-post-invoice-items td:nth-child(3){width:145px}
.print-post-invoice-items th:nth-child(4),.print-post-invoice-items td:nth-child(4){width:120px}
.print-post-invoice-items th:nth-child(5),.print-post-invoice-items td:nth-child(5){width:92px}
.print-post-invoice-item-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}
.print-post-invoice-builder-actions{flex-wrap:wrap}
.print-post-invoice-delivery-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.print-post-invoice-backdrop{position:fixed;inset:0;z-index:2700;background:rgba(16,28,40,.5)}
.print-post-invoice-modal{position:fixed;z-index:2701;top:50%;left:50%;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;transform:translate(-50%,-48%);opacity:0;background:var(--panel);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.25);transition:.18s ease}
.print-post-invoice-modal.is-open{transform:translate(-50%,-50%);opacity:1}
.print-post-invoice-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}
.print-post-invoice-modal>header h2,.print-post-invoice-modal>header p{margin:0}
.print-post-invoice-modal>header p{margin-top:4px;color:var(--muted)}
.print-post-invoice-modal>header button{border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer}
.print-post-invoice-modal-body{padding:20px}
.print-post-invoice-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.print-post-invoice-modal-grid .span{grid-column:1/-1}
.print-post-invoice-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.print-post-invoice-search-results{display:grid;gap:7px;margin-top:14px;max-height:440px;overflow:auto}
.print-post-invoice-search-results button{display:grid;gap:3px;text-align:left;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}
.print-post-invoice-search-results button:hover{border-color:var(--blue);background:var(--bg)}
.print-post-invoice-search-results span,.print-post-invoice-search-results small{color:var(--muted)}
@media(max-width:760px){.print-post-invoice-register-head{flex-direction:column}.print-post-invoice-register-actions{width:100%;justify-content:flex-start}.print-post-invoice-register-actions .button{flex:1}.print-post-invoice-field-grid,.print-post-invoice-notes-grid,.print-post-invoice-modal-grid{grid-template-columns:1fr}.print-post-invoice-modal-grid .span{grid-column:auto}.print-post-invoice-template-select{flex-basis:100%}.print-post-invoice-delivery-actions{width:100%;margin-left:0}.print-post-invoice-delivery-actions .button{flex:1}}

/* Canonical Print & Post General Letter */
.general-letter-page{display:grid;gap:16px;min-width:0}
.general-letter-head{margin-bottom:0}
.general-letter-form{padding:14px}
.general-letter-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.general-letter-settings input,.general-letter-settings select{width:100%;min-width:0;height:40px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:0 10px;color:var(--ink)}
.general-letter-editor{min-width:0}
.general-letter-editor-workspace{grid-template-columns:minmax(0,1fr);min-height:720px}
.general-letter-editor-workspace .template-editor-main{border-right:0}
.general-letter-document-canvas{height:calc(100vh - 265px);min-height:720px}
.general-letter-toolbar-actions{flex-wrap:nowrap}
.general-letter-editor>[data-general-letter-feedback]{margin:0;border-radius:0;border-width:0 0 1px}
.general-letter-editor>[data-general-letter-feedback][hidden]{display:none!important}
@media(max-width:1100px){.general-letter-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.general-letter-toolbar-actions{width:100%;margin-left:0;flex-wrap:wrap}}
@media(max-width:700px){.general-letter-settings{grid-template-columns:1fr}.general-letter-form{padding:10px}.general-letter-document-canvas{height:620px;min-height:620px;padding:14px}.general-letter-toolbar-actions .button{flex:1 1 130px}}

/* Canonical CRM job dispatch workflow */
.contact-job-message-actions .contact-job-dispatch-button{margin-left:auto;border-color:var(--blue);background:var(--blue);color:#fff}
.contact-job-message-actions .contact-job-dispatch-button:hover:not(:disabled),.contact-job-card-actions .contact-job-dispatch-button:hover:not(:disabled){border-color:var(--blue);background:color-mix(in srgb,var(--blue) 88%,#000);color:#fff}
.contact-job-card-actions .contact-job-dispatch-button{border-color:var(--blue);background:var(--blue);color:#fff}
.dispatch-ops{min-width:0}.dispatch-ops-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;align-items:start}.dispatch-ops-nav{position:sticky;top:76px;display:grid;align-content:start;gap:10px;min-height:calc(100vh - 104px);padding:10px;border:1px solid var(--line);border-radius:var(--radius-lg,14px);background:var(--panel);box-shadow:var(--shadow-sm,0 2px 8px color-mix(in srgb,var(--ink) 8%,transparent))}.dispatch-ops-brand{display:flex;align-items:center;gap:9px;padding:7px 8px 10px;border-bottom:1px solid var(--line)}.dispatch-ops-brand-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue)}.dispatch-ops-brand-icon .nav-icon{width:17px;height:17px}.dispatch-ops-brand>span:last-child{display:grid;gap:1px}.dispatch-ops-brand strong{font-size:13px}.dispatch-ops-brand small{font-size:9.5px;color:var(--muted)}.dispatch-ops-search input{width:100%;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);font-size:11px}.dispatch-ops-nav-list{display:grid;gap:3px}.dispatch-ops-nav-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:7px 8px;border-radius:8px;color:var(--ink);text-decoration:none}.dispatch-ops-nav-link>span{display:flex;align-items:center;gap:8px;min-width:0}.dispatch-ops-nav-link .nav-icon{width:15px;height:15px;color:var(--muted)}.dispatch-ops-nav-link strong{font-size:10.5px;white-space:nowrap}.dispatch-ops-nav-link b{display:grid;place-items:center;min-width:20px;height:18px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--muted) 10%,var(--panel));color:var(--muted);font-size:8.5px}.dispatch-ops-nav-link:hover{background:color-mix(in srgb,var(--blue) 5%,var(--panel))}.dispatch-ops-nav-link.active{background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue)}.dispatch-ops-nav-link.active .nav-icon{color:var(--blue)}.dispatch-ops-nav-status{display:grid;gap:2px;margin-top:auto;padding:10px 8px;border-top:1px solid var(--line)}.dispatch-ops-nav-status>span{display:flex;align-items:center;gap:6px}.dispatch-ops-nav-status strong{font-size:10px}.dispatch-ops-nav-status small{padding-left:13px;color:var(--muted);font-size:9px}.dispatch-ops-main{display:grid;gap:12px;min-width:0;padding:2px 0 24px}.dispatch-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:4px 2px}.dispatch-dashboard-head h1,.dispatch-dashboard-head p{margin:0}.dispatch-dashboard-head h1{font-size:22px;line-height:1.15}.dispatch-dashboard-head p{margin-top:3px;color:var(--muted);font-size:11px}.dispatch-dashboard-head>small{color:var(--muted);font-size:9.5px}.dispatch-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dispatch-dashboard-stats>a,.dispatch-dashboard-stats>article{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:82px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-sm,0 2px 7px color-mix(in srgb,var(--ink) 6%,transparent))}.dispatch-dashboard-stats>a:hover{border-color:color-mix(in srgb,var(--blue) 38%,var(--line));transform:translateY(-1px)}.dispatch-dashboard-stats span{display:grid;gap:2px;min-width:0}.dispatch-dashboard-stats small{color:var(--muted);font-size:9.5px}.dispatch-dashboard-stats strong{font-size:24px;line-height:1}.dispatch-dashboard-stats em{overflow:hidden;color:var(--muted);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.dispatch-dashboard-stats i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:color-mix(in srgb,var(--blue) 8%,var(--panel));color:var(--blue);font-style:normal}.dispatch-dashboard-stats i .nav-icon{width:16px;height:16px}.dispatch-dashboard-grid{display:grid;grid-template-columns:minmax(255px,.72fr) minmax(0,1.58fr);gap:11px;align-items:start}.dispatch-dashboard-right{display:grid;gap:11px;min-width:0}.dispatch-dashboard-panel,.dispatch-list-panel{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-sm,0 2px 7px color-mix(in srgb,var(--ink) 5%,transparent));overflow:hidden}.dispatch-dashboard-panel>header,.dispatch-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid var(--line)}.dispatch-dashboard-panel>header h2,.dispatch-dashboard-panel>header p,.dispatch-section-header h2,.dispatch-section-header p{margin:0}.dispatch-dashboard-panel>header h2,.dispatch-section-header h2{font-size:13px}.dispatch-dashboard-panel>header p,.dispatch-section-header p{margin-top:2px;color:var(--muted);font-size:9.5px}.dispatch-dashboard-panel>header>b{display:grid;place-items:center;min-width:23px;height:21px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--danger);font-size:9px}.dispatch-alert-feed{display:grid;max-height:510px;overflow:auto}.dispatch-alert-feed-item{display:grid;gap:4px;padding:11px 13px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.dispatch-alert-feed-item:last-child{border-bottom:0}.dispatch-alert-feed-item:hover{background:color-mix(in srgb,var(--blue) 4%,var(--panel))}.dispatch-alert-feed-item>span:first-child{display:flex;align-items:center;gap:7px}.dispatch-alert-feed-item strong{font-size:10.5px}.dispatch-alert-feed-item p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.35}.dispatch-alert-feed-item small{color:var(--muted);font-size:8.5px}.dispatch-alert-tag{display:inline-flex;width:max-content;padding:2px 5px;border-radius:999px;background:color-mix(in srgb,var(--warning,var(--danger)) 9%,var(--panel));color:var(--danger);font-size:7.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.dispatch-panel-empty{display:grid;gap:3px;padding:25px 15px;text-align:center}.dispatch-panel-empty strong{font-size:11px}.dispatch-panel-empty span{color:var(--muted);font-size:9.5px}.dispatch-active-panel{min-height:0}.dispatch-dashboard-table,.dispatch-progress-table,.dispatch-simple-table{width:100%;border-collapse:collapse}.dispatch-dashboard-table th,.dispatch-progress-table th,.dispatch-simple-table th{padding:8px 9px;background:color-mix(in srgb,var(--bg) 60%,var(--panel));color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.035em;text-align:left;text-transform:uppercase}.dispatch-dashboard-table td,.dispatch-progress-table td,.dispatch-simple-table td{padding:9px;border-top:1px solid var(--line);vertical-align:middle;font-size:9.5px}.dispatch-dashboard-table td>strong,.dispatch-progress-table td>strong{font-size:10px}.dispatch-dashboard-table td>small,.dispatch-progress-table td>small,.dispatch-simple-table td>small,.dispatch-progress-table td>a+small{display:block;margin-top:2px;color:var(--muted);font-size:8.5px}.dispatch-dashboard-table tbody tr[data-dispatch-map-select]{cursor:pointer}.dispatch-dashboard-table tbody tr[data-dispatch-map-select]:hover,.dispatch-dashboard-table tbody tr.is-selected{background:color-mix(in srgb,var(--blue) 5%,var(--panel))}.dispatch-mini-link{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:8px;color:var(--blue);font-weight:900;text-decoration:none}.dispatch-inline-presence{display:inline-flex;align-items:center;gap:5px;font-size:9px}.dispatch-inline-presence.is-block{display:flex;margin-top:4px}.dispatch-presence-light{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 12%,transparent)}.dispatch-presence-light.is-online{background:var(--success);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 15%,transparent)}.dispatch-presence-light.is-offline{background:var(--danger)}.dispatch-status{display:inline-flex;align-items:center;min-height:20px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--muted) 9%,var(--panel));color:var(--muted);font-size:8px;font-weight:850;text-transform:capitalize}.dispatch-status.is-waiting,.dispatch-status.is-pending{background:color-mix(in srgb,var(--warning,var(--blue)) 11%,var(--panel));color:var(--ink)}.dispatch-status.is-in-progress,.dispatch-status.is-accepted,.dispatch-status.is-return-scheduled{background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue)}.dispatch-status.is-completion-review{background:color-mix(in srgb,var(--danger) 8%,var(--panel));color:var(--danger)}.dispatch-status.is-completed,.dispatch-status.is-paid,.dispatch-status.is-approved{background:color-mix(in srgb,var(--success) 10%,var(--panel));color:var(--success)}.dispatch-map-card{display:flex;flex-direction:column;min-height:290px}.dispatch-map-key{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8.5px}.dispatch-map-key i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue)}.dispatch-map-key i.is-engineer{margin-left:5px;background:var(--success)}.dispatch-map-stage{position:relative;min-height:390px;background:var(--bg);overflow:hidden}.dispatch-map-stage.is-detail{flex:1 1 auto;min-height:300px}.dispatch-map-frame{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:auto;touch-action:auto}.dispatch-map-pin{pointer-events:none;position:absolute;z-index:2;display:grid;place-items:center;width:26px;height:26px;transform:translate(-50%,-100%);border:3px solid var(--panel);border-radius:50% 50% 50% 0;background:var(--blue);color:var(--panel);box-shadow:var(--shadow-md,0 4px 12px color-mix(in srgb,var(--ink) 18%,transparent));font-size:8px;font-weight:900;rotate:-45deg}.dispatch-map-pin b{rotate:45deg}.dispatch-map-pin.is-engineer{background:var(--success)}.dispatch-map-open{position:absolute;right:8px;bottom:8px;z-index:3;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--panel) 94%,transparent);color:var(--blue);font-size:8.5px;font-weight:800;text-decoration:none}.dispatch-map-empty{display:grid;place-items:center;align-content:center;gap:3px;min-height:390px;padding:20px;text-align:center}.dispatch-map-empty span,.dispatch-map-updated{color:var(--muted);font-size:8.5px}.dispatch-map-updated{display:block;padding:7px 11px;border-top:1px solid var(--line)}
.dispatch-progress-row.needs-attention{background:color-mix(in srgb,var(--danger) 2%,var(--panel))}.dispatch-progress-row.is-clear{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 45%,var(--line))}.dispatch-row-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.dispatch-row-actions .button{min-height:28px;padding:5px 8px;font-size:8.5px}.dispatch-parts-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dispatch-parts-stat-grid>article{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.dispatch-parts-stat-grid small{color:var(--muted);font-size:8.5px}.dispatch-parts-stat-grid strong{font-size:19px}.dispatch-parts-stat-grid em{color:var(--muted);font-size:8.5px;font-style:normal}.dispatch-part-pending{background:color-mix(in srgb,var(--danger) 2%,var(--panel))}.dispatch-chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.dispatch-chat-page-head{padding-left:14px;padding-right:14px}.dispatch-chat-panel{padding:12px 14px 14px}.dispatch-chat-panel .dispatch-chat-toolbar{margin-bottom:12px}.dispatch-chat-panel>.crm-table-scroll{border:1px solid var(--line);border-radius:10px;overflow:auto}.dispatch-record-separator{display:inline-block;margin:0 5px;color:var(--muted);font-weight:800}.dispatch-chat-search{position:relative;flex:1;max-width:520px}.dispatch-chat-search input{height:38px;padding-left:34px}.dispatch-chat-search span{position:absolute;left:11px;top:9px;color:var(--muted)}.dispatch-chat-table{min-width:760px}.dispatch-chat-table td{vertical-align:middle}.dispatch-chat-engineer{display:flex;align-items:center;gap:9px}.dispatch-chat-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue);font-size:13px;font-weight:900;flex:0 0 auto}.dispatch-chat-avatar img{width:100%;height:100%;object-fit:cover}.dispatch-chat-engineer-copy{display:grid;min-width:0}.dispatch-chat-engineer-copy strong{font-size:10px}.dispatch-chat-engineer-copy small{font-size:8.5px;color:var(--muted)}.dispatch-chat-unread{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:8px;font-weight:900}.dispatch-chat-actions{display:flex;gap:5px;justify-content:flex-end}.dispatch-chat-actions .button{min-height:29px;padding:5px 9px;font-size:8.5px}.dispatch-chat-subject-list{display:grid;gap:8px;padding:2px 0 4px}.dispatch-chat-subject-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.dispatch-chat-subject-choice:hover,.dispatch-chat-subject-choice:focus-visible{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 4%,var(--panel));outline:none}.dispatch-chat-subject-choice.is-general{border-color:color-mix(in srgb,var(--blue) 32%,var(--line))}.dispatch-chat-subject-choice>span{display:grid;gap:2px}.dispatch-chat-subject-choice strong{font-size:10px}.dispatch-chat-subject-choice small{color:var(--muted);font-size:8.5px}.dispatch-chat-subject-choice>b{color:var(--blue);font-size:16px}.dispatch-chat-subject-empty{margin:2px 0 0;padding:10px 12px;border-radius:9px;background:var(--bg);color:var(--muted);font-size:9px}.dispatch-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.dispatch-modern-chart-grid{align-items:stretch}.dispatch-chart-card{min-width:0}.dispatch-chart-card>header{align-items:flex-start}.dispatch-chart-total{color:var(--muted);font-size:9px;white-space:nowrap}.dispatch-vertical-chart{padding:14px 16px 16px}.dispatch-vertical-chart-plot{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));align-items:end;gap:18px;min-height:228px;padding:12px 12px 4px;border-radius:12px;background:linear-gradient(to top,color-mix(in srgb,var(--line) 34%,transparent) 1px,transparent 1px);background-size:100% 25%}.dispatch-vertical-chart-item{--chart-tone:var(--blue);display:grid;grid-template-rows:auto 160px auto;gap:7px;align-items:end;text-align:center}.dispatch-vertical-chart-item.is-first{--chart-tone:var(--success)}.dispatch-vertical-chart-item.is-repeat{--chart-tone:var(--blue)}.dispatch-vertical-chart-item.is-parts{--chart-tone:var(--warning)}.dispatch-vertical-chart-item>strong{font-size:15px;line-height:1}.dispatch-vertical-chart-item>small{color:var(--muted);font-size:9px;font-weight:800}.dispatch-vertical-chart-track{display:flex;align-items:flex-end;justify-content:center;height:160px;padding:0 14%;border-radius:10px;background:color-mix(in srgb,var(--chart-tone) 7%,var(--panel));overflow:hidden}.dispatch-vertical-chart-track>i{display:block;width:100%;height:max(4px,var(--bar,0%));border-radius:9px 9px 3px 3px;background:linear-gradient(to top,var(--chart-tone),color-mix(in srgb,var(--chart-tone) 70%,var(--panel)));box-shadow:0 5px 14px color-mix(in srgb,var(--chart-tone) 20%,transparent)}.dispatch-pie-layout{display:grid;grid-template-columns:minmax(180px,250px) minmax(180px,1fr);align-items:center;gap:24px;padding:18px 22px 22px}.dispatch-pie-chart{width:min(230px,100%);aspect-ratio:1;margin:auto;border-radius:50%;background:color-mix(in srgb,var(--line) 62%,var(--panel));box-shadow:0 10px 26px color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden}.dispatch-pie-chart:not(.is-empty){background-color:transparent}.dispatch-pie-chart.is-empty{background:color-mix(in srgb,var(--line) 62%,var(--panel))}.dispatch-chart-legend{display:grid;gap:10px}.dispatch-chart-legend>span{--legend-tone:var(--blue);display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.dispatch-chart-legend>span:last-child{border-bottom:0}.dispatch-chart-legend>span>i{width:10px;height:10px;border-radius:50%;background:var(--legend-tone)}.dispatch-chart-legend>span>b{font-size:9px}.dispatch-chart-legend>span>strong{font-size:11px}.dispatch-chart-legend .is-eta-30{--legend-tone:var(--success)}.dispatch-chart-legend .is-eta-60{--legend-tone:var(--blue)}.dispatch-chart-legend .is-eta-120{--legend-tone:var(--warning)}.dispatch-chart-legend .is-eta-over{--legend-tone:var(--danger)}.dispatch-detail-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dispatch-detail-title{display:grid;gap:3px}.dispatch-detail-title h1,.dispatch-detail-title p{margin:0}.dispatch-detail-title h1{font-size:20px}.dispatch-detail-title p{color:var(--muted);font-size:10px}.dispatch-back-link{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-size:9.5px;font-weight:800;text-decoration:none}.dispatch-detail-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.dispatch-detail-actions .button{display:inline-flex;align-items:center;gap:5px}.dispatch-detail-actions .nav-icon{width:14px;height:14px}.dispatch-detail-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dispatch-approval-card.has-actions{border-color:color-mix(in srgb,var(--danger) 38%,var(--line))}.dispatch-approval-card>header>b{background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--danger)}.dispatch-approval-stack{display:grid}.dispatch-approval-stack>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}.dispatch-approval-stack>article:first-child{border-top:0}.dispatch-approval-stack>article>span{display:grid;gap:2px}.dispatch-approval-stack>article small{color:var(--muted);font-size:9px}.dispatch-approval-stack>article>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.dispatch-part-adjust{grid-column:1/-1!important;display:flex!important;align-items:flex-end;gap:6px;padding:8px;border-radius:8px;background:var(--bg)}.dispatch-part-adjust[hidden]{display:none!important}.dispatch-part-adjust label{display:grid;gap:3px;flex:1}.dispatch-part-adjust label span{font-size:8.5px;font-weight:800}.dispatch-part-adjust input{height:36px}.dispatch-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.dispatch-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.dispatch-detail-list>div{display:grid;gap:2px;padding:9px 11px;border-top:1px solid var(--line)}.dispatch-detail-list>div:nth-child(-n+2){border-top:0}.dispatch-detail-list>div.is-wide{grid-column:1/-1}.dispatch-detail-list dt{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.dispatch-detail-list dd{margin:0;font-size:9.5px;line-height:1.4}.dispatch-detail-lower{align-items:start}.dispatch-evidence-strip{display:flex;gap:5px;flex-wrap:wrap;padding:9px 11px;border-top:1px solid var(--line)}.dispatch-evidence-strip>span{display:grid;gap:1px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:var(--bg)}.dispatch-evidence-strip strong{font-size:8px}.dispatch-evidence-strip small{color:var(--muted);font-size:7.5px}.dispatch-timeline-list{display:grid;gap:0;margin:0;padding:0 12px 5px;list-style:none}.dispatch-timeline-list li{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.dispatch-timeline-list li:last-child{border-bottom:0}.dispatch-timeline-list time{color:var(--muted);font-size:8px}.dispatch-timeline-list li>span{display:grid;gap:2px}.dispatch-timeline-list strong{font-size:9.5px}.dispatch-timeline-list p{margin:0;font-size:9px}.dispatch-timeline-list small{color:var(--muted);font-size:8px}.dispatch-timeline-list em{margin-top:2px;color:var(--muted);font-size:7.5px;font-style:normal}.dispatch-timeline-card>header>small{color:var(--muted);font-size:8px;font-weight:750}.dispatch-timeline-more{border-top:1px solid var(--line)}.dispatch-timeline-more>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;list-style:none;cursor:pointer;color:var(--blue);font-size:9px;font-weight:850;user-select:none}.dispatch-timeline-more>summary::-webkit-details-marker{display:none}.dispatch-timeline-more>summary:hover{background:color-mix(in srgb,var(--blue) 4%,transparent)}.dispatch-timeline-more>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.dispatch-timeline-more-chevron{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.dispatch-timeline-more[open] .dispatch-timeline-more-chevron{transform:rotate(180deg)}.dispatch-timeline-more-label.is-expanded{display:none}.dispatch-timeline-more[open] .dispatch-timeline-more-label.is-collapsed{display:none}.dispatch-timeline-more[open] .dispatch-timeline-more-label.is-expanded{display:inline}.dispatch-timeline-list-extra{padding-top:0}.crm-record-link{color:var(--blue);font-weight:750;text-decoration:none}.crm-record-link:hover{text-decoration:underline}
.dispatch-offer-dialog{width:min(860px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 40px);padding:0;border:0;border-radius:14px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow-lg,0 18px 55px color-mix(in srgb,var(--ink) 25%,transparent))}.dispatch-offer-dialog::backdrop{background:color-mix(in srgb,var(--ink) 52%,transparent)}.dispatch-dialog-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--line)}.dispatch-dialog-shell>header h2,.dispatch-dialog-shell>header p{margin:0}.dispatch-dialog-shell>header p{margin-top:3px;color:var(--muted);font-size:11px}.dispatch-dialog-close{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:26px;cursor:pointer}.dispatch-dialog-close:hover{background:var(--bg)}.dispatch-dialog-content{display:grid;gap:13px;max-height:calc(100vh - 110px);padding:16px 18px 18px;overflow:auto}.dispatch-dialog-content>footer{display:flex;justify-content:flex-end;gap:10px;padding-top:3px}.dispatch-loading{padding:34px;text-align:center;color:var(--muted)}.dispatch-offer-summary-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.dispatch-offer-summary-card>div{display:grid;gap:3px}.dispatch-offer-summary-card .is-wide{grid-column:1/-1}.dispatch-offer-summary-card span,.dispatch-payment-field>span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.dispatch-offer-summary-card p{margin:0;white-space:pre-wrap}.dispatch-payment-field{display:grid;gap:6px}.dispatch-payment-field>div{display:grid;grid-template-columns:40px minmax(0,220px);align-items:center}.dispatch-payment-field b{display:grid;place-items:center;height:40px;border:1px solid var(--line);border-right:0;border-radius:8px 0 0 8px;background:var(--bg)}.dispatch-payment-field input{height:40px;border-radius:0 8px 8px 0}.dispatch-engineer-picker{display:grid;gap:10px;min-height:0}.dispatch-engineer-picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.dispatch-engineer-filters{display:grid;grid-template-columns:minmax(260px,1fr) minmax(150px,200px);gap:10px;width:min(730px,100%)}.dispatch-engineer-filters label{display:grid;gap:6px;min-width:0}.dispatch-engineer-filters label span{font-weight:800}.dispatch-engineer-counts{display:grid;gap:2px;text-align:right;white-space:nowrap;color:var(--muted)}.dispatch-engineer-counts strong{color:var(--ink)}.dispatch-engineer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;padding:2px}.dispatch-engineer-option{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);cursor:pointer}.dispatch-engineer-option[hidden]{display:none!important}.dispatch-engineer-option:hover{border-color:var(--blue);background:var(--bg)}.dispatch-engineer-option input{width:17px;height:17px;flex:0 0 17px}.dispatch-engineer-option span{display:grid;min-width:0}.dispatch-engineer-option strong,.dispatch-engineer-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dispatch-engineer-option small{color:var(--muted)}.dispatch-radius-empty{margin:0;padding:12px;border:1px dashed var(--line);border-radius:9px;text-align:center;color:var(--muted)}
@media(max-width:1180px){.dispatch-ops-shell{grid-template-columns:175px minmax(0,1fr)}.dispatch-dashboard-grid{grid-template-columns:minmax(230px,.8fr) minmax(0,1.35fr)}.dispatch-dashboard-stats,.dispatch-parts-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-detail-grid{grid-template-columns:1fr}.dispatch-engineer-options{grid-template-columns:1fr}}
@media(max-width:880px){.dispatch-ops-shell{grid-template-columns:1fr}.dispatch-ops-nav{position:relative;top:auto;min-height:auto}.dispatch-ops-brand,.dispatch-ops-search,.dispatch-ops-nav-status{display:none}.dispatch-ops-nav-list{display:flex;gap:5px;overflow-x:auto;padding:1px}.dispatch-ops-nav-link{flex:0 0 auto;border:1px solid var(--line)}.dispatch-dashboard-grid{grid-template-columns:1fr}.dispatch-dashboard-head{align-items:flex-start;flex-direction:column}.dispatch-detail-page-head{flex-direction:column}.dispatch-detail-actions{justify-content:flex-start}.dispatch-chart-grid{grid-template-columns:1fr}.dispatch-pie-layout{grid-template-columns:1fr}.dispatch-pie-chart{width:min(220px,72vw)}.dispatch-map-stage.is-detail{min-height:260px}}
@media(max-width:620px){.dispatch-dashboard-stats,.dispatch-parts-stat-grid,.dispatch-detail-stats{grid-template-columns:1fr 1fr}.dispatch-dashboard-stats>a,.dispatch-dashboard-stats>article{min-height:72px;padding:10px}.dispatch-dashboard-stats strong{font-size:20px}.dispatch-active-panel .crm-table-scroll{overflow:auto}.dispatch-dashboard-table{min-width:640px}.dispatch-progress-table{min-width:760px}.dispatch-approval-stack>article{grid-template-columns:1fr}.dispatch-approval-stack>article>div{justify-content:flex-start}.dispatch-detail-list{grid-template-columns:1fr}.dispatch-detail-list>div:nth-child(2){border-top:1px solid var(--line)}.dispatch-detail-list>div.is-wide{grid-column:auto}.dispatch-timeline-list li{grid-template-columns:1fr;gap:3px}.dispatch-offer-summary-card{grid-template-columns:1fr}.dispatch-offer-summary-card .is-wide{grid-column:auto}.dispatch-engineer-filters{grid-template-columns:1fr}.dispatch-engineer-picker-head{align-items:stretch;flex-direction:column}.dispatch-engineer-counts{text-align:left}}
/* Canonical shared Files library */
.crm-global-file-table{min-width:900px}
.contact-job-drawer.crm-global-file-drawer{width:min(620px,100vw)}
.contact-job-drawer.crm-global-file-drawer[popover]{inset:0 0 0 auto;margin:0;border:0;padding:0;height:100dvh;max-height:100dvh;transform:none;pointer-events:auto;overflow:hidden}
.contact-job-drawer.crm-global-file-drawer[popover]:not(:popover-open){display:none}
.contact-job-drawer.crm-global-file-drawer[popover]:popover-open{display:grid}
.contact-job-drawer.crm-global-file-drawer[popover]::backdrop{background:rgba(15,35,55,.42)}
.crm-global-file-form{display:grid;gap:18px}
.crm-global-file-form>label{display:grid;gap:7px}
.crm-global-file-form>label>span{font-weight:800;color:var(--text)}
.crm-global-file-form input[type="text"]{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:10px;color:var(--ink)}
.crm-global-file-drop{padding:18px;border:2px dashed var(--line);border-radius:12px;background:var(--bg);transition:border-color .15s ease,background .15s ease}
.crm-global-file-drop.is-dragover{border-color:var(--blue);background:#edf5ff}
.crm-global-file-drop input[type="file"]{width:100%;margin:4px 0}
.crm-global-file-drop strong{color:var(--ink)}
.crm-global-file-drop small,.crm-global-file-form label>small{color:var(--muted)}

/* CRM_SIGNED_DOCUMENTS_CANONICAL_START */
.signed-document-builder-drawer{top:var(--topbar-h,54px);width:min(1100px,96vw);max-width:1100px}
.signed-document-recipient-tools{display:grid;grid-template-columns:auto minmax(260px,1fr);align-items:end;gap:14px;margin-bottom:14px}
.signed-document-recipient-type{display:flex;gap:8px;flex-wrap:wrap}
.signed-document-recipient-type .active{box-shadow:0 0 0 3px rgba(25,103,210,.15)}
.signed-document-recipient-results{max-height:280px;overflow:auto;margin:10px 0 14px}
.signed-document-details-grid .span{grid-column:1/-1}
.signed-document-row-actions{min-width:240px}
.signed-documents-table td small{display:block;margin-top:5px;color:#55708a}
.signed-document-history{display:grid;gap:8px;max-height:520px;overflow:auto}
.signed-document-history article{border:1px solid #d4e0ec;border-radius:10px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;background:#f8fbfe}
.signed-document-history article span{text-transform:capitalize;font-weight:800;color:#102a43}
.signed-document-history article small{grid-column:1/-1;color:#55708a;overflow-wrap:anywhere}
.signed-document-template-tools{display:flex;align-items:center;gap:6px;padding:0 8px;border-left:1px solid #d7e0ea;border-right:1px solid #d7e0ea;flex-wrap:wrap}
.signed-document-template-tools>span{font-size:11px;font-weight:800;color:#55708a;white-space:nowrap}
.signed-document-template-tools[hidden]{display:none!important}
.signed-document-template-field{display:flex;align-items:center;min-width:120px;min-height:34px;padding:0;border:2px dashed #1d6fe8;border-radius:5px;background:#e9f3ff;color:#0b4fa7;font:700 12px/1.2 Arial,sans-serif;white-space:nowrap;cursor:move;user-select:none}
.signed-document-template-field.is-moving{opacity:.82;box-shadow:0 8px 22px rgba(16,42,67,.22)}
.signed-document-template-field-body{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:5px 10px;box-sizing:border-box;pointer-events:none}
.signed-document-template-input-label{display:block;width:100%;font-size:10px;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signed-document-template-input-preview{display:block;width:100%;margin-top:3px;padding:5px 7px;border:1px solid #9fbee2;border-radius:4px;background:#fff;color:#58708a;font-size:11px;font-weight:600;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signed-document-template-field[data-signed-field="text_input"] .signed-document-template-field-body,.signed-document-template-field[data-signed-field="secure_input"] .signed-document-template-field-body{display:block;padding:5px 28px 5px 7px}.signed-document-field-edit{position:absolute;right:4px;top:4px;z-index:5;width:24px!important;min-width:24px!important;height:24px!important;padding:0!important;border:1px solid #9fbee2!important;border-radius:4px!important;background:#fff!important;color:#0b4fa7!important;cursor:pointer!important;font-size:12px!important;line-height:22px!important}.signed-document-field-edit:hover{background:#eef5ff!important}
.signed-document-template-field[data-signed-field="signature"]{min-width:210px;min-height:58px}
.signed-document-template-field[data-signed-field="acknowledgement"]{min-width:135px}
.signed-document-template-field[data-signed-field="text_input"],.signed-document-template-field[data-signed-field="secure_input"]{min-width:190px;min-height:54px}
.template-signed-field-settings-backdrop{position:fixed;z-index:9300;inset:0;display:grid;place-items:center;padding:24px;background:rgba(14,24,37,.36)}.template-signed-field-settings-backdrop[hidden]{display:none!important}.template-signed-field-settings{width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #c8d6e5;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(16,42,67,.28)}.template-signed-field-settings>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px 14px;border-bottom:1px solid #d7e0ea}.template-signed-field-settings>header div{display:grid;gap:3px}.template-signed-field-settings>header strong{font-size:18px}.template-signed-field-settings>header span{color:var(--muted);font-size:12px}.template-signed-field-settings>header button{width:34px;height:34px;border:1px solid #c7d4e3;border-radius:8px;background:#fff;color:var(--ink);font-size:20px;cursor:pointer}.template-signed-field-settings-body{display:grid;gap:14px;padding:18px 20px}.template-signed-field-settings-body label{display:grid;gap:6px;font-weight:800}.template-signed-field-settings-body label>span{font-size:12px}.template-signed-field-settings-body input[type="text"]{width:100%}.template-signed-field-required{grid-template-columns:auto 1fr!important;align-items:center!important;font-weight:600!important}.template-signed-field-required input{width:auto!important;margin:0}.template-signed-field-settings-body p{margin:0;padding:10px 12px;border:1px solid #d5dfeb;border-radius:8px;background:#f6f9fc;color:#58708a;font-size:12px;line-height:1.45}.template-signed-field-settings>footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 18px;border-top:1px solid #d7e0ea}
.signed-document-completed-field{display:inline-block;padding:3px 6px;border-bottom:1px solid #334e68;min-width:80px}
.signed-document-completed-signature{min-width:220px;min-height:70px}

.signed-document-public-page{margin:0;background:#eef4f8;color:#102a43;font-family:Arial,sans-serif;min-height:100vh}
.signed-document-public-shell{width:min(1420px,calc(100% - 32px));margin:24px auto 48px}
.signed-document-public-head{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #cfdae7;border-radius:16px;padding:22px 26px;box-shadow:0 10px 30px rgba(16,42,67,.08)}
.signed-document-public-head h1{margin:5px 0 2px;font-size:clamp(24px,4vw,38px)}
.signed-document-public-head p{margin:0;color:#55708a}
.signed-document-secure-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1769d2}
.signed-document-secure-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e6f6ec;color:#17813b;font-size:28px;font-weight:900}
.signed-document-review-intro{padding:22px 2px 10px}.signed-document-review-intro h2{margin:0 0 5px}.signed-document-review-intro p{margin:0;color:#55708a}
.signed-document-field-navigator{position:sticky;top:10px;z-index:80;display:flex;justify-content:flex-end;align-items:center;gap:12px;width:max-content;max-width:100%;margin:0 0 12px auto;padding:8px 9px 8px 15px;border:1px solid #bfd0e2;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(16,42,67,.16)}
.signed-document-field-navigator[hidden]{display:none!important}.signed-document-field-navigator span{font-size:13px;font-weight:800;color:#334e68;white-space:nowrap}.signed-document-field-navigator .button{min-width:92px;border-radius:999px}
.signed-document-public-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}
.signed-document-public-preview{background:#dce5ed;border-radius:16px;padding:24px;overflow:auto;max-height:calc(100vh - 185px)}
.signed-document-public-document{width:794px;min-height:1123px;margin:0 auto;background:#fff;box-shadow:0 8px 30px rgba(16,42,67,.2);overflow:hidden}
.signed-document-public-document .template-letter-document{margin:0}.signed-document-public-document .template-a4-page{box-shadow:none;margin:0 auto}
.signed-document-public-field{cursor:pointer!important;box-shadow:0 0 0 4px rgba(29,111,232,.15);animation:signedFieldPulse 2.4s ease-in-out infinite}
.signed-document-public-field.is-current{z-index:40!important;box-shadow:0 0 0 7px rgba(29,111,232,.32),0 8px 24px rgba(16,42,67,.2)!important;animation:none}
.signed-document-public-field.is-complete{border-color:#1c8a49!important;background:#eaf8ef!important;color:#176b38!important;box-shadow:0 0 0 3px rgba(28,138,73,.16);animation:none}
.signed-document-public-field.is-complete::after{content:'✓';position:absolute;right:-9px;top:-11px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1c8a49;color:#fff;font-size:13px;font-weight:900;box-shadow:0 2px 7px rgba(16,42,67,.2)}
.signed-document-public-input-field{cursor:text!important;animation:none}.signed-document-public-input-field .signed-document-template-field-body{display:block!important;padding:5px!important;pointer-events:auto!important}.signed-document-public-input-field input[data-signed-recipient-input]{display:block;width:100%;height:100%;min-height:34px;margin:0;padding:7px 9px;border:1.5px solid #1d6fe8;border-radius:4px;background:#fff;color:#102a43;font:600 13px/1.25 Arial,sans-serif;outline:none;box-sizing:border-box;user-select:text;cursor:text}.signed-document-public-input-field input[data-signed-recipient-input]:focus{border-color:#0b4fa7;box-shadow:0 0 0 3px rgba(29,111,232,.18)}.signed-document-public-input-field.is-complete input[data-signed-recipient-input]{border-color:#1c8a49;background:#fbfffc}
@keyframes signedFieldPulse{0%,100%{box-shadow:0 0 0 3px rgba(29,111,232,.12)}50%{box-shadow:0 0 0 7px rgba(29,111,232,.22)}}
.signed-document-signing-panel{position:sticky;top:16px;background:#fff;border:1px solid #cfdae7;border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(16,42,67,.08)}
.signed-document-signing-panel h2{margin:0 0 16px}.signed-document-signing-panel label{display:grid;gap:6px;margin-bottom:14px}.signed-document-signing-panel label>span{font-weight:700}.signed-document-signing-panel input,.signed-document-signing-panel textarea{width:100%;box-sizing:border-box;border:1px solid #b8cbe0;border-radius:8px;padding:11px;font:inherit}
.signed-document-sign-tabs{display:flex;gap:6px;margin:4px 0 10px}.signed-document-sign-tabs button{flex:1;border:1px solid #b8cbe0;background:#fff;border-radius:8px;padding:10px;font-weight:800;color:#102a43}.signed-document-sign-tabs button.active{background:#1769d2;color:#fff;border-color:#1769d2}
.signed-document-canvas-wrap{border:2px dashed #9fb7cf;border-radius:10px;background:#fff;overflow:hidden}.signed-document-canvas-wrap canvas{display:block;width:100%;height:128px;touch-action:none;cursor:crosshair}
.signed-document-typed-signature{font-family:cursive!important;font-size:26px!important}
.signed-document-consent{grid-template-columns:auto 1fr!important;align-items:start;background:#f3f7fb;border-radius:10px;padding:12px;margin-top:18px}.signed-document-consent input{width:auto;margin-top:3px}
.signed-document-submit{width:100%;margin-top:8px}
.signed-document-public-state{margin:28px 0;background:#fff;border:1px solid #cfdae7;border-radius:16px;padding:30px}.signed-document-public-state.success{border-color:#94d9aa;background:#f3fff6}.signed-document-public-state.error{border-color:#e7a7ac;background:#fff7f7}
.signed-document-public-footer{padding:22px;text-align:center;color:#55708a;font-size:12px}
@media(max-width:1050px){.signed-document-public-layout{grid-template-columns:1fr}.signed-document-signing-panel{position:static}.signed-document-public-preview{max-height:none}.signed-document-public-document{transform-origin:top left}.signed-document-recipient-tools{grid-template-columns:1fr}}
@media(max-width:850px){.signed-document-public-page{padding-bottom:78px}.signed-document-public-shell{width:100%;margin:0}.signed-document-public-head{border-radius:0}.signed-document-public-preview{border-radius:0;padding:10px}.signed-document-public-document{width:100%;min-height:0}.signed-document-public-document .template-a4-page{width:100%!important;min-height:auto!important}.signed-document-signing-panel{border-radius:0}.signed-document-template-tools{flex-basis:100%;border-left:0;border-right:0;border-top:1px solid #d7e0ea;padding:7px 0 0;flex-wrap:wrap}.signed-document-field-navigator{position:fixed;left:10px;right:10px;top:auto;bottom:10px;width:auto;max-width:none;margin:0;justify-content:space-between;border-radius:13px;padding:9px 9px 9px 13px}.signed-document-field-navigator span{overflow:hidden;text-overflow:ellipsis}.signed-document-field-navigator .button{flex:0 0 auto}}
/* CRM_SIGNED_DOCUMENTS_CANONICAL_END */


/* Canonical Web Chat module */
.web-chat-window-page{
    margin:0;
    overflow:hidden;
    background:var(--bg,#f1f4f8)
}
.web-chat-window{
    height:100vh;
    display:grid;
    grid-template-rows:58px 1fr
}
.web-chat-window-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 18px;
    background:var(--topbar-bg,var(--nav));
    color:var(--topbar-text,#fff)
}
.web-chat-window-brand{
    display:flex;
    align-items:center;
    gap:10px
}
.web-chat-window-brand img{
    max-height:36px;
    max-width:140px
}
.web-chat-window-brand div{
    display:grid
}
.web-chat-window-brand small,
.web-chat-window-status{
    opacity:.8
}
.web-chat-window-status{
    display:flex;
    align-items:center;
    gap:7px
}
.web-chat-window-status>span:first-child{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#ef4444
}
.web-chat-window-status>span:first-child.is-connected{
    background:#22c55e
}
.web-chat-console{
    min-height:0;
    display:grid;
    grid-template-columns:310px 1fr
}
.web-chat-conversations{
    min-height:0;
    border-right:1px solid var(--line);
    background:var(--panel);
    display:grid;
    grid-template-rows:auto 1fr
}
.web-chat-conversation-head{
    display:flex;
    justify-content:space-between;
    padding:16px;
    border-bottom:1px solid var(--line)
}
.web-chat-conversation-list{
    overflow:auto;
    padding:8px
}
.web-chat-conversation{
    width:100%;
    border:0;
    border-radius:10px;
    background:transparent;
    padding:11px;
    text-align:left;
    display:grid;
    gap:4px;
    cursor:pointer
}
.web-chat-conversation:hover,
.web-chat-conversation.active{
    background:#eef5ff
}
.web-chat-source-badge{
    font-size:11px;
    font-weight:800;
    color:var(--blue);
    text-transform:uppercase
}
.web-chat-conversation strong{
    color:var(--ink)
}
.web-chat-conversation small{
    color:var(--muted)
}
.web-chat-thread{
    min-width:0;
    min-height:0;
    background:#f7f9fc
}
.web-chat-thread-empty:not([hidden]){
    height:100%;
    display:grid;
    place-content:center;
    text-align:center;
    color:var(--muted)
}
.web-chat-thread-empty>div{
    font-size:42px
}
.web-chat-thread-active:not([hidden]){
    height:100%;
    display:grid;
    grid-template-rows:auto 1fr auto
}
.web-chat-thread-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    background:var(--panel);
    border-bottom:1px solid var(--line)
}
.web-chat-thread-head>div{
    display:grid
}
.web-chat-thread-head small{
    color:var(--muted)
}
.web-chat-messages{
    overflow:auto;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:10px
}
.web-chat-message{
    max-width:min(72%,700px);
    display:grid;
    gap:4px
}
.web-chat-message>div{
    background:#fff;
    border:1px solid var(--line);
    border-radius:12px;
    padding:10px 12px;
    white-space:pre-wrap
}
.web-chat-message.operator{
    align-self:flex-end
}
.web-chat-message.operator>div{
    background:var(--blue);
    color:#fff;
    border-color:var(--blue)
}
.web-chat-message.bot{
    align-self:flex-end
}
.web-chat-message.system{
    align-self:center;
    max-width:90%;
    font-style:italic
}
.web-chat-message small{
    color:var(--muted);
    font-size:11px
}
.web-chat-composer{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    padding:14px;
    background:var(--panel);
    border-top:1px solid var(--line)
    align-items:end
}
.web-chat-composer textarea{
    resize:none;
    min-height:44px
    max-height:220px;
    overflow-y:hidden
}
.web-chat-empty{
    padding:20px;
    text-align:center;
    color:var(--muted)
}
.web-chat-stats-cards{
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr))
}
@media(max-width:800px){
    .web-chat-console{
        grid-template-columns:240px 1fr
    }
    .web-chat-message{
        max-width:86%
    }
}

/* CRM_NAV_ATTENTION_CANONICAL_START */
/* Reused by Web Chat, Inbound Leads, Active Jobs and Call Logs. */
/*
 * One canonical animated outer-edge attention component, scoped only to the
 * existing Web Chat and Inbound Leads nav parents. The effect is clipped
 * inside the item and cannot intercept clicks.
 */
.nav-group[data-nav-key="web-chat"] > .nav-parent,
.nav-group[data-nav-key="inbound-leads"] > .nav-parent,
.nav-group[data-nav-key="active-jobs"] > .nav-parent,
.nav-group[data-nav-key="call-logs"] > .nav-parent{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.nav-group[data-nav-key="web-chat"] > .nav-parent > *,
.nav-group[data-nav-key="inbound-leads"] > .nav-parent > *,
.nav-group[data-nav-key="active-jobs"] > .nav-parent > *,
.nav-group[data-nav-key="call-logs"] > .nav-parent > *{
    position:relative;
    z-index:1;
}

/*
 * Web Chat and Inbound Leads both carry a numeric attention badge.
 * Keep their badge/chevron layout identical without changing any generic nav
 * selector or any other navigation item.
 */
.nav-group[data-nav-key="web-chat"] > .nav-parent,
.nav-group[data-nav-key="inbound-leads"] > .nav-parent,
.nav-group[data-nav-key="active-jobs"] > .nav-parent,
.nav-group[data-nav-key="call-logs"] > .nav-parent{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
}
.nav-group[data-nav-key="web-chat"] > .nav-parent .nav-label,
.nav-group[data-nav-key="inbound-leads"] > .nav-parent .nav-label,
.nav-group[data-nav-key="active-jobs"] > .nav-parent .nav-label,
.nav-group[data-nav-key="call-logs"] > .nav-parent .nav-label{
    flex:1 1 auto;
    min-width:0;
}
.nav-group[data-nav-key="web-chat"] > .nav-parent #webChatNavBadge,
.nav-group[data-nav-key="inbound-leads"] > .nav-parent #inboundLeadNavBadge,
.nav-group[data-nav-key="active-jobs"] > .nav-parent #activeJobsNavBadge,
.nav-group[data-nav-key="call-logs"] > .nav-parent #callLogsNavBadge{
    position:static;
    inset:auto;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    flex:0 0 auto;
    margin-left:auto;
    transform:none;
}
.nav-group[data-nav-key="web-chat"] > .nav-parent .nav-chevron,
.nav-group[data-nav-key="inbound-leads"] > .nav-parent .nav-chevron,
.nav-group[data-nav-key="active-jobs"] > .nav-parent .nav-chevron,
.nav-group[data-nav-key="call-logs"] > .nav-parent .nav-chevron{
    flex:0 0 18px;
    margin-left:0;
}

.nav-group[data-nav-key="web-chat"] > .nav-parent.has-nav-attention::before,
.nav-group[data-nav-key="inbound-leads"] > .nav-parent.has-nav-attention::before,
.nav-group[data-nav-key="active-jobs"] > .nav-parent.has-nav-attention::before,
.nav-group[data-nav-key="call-logs"] > .nav-parent.has-nav-attention::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    padding:1.5px;
    border-radius:inherit;
    pointer-events:none;
    background:conic-gradient(
        from var(--nav-attention-angle),
        rgba(255,255,255,0) 0deg,
        rgba(255,255,255,0) 276deg,
        rgba(239,68,68,.14) 289deg,
        rgba(248,113,113,.96) 307deg,
        rgba(236,72,153,.98) 326deg,
        rgba(168,85,247,.96) 345deg,
        rgba(96,165,250,.88) 357deg,
        rgba(255,255,255,0) 360deg
    );
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite:exclude;
    animation:crmNavAttentionOrbit 2.4s linear infinite;
}
@property --nav-attention-angle{
    syntax:"<angle>";
    inherits:false;
    initial-value:0deg;
}
@keyframes crmNavAttentionOrbit{
    to{--nav-attention-angle:1turn}
}
@media (prefers-reduced-motion: reduce){
    .nav-group[data-nav-key="web-chat"] > .nav-parent.has-nav-attention::before,
    .nav-group[data-nav-key="inbound-leads"] > .nav-parent.has-nav-attention::before,
    .nav-group[data-nav-key="active-jobs"] > .nav-parent.has-nav-attention::before,
    .nav-group[data-nav-key="call-logs"] > .nav-parent.has-nav-attention::before{
        animation:none;
        --nav-attention-angle:324deg;
        opacity:.82;
    }
}
/* CRM_NAV_ATTENTION_CANONICAL_END */
/* Canonical AI call log components */
.ai-call-logs-page{display:grid;gap:16px}
.ai-call-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);padding-bottom:10px}
.ai-call-tabs a{padding:9px 14px;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:800}
.ai-call-tabs a:hover,.ai-call-tabs a.active{background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue)}
.ai-call-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.ai-call-toolbar label{display:grid;gap:6px;flex:1 1 160px;max-width:220px}
.ai-call-toolbar label>span{font-weight:700}
.ai-call-toolbar .button{width:auto;white-space:nowrap;flex:0 0 auto}
.ai-call-refresh-status{margin-left:auto;align-self:center;min-width:180px;text-align:right;color:var(--muted);font-size:12px}
.ai-call-table tbody tr[data-call-id]{cursor:pointer}
.ai-call-table tbody tr[data-call-id]:hover,.ai-call-table tbody tr[data-call-id].is-active{background:color-mix(in srgb,var(--blue) 7%,var(--panel))}
.ai-call-empty{text-align:center;color:var(--muted);padding:28px!important}
.ai-call-badge{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--muted) 11%,var(--panel));color:var(--ink);font-size:12px;font-weight:800}
.ai-call-badge.is-positive{background:color-mix(in srgb,var(--success) 13%,var(--panel));color:var(--success)}
.ai-call-badge.is-negative{background:color-mix(in srgb,var(--danger) 12%,var(--panel));color:var(--danger)}
.ai-call-badge.is-neutral{background:color-mix(in srgb,var(--muted) 12%,var(--panel));color:var(--muted)}
html.ai-call-drawer-open body{overflow:hidden}
.ai-call-drawer-backdrop{position:fixed;top:var(--topbar-h);right:0;bottom:0;left:0;z-index:2600;background:color-mix(in srgb,var(--ink) 38%,transparent);opacity:0;visibility:hidden;transition:opacity .2s ease}
.ai-call-drawer-backdrop.is-open{opacity:1;visibility:visible}
.ai-call-drawer{position:fixed;top:var(--topbar-h);right:0;bottom:0;z-index:2601;width:min(760px,100vw);background:var(--panel);color:var(--ink);border-left:1px solid var(--line);transform:translateX(100%);transition:transform .22s ease;display:grid;grid-template-rows:auto minmax(0,1fr);box-shadow:-18px 0 44px color-mix(in srgb,var(--ink) 18%,transparent)}
.ai-call-drawer.is-open{transform:none}
.ai-call-drawer-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line)}
.ai-call-drawer-head h2{margin:0}
.ai-call-drawer-subtitle{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.ai-call-drawer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ai-call-close{border:0;background:transparent;color:var(--ink);font-size:28px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px}
.ai-call-close:hover{background:color-mix(in srgb,var(--muted) 10%,var(--panel))}
.ai-call-drawer-body{min-height:0;overflow:auto;padding:0 22px 26px}
.ai-call-section{padding:18px 0;border-bottom:1px solid var(--line)}
.ai-call-section:last-child{border-bottom:0}
.ai-call-section h3{margin:0 0 10px}
.ai-call-section p{white-space:pre-wrap}
.ai-call-section audio{width:100%}
.ai-call-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.ai-call-analysis-item{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--bg)}
.ai-call-analysis-item small{display:block;color:var(--muted)}
.ai-call-analysis-item strong{display:block;margin-top:3px}
.ai-call-transcript{display:grid;gap:10px}
.ai-call-message{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--panel)}
.ai-call-message.is-user{background:color-mix(in srgb,var(--blue) 6%,var(--panel))}
.ai-call-message.is-agent{background:color-mix(in srgb,var(--success) 6%,var(--panel))}
.ai-call-message strong{display:block;margin-bottom:5px}
.ai-call-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-call-muted{color:var(--muted)}
.ai-call-confirm-backdrop{position:fixed;inset:0;z-index:2700;background:color-mix(in srgb,var(--ink) 42%,transparent);display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .18s ease}
.ai-call-confirm-backdrop.is-open{opacity:1;visibility:visible}
.ai-call-confirm{width:min(470px,100%);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 18px 50px color-mix(in srgb,var(--ink) 18%,transparent)}
.ai-call-confirm h2{margin:0 0 8px}
.ai-call-confirm p{margin:0;color:var(--muted)}
.ai-call-confirm-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px}
.ai-call-confirm-actions .button{flex:1 1 140px;max-width:220px}


/* CRM_WEB_CHAT_FLOW_BUILDER_CANONICAL_START */
.settings-shell.settings-shell-web-chat-flow{grid-template-columns:minmax(0,1fr)}
.settings-main-panel.settings-main-panel-web-chat-flow{width:100%;max-width:none;min-width:0}
.web-chat-settings-primary-tabs{margin-bottom:18px}
.web-chat-flow-page{display:grid;gap:16px;min-width:0}
.web-chat-flow-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px 0}
.web-chat-flow-page-heading{display:flex;align-items:flex-start;gap:14px;min-width:0}
.web-chat-flow-page-heading>div{min-width:0}
.web-chat-flow-page-head h2{margin:2px 0 4px;font-size:25px}
.web-chat-flow-page-head p{margin:0;max-width:900px;color:var(--muted)}
.web-chat-flow-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}
.web-chat-flow-foundation-note{margin:0}
.web-chat-flow-list-stage,.web-chat-flow-editor-stage{min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}
.web-chat-flow-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}
.web-chat-flow-list-toolbar h3,.web-chat-flow-list-toolbar p{margin:0}
.web-chat-flow-list-toolbar p{margin-top:3px;color:var(--muted)}
.web-chat-flow-list-tools{display:flex;align-items:center;gap:10px;min-width:min(420px,45%)}
.web-chat-flow-search{flex:1;min-width:180px}.web-chat-flow-search input{width:100%;min-height:40px}
.web-chat-flow-count{min-width:34px;height:34px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 8%,var(--panel));color:var(--muted);font-size:12px;font-weight:800}
.web-chat-flow-selection-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--blue) 4%,var(--panel))}.web-chat-flow-selection-actions[hidden]{display:none}.web-chat-flow-selection-actions>strong{font-size:12px;color:var(--muted)}.web-chat-flow-selection-actions>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.web-chat-flow-table-wrap{overflow:auto}.web-chat-flow-table{width:100%;border-collapse:collapse;min-width:860px}.web-chat-flow-table th,.web-chat-flow-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.web-chat-flow-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:color-mix(in srgb,var(--bg) 52%,var(--panel));white-space:nowrap}.web-chat-flow-table tbody tr{transition:background .14s ease}.web-chat-flow-table tbody tr:hover{background:color-mix(in srgb,var(--blue) 3%,var(--panel))}.web-chat-flow-table tbody tr.is-selected{background:color-mix(in srgb,var(--blue) 7%,var(--panel))}.flow-select-col{width:46px;text-align:center!important}.flow-select-col input{width:17px;height:17px;accent-color:var(--blue)}.web-chat-flow-table-name{display:grid;gap:3px;min-width:230px;border:0;background:transparent;color:var(--ink);text-align:left;padding:0;cursor:pointer}.web-chat-flow-table-name strong{font-size:13px}.web-chat-flow-table-name small{max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.web-chat-flow-runtime-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;background:color-mix(in srgb,var(--muted) 8%,var(--panel));color:var(--muted);white-space:nowrap}.web-chat-flow-runtime-status>span{width:7px;height:7px;border-radius:50%;background:currentColor}.web-chat-flow-runtime-status.status-live{background:color-mix(in srgb,var(--success) 10%,var(--panel));color:var(--success)}.web-chat-flow-runtime-status.status-live-with-changes{background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue)}.web-chat-flow-runtime-status.status-paused{background:color-mix(in srgb,var(--danger) 8%,var(--panel));color:var(--danger)}.web-chat-flow-table td>.web-chat-flow-runtime-status+small{display:block;max-width:240px;margin-top:4px;color:var(--muted);font-size:9.5px;line-height:1.3}
.web-chat-flow-list-empty{padding:64px 24px;text-align:center;color:var(--muted);display:grid;justify-items:center}.web-chat-flow-list-empty[hidden]{display:none}.web-chat-flow-list-empty h3{margin:12px 0 4px;color:var(--ink)}.web-chat-flow-list-empty p{margin:0 0 18px}.web-chat-flow-search-empty{padding:42px 18px!important;text-align:center!important;color:var(--muted)}.web-chat-flow-empty-icon{width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue);display:grid;place-items:center;font-size:28px;font-weight:900}
.web-chat-flow-kind-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.06em;white-space:nowrap}.web-chat-flow-kind-badge[data-kind="subflow"]{background:color-mix(in srgb,var(--success) 10%,var(--panel));color:var(--success)}
.web-chat-flow-editor-stage{min-height:690px}
.web-chat-flow-editor-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel)}
.web-chat-flow-editor-left{display:flex;align-items:center;gap:10px;min-width:0}
.web-chat-flow-title-fields{display:grid;grid-template-columns:minmax(180px,280px) minmax(220px,520px);gap:8px;min-width:0;flex:1}.web-chat-flow-title-fields input{min-height:38px}.web-chat-flow-title-fields [data-flow-name]{font-weight:800}
.web-chat-flow-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.web-chat-flow-editor-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap;margin-right:4px}
.web-chat-flow-editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:clamp(630px,calc(100vh - 290px),900px);min-height:630px;min-width:0;background:color-mix(in srgb,var(--bg) 72%,var(--panel))}
.web-chat-flow-editor-workspace.node-side-collapsed{grid-template-columns:minmax(0,1fr) 52px}
.web-chat-flow-builder-panel{min-width:0;height:100%;position:relative;border-right:1px solid var(--line)}
.web-chat-flow-canvas-wrap{position:absolute;inset:0;min-height:630px;height:100%}
.web-chat-flow-canvas-tools{position:absolute;z-index:8;top:12px;left:12px;display:flex;gap:5px;align-items:center;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 4px 14px color-mix(in srgb,var(--ink) 8%,transparent)}
.web-chat-flow-canvas-tools button{border:0;background:color-mix(in srgb,var(--bg) 58%,var(--panel));color:var(--ink);border-radius:6px;min-width:32px;height:32px;cursor:pointer;font-weight:800}.web-chat-flow-canvas-tools button:first-child{padding:0 11px;background:var(--blue);color:var(--panel)}.web-chat-flow-canvas-tools button:disabled{opacity:.45;cursor:not-allowed}.web-chat-flow-canvas-tools span{min-width:46px;text-align:center;font-size:12px;font-weight:800}
.web-chat-flow-canvas{position:absolute;inset:0;overflow:auto;cursor:default;background-color:color-mix(in srgb,var(--bg) 68%,var(--panel));background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:20px 20px}.web-chat-flow-canvas.is-panning{cursor:grabbing}
.web-chat-flow-lines,.web-chat-flow-nodes{position:absolute;left:0;top:0;width:5000px;height:5000px;pointer-events:none}.web-chat-flow-selection-box{position:absolute;z-index:7;border:1px solid var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent);border-radius:4px;pointer-events:none}.web-chat-flow-selection-box[hidden]{display:none}.web-chat-flow-lines{overflow:visible}.web-chat-flow-lines .web-chat-flow-edge-path{fill:none;stroke:color-mix(in srgb,var(--muted) 65%,var(--line));stroke-width:2;pointer-events:none;transition:stroke .12s ease,stroke-width .12s ease,filter .12s ease}.web-chat-flow-lines text{font-size:11px;fill:var(--muted);text-anchor:start;paint-order:stroke;stroke:color-mix(in srgb,var(--bg) 68%,var(--panel));stroke-width:5px;pointer-events:none;transition:fill .12s ease,font-weight .12s ease}.web-chat-flow-lines .web-chat-flow-edge-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:pointer}.web-chat-flow-lines .web-chat-flow-edge:hover .web-chat-flow-edge-path{stroke:color-mix(in srgb,var(--blue) 78%,var(--muted));stroke-width:2.6}.web-chat-flow-lines .web-chat-flow-edge:hover text{fill:var(--blue)}.web-chat-flow-lines .web-chat-flow-edge.is-selected .web-chat-flow-edge-path{stroke:var(--danger);stroke-width:3.4;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--danger) 45%,transparent))}.web-chat-flow-lines .web-chat-flow-edge.is-selected text{fill:var(--danger);font-weight:900}.web-chat-flow-lines .web-chat-flow-edge.is-selected .web-chat-flow-edge-hit{cursor:context-menu}.web-chat-flow-lines g.is-drafting path{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-dasharray:7 5;pointer-events:none}.web-chat-flow-lines g.is-drafting text{fill:var(--blue);font-weight:900}.web-chat-flow-nodes{pointer-events:auto}
.web-chat-flow-node{position:absolute;width:200px;min-height:118px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 8px 20px color-mix(in srgb,var(--ink) 8%,transparent);cursor:grab;user-select:none;overflow:visible}.web-chat-flow-node:active{cursor:grabbing}.web-chat-flow-node.selected{outline:3px solid color-mix(in srgb,var(--blue) 18%,transparent);border-color:var(--blue)}.web-chat-flow-node.validation-error{outline:4px solid color-mix(in srgb,var(--danger) 22%,transparent);border-color:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 10%,transparent),0 8px 20px color-mix(in srgb,var(--ink) 8%,transparent)}.web-chat-flow-node.validation-error.selected{outline-color:color-mix(in srgb,var(--danger) 32%,transparent);border-color:var(--danger)}.web-chat-flow-node.is-link-target{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 12%,transparent),0 8px 20px color-mix(in srgb,var(--ink) 8%,transparent)}.web-chat-flow-node.family-trigger{border-top:4px solid var(--success)}.web-chat-flow-node.family-condition{border-top:4px solid color-mix(in srgb,var(--blue) 55%,var(--ink))}.web-chat-flow-node.family-action{border-top:4px solid var(--blue)}.web-chat-flow-node header{height:30px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.web-chat-flow-node header span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.web-chat-flow-node header button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:17px;line-height:1}.web-chat-flow-node-kind{position:absolute;right:9px;top:37px;z-index:3;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.05em;background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue)}.web-chat-flow-node-kind.is-sub{background:color-mix(in srgb,var(--success) 10%,var(--panel));color:var(--success)}
.web-chat-flow-node>.web-chat-flow-node-main{display:grid;gap:4px;padding:10px 12px;min-height:58px;box-sizing:border-box}.web-chat-flow-node>.web-chat-flow-node-main strong{font-size:13px}.web-chat-flow-node>.web-chat-flow-node-main small{font-size:11px;line-height:1.35;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.web-chat-flow-node-port,.web-chat-flow-branch-handle{position:absolute;width:14px;height:14px;padding:0;border-radius:50%;border:3px solid var(--panel);background:var(--muted);box-shadow:0 0 0 1px var(--muted);cursor:crosshair;z-index:4}.web-chat-flow-node-in{left:-9px;top:50%;transform:translateY(-50%)}.web-chat-flow-node-out{right:-9px;top:50%;transform:translateY(-50%);background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.web-chat-flow-nodes.is-linking .web-chat-flow-node-in{width:16px;height:16px;left:-10px;background:color-mix(in srgb,var(--blue) 20%,var(--panel));box-shadow:0 0 0 1px var(--blue)}.web-chat-flow-node-in.is-link-target,.web-chat-flow-node.is-link-target .web-chat-flow-node-in{width:18px;height:18px;left:-11px;background:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 18%,transparent)}.web-chat-flow-branch-list{border-top:1px solid var(--line);padding:6px 0}.web-chat-flow-branch-row{position:relative;display:flex;align-items:center;min-height:30px;padding:0 22px 0 10px}.web-chat-flow-branch-row>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;color:var(--ink)}.web-chat-flow-branch-row:hover{background:color-mix(in srgb,var(--blue) 4%,var(--panel))}.web-chat-flow-branch-handle{right:-9px;top:50%;transform:translateY(-50%);background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.web-chat-flow-branch-handle:hover,.web-chat-flow-node.selected .web-chat-flow-branch-handle{box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 14%,transparent)}.web-chat-flow-branch-empty{padding:9px 10px 10px;color:var(--muted);font-size:10.5px;line-height:1.35}.web-chat-flow-node.is-decision{min-height:118px}
.web-chat-flow-node-side{min-width:0;background:var(--panel);display:flex;flex-direction:column;min-height:630px;transition:width .15s ease}.web-chat-flow-node-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 12px;border-bottom:1px solid var(--line)}.web-chat-flow-node-side-head>div{display:grid;gap:2px;min-width:0}.web-chat-flow-node-side-head small{color:var(--muted)}.web-chat-flow-node-side-toggle{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:20px;cursor:pointer}.web-chat-flow-node-side-content{display:flex;flex-direction:column;min-height:0;flex:1}.web-chat-flow-node-side.collapsed .web-chat-flow-node-side-head>div,.web-chat-flow-node-side.collapsed .web-chat-flow-node-side-content{display:none}.web-chat-flow-node-side.collapsed .web-chat-flow-node-side-head{padding:9px;justify-content:center}.web-chat-flow-node-side.collapsed .web-chat-flow-node-side-toggle{transform:none}
.web-chat-flow-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.web-chat-flow-tabs button{border:0;border-right:1px solid var(--line);padding:10px 6px;background:color-mix(in srgb,var(--bg) 68%,var(--panel));color:var(--muted);font-weight:800;cursor:pointer}.web-chat-flow-tabs button:last-child{border-right:0}.web-chat-flow-tabs button.active{background:var(--panel);color:var(--blue);box-shadow:inset 0 -3px var(--blue)}
.web-chat-flow-node-library{padding:10px;display:grid;gap:7px;overflow:auto;max-height:320px}.web-chat-flow-library-section-label{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:7px 2px 1px;padding-top:9px;border-top:1px solid var(--line)}.web-chat-flow-library-section-label strong{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.web-chat-flow-library-section-label small{font-size:10px;color:var(--muted)}.web-chat-flow-library-item{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:9px;text-align:left;display:grid;grid-template-columns:34px 1fr;gap:8px;cursor:pointer;color:var(--ink)}.web-chat-flow-library-item:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));background:color-mix(in srgb,var(--blue) 4%,var(--panel))}.web-chat-flow-library-item>span:last-child{display:grid;gap:2px}.web-chat-flow-library-item small{font-size:11px;color:var(--muted);line-height:1.35}.web-chat-flow-library-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 7%,var(--panel));font-weight:900}.web-chat-flow-library-item.family-trigger .web-chat-flow-library-icon{background:color-mix(in srgb,var(--success) 10%,var(--panel));color:var(--success)}.web-chat-flow-library-item.family-condition .web-chat-flow-library-icon{background:color-mix(in srgb,var(--blue) 7%,var(--panel));color:color-mix(in srgb,var(--blue) 55%,var(--ink))}.web-chat-flow-library-item.family-action .web-chat-flow-library-icon{background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue)}.web-chat-flow-library-item.is-saved-flow{border-style:dashed}.web-chat-flow-library-item.is-saved-flow .web-chat-flow-library-icon{background:color-mix(in srgb,var(--success) 10%,var(--panel));color:var(--success)}
.web-chat-flow-inspector{border-top:1px solid var(--line);padding:12px;overflow:auto;flex:1;background:color-mix(in srgb,var(--bg) 40%,var(--panel))}.web-chat-flow-inspector-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:10px}.web-chat-flow-inspector-head>div{display:grid;gap:2px}.web-chat-flow-inspector-head small{color:var(--muted)}.web-chat-flow-inspector-head>button{width:30px;height:30px;border:0;border-radius:7px;background:color-mix(in srgb,var(--danger) 8%,var(--panel));color:var(--danger);font-size:18px;cursor:pointer}.web-chat-flow-field{display:grid;gap:5px;margin-bottom:10px}.web-chat-flow-field>span{font-size:12px;font-weight:800;color:var(--ink)}.web-chat-flow-field input,.web-chat-flow-field textarea,.web-chat-flow-field select,.web-chat-flow-connections select,.web-chat-flow-connections input{width:100%;min-height:38px}.web-chat-flow-field textarea{resize:vertical}.web-chat-flow-help{font-size:11px;color:var(--muted);margin:4px 0 10px;line-height:1.45}.web-chat-flow-help strong{color:var(--ink)}.web-chat-flow-check{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;margin:4px 0 10px;font-size:12px}.web-chat-flow-check input{margin-top:2px}.web-chat-flow-connections{border-top:1px solid var(--line);padding-top:11px;margin-top:11px;display:grid;gap:8px}.web-chat-flow-connections h3{font-size:13px;margin:0}.web-chat-flow-connection{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:7px;background:var(--panel);font-size:11px}.web-chat-flow-connection span{min-width:0}.web-chat-flow-connection strong{font-size:11px}.web-chat-flow-connection small{color:var(--muted);font-size:10px}.web-chat-flow-connection button{border:0;background:transparent;color:var(--danger);cursor:pointer}.web-chat-flow-connections>label{display:grid;gap:4px}.web-chat-flow-connections>label>span{font-size:11px;font-weight:800;color:var(--muted)}.web-chat-flow-validation-node{display:flex;align-items:center;justify-content:space-between;gap:12px}.web-chat-flow-validation-node>div{display:grid;gap:3px;min-width:0}.web-chat-flow-validation-node strong{font-size:12px;color:var(--danger)}.web-chat-flow-validation-node span{font-size:12px}.web-chat-flow-validation-node .button{flex:0 0 auto;min-height:34px;padding:6px 10px}
.web-chat-flow-modal{position:fixed;inset:0;z-index:500;background:color-mix(in srgb,var(--ink) 48%,transparent);display:grid;place-items:center;padding:20px}.web-chat-flow-modal[hidden]{display:none}.web-chat-flow-modal-card{width:min(720px,calc(100vw - 30px));max-height:min(820px,calc(100vh - 30px));display:flex;flex-direction:column;background:var(--panel);border-radius:16px;box-shadow:0 24px 70px color-mix(in srgb,var(--ink) 30%,transparent);overflow:hidden}.web-chat-flow-modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.web-chat-flow-modal-card h2,.web-chat-flow-modal-card p{margin:0}.web-chat-flow-modal-card header p{color:var(--muted);font-size:12px;margin-top:3px}.web-chat-flow-modal-card header button{width:34px;height:34px;border:0;border-radius:8px;background:color-mix(in srgb,var(--bg) 55%,var(--panel));color:var(--ink);font-size:20px;cursor:pointer}.web-chat-flow-modal-body{padding:18px;overflow:auto}.web-chat-flow-modal-form{display:grid;gap:14px}.web-chat-flow-modal-form label{display:grid;gap:6px;font-weight:800}.web-chat-flow-modal-form footer{display:flex;justify-content:flex-end;gap:8px}.web-chat-flow-version-list{display:grid;gap:8px}.web-chat-flow-version-list article{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px;border:1px solid var(--line);border-radius:9px}.web-chat-flow-version-list article small{grid-column:1/-1;color:var(--muted)}.web-chat-flow-modal.flow-simulator-open .web-chat-flow-modal-card{width:min(1040px,calc(100vw - 30px));max-height:min(860px,calc(100vh - 24px))}.web-chat-flow-modal.flow-simulator-open .web-chat-flow-modal-body{padding:16px;background:color-mix(in srgb,var(--bg) 64%,var(--panel));overflow:auto}
.web-chat-flow-sim{display:grid;grid-template-columns:minmax(390px,1fr) minmax(280px,360px);gap:18px;align-items:start;min-height:610px}.flow-sim-preview-stage{display:grid;gap:10px;justify-items:center;min-width:0}.flow-sim-preview-heading{width:min(100%,390px);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink)}.flow-sim-preview-heading>div{display:grid;gap:2px}.flow-sim-preview-heading strong{font-size:13px}.flow-sim-preview-heading small{font-size:11px;color:var(--muted)}.flow-sim-preview-heading>span{font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--blue) 8%,var(--panel));color:var(--blue)}
.flow-sim-widget{--flow-chat-primary:var(--blue);--flow-chat-surface:var(--panel);--flow-chat-soft:color-mix(in srgb,var(--bg) 78%,var(--panel));width:min(100%,360px);height:570px;display:flex;flex-direction:column;border-radius:18px;background:var(--flow-chat-surface);box-shadow:0 10px 32px color-mix(in srgb,var(--ink) 12%,transparent);overflow:hidden;font-family:Arial,sans-serif;color:var(--ink)}.flow-sim-widget-header{flex:0 0 92px;min-height:92px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 14px 12px;background:linear-gradient(128deg,color-mix(in srgb,var(--flow-chat-primary) 94%,var(--ink)) 0%,color-mix(in srgb,var(--flow-chat-primary) 70%,var(--panel)) 100%);color:var(--panel);position:relative;overflow:hidden}.flow-sim-widget-header:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-18px;height:28px;border-radius:50%;background:var(--flow-chat-surface)}.flow-sim-widget-brand{display:flex;align-items:flex-start;gap:11px;position:relative;z-index:1}.flow-sim-widget-brand>div{display:grid;gap:6px;padding-top:2px}.flow-sim-widget-brand strong{font-size:15px;line-height:1.2;color:var(--panel)}.flow-sim-widget-brand small{font-size:11px;font-weight:700;line-height:1.25;color:var(--panel);opacity:.96}.flow-sim-brand-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:var(--panel);color:var(--flow-chat-primary);box-shadow:0 5px 16px color-mix(in srgb,var(--ink) 10%,transparent)}.flow-sim-brand-avatar svg,.flow-sim-status-avatar svg{width:20px;height:20px;fill:currentColor}.flow-sim-widget-minimise{position:relative;z-index:1;font-size:22px;font-weight:900;line-height:1;margin:8px 2px 0 0;color:var(--panel)}
.flow-sim-widget-body{min-height:0;flex:1;display:flex;flex-direction:column;background:var(--flow-chat-surface);overflow:hidden}.flow-sim-status-card{flex:0 0 auto;width:fit-content;max-width:calc(100% - 30px);margin:10px auto 8px 14px;border-radius:15px 15px 15px 4px;background:color-mix(in srgb,var(--bg) 72%,var(--panel));color:var(--ink);padding:9px 11px;display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.35}.flow-sim-status-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--flow-chat-primary);color:var(--panel)}.flow-sim-status-avatar svg{width:16px;height:16px}.flow-sim-status-card>div{display:grid;gap:1px}.flow-sim-status-card strong{font-size:12px}.flow-sim-status-card small{font-size:10.5px;color:color-mix(in srgb,var(--ink) 72%,var(--panel))}.flow-sim-online-dot{width:7px;height:7px;border-radius:50%;background:var(--success);margin-left:2px;align-self:flex-start;margin-top:3px}
.flow-sim-messages{min-height:0;flex:1;overflow:auto;padding:4px 12px 10px;scrollbar-width:thin}.flow-sim-typing{flex:0 0 auto;width:fit-content;max-width:calc(100% - 30px);margin:0 auto 8px 14px;padding:7px 10px;border-radius:13px 13px 13px 4px;background:color-mix(in srgb,var(--bg) 72%,var(--panel));color:color-mix(in srgb,var(--ink) 72%,var(--panel));font:700 11.5px/1.2 Arial,sans-serif;letter-spacing:.01em;animation:flow-sim-typing-pulse 1.1s ease-in-out infinite}.flow-sim-typing[hidden]{display:none}@keyframes flow-sim-typing-pulse{0%,100%{opacity:.62}50%{opacity:1}}.flow-sim-message-row{display:flex;width:100%;margin:7px 0}.flow-sim-message-row.is-assistant{justify-content:flex-start}.flow-sim-message-row.is-customer{justify-content:flex-end}.flow-sim-message-bubble{max-width:82%;padding:10px 12px;font-size:12.5px;line-height:1.38;overflow-wrap:anywhere}.flow-sim-message-row.is-assistant .flow-sim-message-bubble{border-radius:15px 15px 15px 4px;background:color-mix(in srgb,var(--bg) 72%,var(--panel));color:var(--ink)}.flow-sim-message-row.is-customer .flow-sim-message-bubble{border-radius:15px 15px 4px 15px;background:var(--flow-chat-primary);color:var(--panel)}.flow-sim-decisions{display:grid;gap:7px;padding:0 12px 9px}.flow-sim-decisions:empty{display:none}.flow-sim-decisions button{width:100%;min-height:38px;border:1px solid color-mix(in srgb,var(--flow-chat-primary) 45%,var(--line));border-radius:12px;background:var(--flow-chat-surface);color:var(--flow-chat-primary);padding:8px 11px;text-align:left;cursor:pointer;font-size:12px;font-weight:800;transition:background .14s ease,border-color .14s ease}.flow-sim-decisions button:hover{background:color-mix(in srgb,var(--flow-chat-primary) 6%,var(--flow-chat-surface));border-color:var(--flow-chat-primary)}
.flow-sim-composer{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:8px;padding:9px 10px 10px;border-top:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:var(--flow-chat-surface)}.flow-sim-composer textarea{width:100%;min-height:40px;max-height:90px;resize:none;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg) 52%,var(--panel));color:var(--ink);padding:10px 11px;font:12.5px/1.35 Arial,sans-serif;outline:none}.flow-sim-composer textarea:focus{border-color:color-mix(in srgb,var(--flow-chat-primary) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--flow-chat-primary) 10%,transparent)}.flow-sim-composer textarea:disabled{opacity:.72;cursor:not-allowed}.flow-sim-composer button{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--flow-chat-primary);color:var(--panel);cursor:pointer;box-shadow:0 6px 14px color-mix(in srgb,var(--flow-chat-primary) 24%,transparent)}.flow-sim-composer button:disabled{background:color-mix(in srgb,var(--muted) 35%,var(--panel));box-shadow:none;cursor:not-allowed}.flow-sim-composer button svg{width:18px;height:18px;fill:currentColor;margin-left:2px}
.flow-sim-trace-panel{min-height:570px;max-height:570px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.flow-sim-trace-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 58%,var(--panel))}.flow-sim-trace-panel>header>div{display:grid;gap:2px}.flow-sim-trace-panel>header strong{font-size:13px}.flow-sim-trace-panel>header small{font-size:10.5px;color:var(--muted);line-height:1.3}.flow-sim-trace-panel>header>span{font-size:9px;font-weight:900;letter-spacing:.05em;padding:4px 6px;border-radius:999px;background:color-mix(in srgb,var(--success) 10%,var(--panel));color:var(--success)}.flow-sim-trace-log{min-height:0;flex:1;overflow:auto;padding:10px 12px}.flow-sim-trace-item{display:grid;grid-template-columns:8px 1fr;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.flow-sim-trace-item:last-child{border-bottom:0}.flow-sim-trace-item>span{width:7px;height:7px;border-radius:50%;margin-top:5px;background:var(--muted)}.flow-sim-trace-item[data-type="trigger"]>span,.flow-sim-trace-item[data-type="condition"]>span,.flow-sim-trace-item[data-type="subflow"]>span{background:var(--blue)}.flow-sim-trace-item[data-type="write"]>span,.flow-sim-trace-item[data-type="crm"]>span{background:var(--success)}.flow-sim-trace-item[data-type="ai"]>span{background:color-mix(in srgb,var(--blue) 60%,var(--danger))}.flow-sim-trace-item[data-type="stop"]>span{background:var(--danger)}.flow-sim-trace-item p{margin:0;font-size:11px;line-height:1.42;color:var(--muted)}.flow-sim-trace-control{padding:10px 12px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 45%,var(--panel))}.flow-sim-trace-control:empty{display:none}.flow-sim-condition-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flow-sim-condition-choice button{min-height:36px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line));border-radius:9px;background:var(--panel);color:var(--blue);font-weight:900;cursor:pointer}.flow-sim-condition-choice button:hover{background:color-mix(in srgb,var(--blue) 6%,var(--panel))}
@media(max-width:780px){.web-chat-flow-modal.flow-simulator-open[data-flow-modal] .web-chat-flow-modal-card{width:min(720px,calc(100vw - 20px))}.web-chat-flow-sim{grid-template-columns:1fr;min-height:0}.flow-sim-trace-panel{min-height:240px;max-height:320px}.flow-sim-preview-stage .flow-sim-widget{height:540px}}.web-chat-flow-live-confirm{display:grid;gap:12px}.web-chat-flow-live-confirm footer{display:flex;justify-content:flex-end;gap:8px}.web-chat-flow-live-deps{display:flex;gap:7px;flex-wrap:wrap}.web-chat-flow-live-deps span{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--blue) 7%,var(--panel));color:var(--muted);font-size:10px;font-weight:800}.web-chat-flow-open-subflow{width:100%;margin-top:7px}
.web-chat-flow-toast{position:fixed;right:20px;bottom:20px;z-index:700;max-width:420px;padding:11px 14px;border-radius:10px;background:var(--ink);color:var(--panel);box-shadow:0 12px 30px color-mix(in srgb,var(--ink) 25%,transparent)}.web-chat-flow-toast[data-type="error"]{background:var(--danger)}.web-chat-flow-toast[data-type="warning"]{background:color-mix(in srgb,var(--danger) 38%,var(--ink))}.web-chat-flow-editor-actions .flow-danger,.web-chat-flow-delete-confirm .flow-danger{background:var(--danger);color:var(--panel)}.web-chat-flow-delete-confirm{display:grid;gap:16px}.web-chat-flow-delete-confirm footer{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:1280px){.web-chat-flow-editor-workspace{grid-template-columns:minmax(0,1fr) 310px}.web-chat-flow-title-fields{grid-template-columns:1fr}.web-chat-flow-editor-bar{grid-template-columns:1fr}.web-chat-flow-editor-actions{justify-content:flex-start}}
@media(max-width:900px){.web-chat-flow-page-head,.web-chat-flow-page-heading,.web-chat-flow-list-toolbar,.web-chat-flow-editor-left{align-items:stretch;flex-direction:column}.web-chat-flow-list-tools{min-width:0;width:100%}.web-chat-flow-editor-workspace,.web-chat-flow-editor-workspace.node-side-collapsed{display:block;height:auto;min-height:0}.web-chat-flow-builder-panel{height:auto;min-height:580px;border-right:0;border-bottom:1px solid var(--line)}.web-chat-flow-canvas-wrap{min-height:580px;height:auto}.web-chat-flow-node-side{min-height:0}.web-chat-flow-node-side.collapsed .web-chat-flow-node-side-head>div{display:grid}.web-chat-flow-node-side.collapsed .web-chat-flow-node-side-content{display:flex}.web-chat-flow-node-side.collapsed .web-chat-flow-node-side-head{padding:13px 12px;justify-content:space-between}.web-chat-flow-node-side-toggle{display:none}.web-chat-flow-node-library{max-height:none}}

.web-chat-flow-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.web-chat-flow-site-cell{display:grid;gap:3px;min-width:155px}.web-chat-flow-site-cell strong{font-size:12px;color:var(--ink)}.web-chat-flow-site-cell small{font-size:10px;color:var(--muted)}
.web-chat-flow-website-field{display:grid;gap:3px;min-width:210px}.web-chat-flow-website-field>span{font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.web-chat-flow-website-field select{min-height:38px;max-width:260px}.web-chat-flow-website-field[hidden],.web-chat-flow-subflow-context[hidden]{display:none}
.web-chat-flow-subflow-context{padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--success) 8%,var(--panel));color:var(--success);font-size:10px;font-weight:800;white-space:nowrap}
.web-chat-flow-management-tabs{display:flex;align-items:flex-end;gap:4px;overflow-x:auto;padding:10px 14px 0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 42%,var(--panel))}.web-chat-flow-management-tabs button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-height:42px;padding:9px 14px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:850;cursor:pointer}.web-chat-flow-management-tabs button:hover{color:var(--ink)}.web-chat-flow-management-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.web-chat-flow-management-tabs button span{min-width:25px;height:25px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--muted) 9%,var(--panel));color:var(--muted);font-size:10px;font-weight:900}.web-chat-flow-management-tabs button.active span{background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue)}
.web-chat-flow-management-panel[hidden]{display:none}.web-chat-subflow-table{min-width:760px}.web-chat-flow-used-by{display:flex;gap:5px;flex-wrap:wrap;max-width:360px}.web-chat-flow-used-by>span{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--blue) 7%,var(--panel));color:var(--muted);font-size:9.5px;font-weight:800}.web-chat-flow-not-used{color:var(--muted);font-size:10px;font-style:italic}
/* CRM_WEB_CHAT_FLOW_BUILDER_CANONICAL_END */
/* Engineer PWA presence on the canonical Dispatched Jobs table. */
.dispatch-pwa-presence{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;row-gap:1px;min-width:132px}.dispatch-presence-dot{width:9px;height:9px;border-radius:50%;grid-row:1;background:#c63f4d;box-shadow:0 0 0 3px rgba(198,63,77,.10)}.dispatch-pwa-presence.is-online .dispatch-presence-dot{background:#1d9a5b;box-shadow:0 0 0 3px rgba(29,154,91,.12)}.dispatch-pwa-presence strong{font-size:12px}.dispatch-pwa-presence small{grid-column:2;color:var(--muted,#6b7785);font-size:10px;white-space:nowrap}


/* Canonical Engineer PWA attention presentation. */
@keyframes crmUrgentAlertPulse{0%,100%{box-shadow:inset 0 0 0 3px var(--danger),0 0 0 0 color-mix(in srgb,var(--danger) 20%,transparent)}50%{box-shadow:inset 0 0 0 5px var(--danger),0 0 0 3px color-mix(in srgb,var(--danger) 28%,transparent)}}
.crm-urgent-alert,.dispatch-row-actions .button.has-pwa-update{animation:crmUrgentAlertPulse 1.05s ease-in-out infinite}.dispatch-parts-costs-card.crm-urgent-alert{position:relative;animation:none;border-color:color-mix(in srgb,var(--danger) 38%,var(--line))}.dispatch-parts-costs-card.crm-urgent-alert::after{content:"";position:absolute;inset:0;z-index:40;pointer-events:none;border-radius:inherit;animation:crmUrgentAlertPulse 1.05s ease-in-out infinite}.dispatch-row-actions .button.has-pwa-update{outline:0}@media (prefers-reduced-motion:reduce){.crm-urgent-alert,.dispatch-row-actions .button.has-pwa-update{animation:none;box-shadow:inset 0 0 0 4px var(--danger)}.dispatch-parts-costs-card.crm-urgent-alert{box-shadow:var(--shadow-sm,0 2px 7px color-mix(in srgb,var(--ink) 5%,transparent))}.dispatch-parts-costs-card.crm-urgent-alert::after{animation:none;box-shadow:inset 0 0 0 4px var(--danger)}}
/* Canonical Home Response action area inside the global top navigation. */
.pwa-topbar-alerts{min-width:0;height:42px;display:flex;align-items:center;gap:6px;overflow:hidden}
.pwa-topbar-alert-card{min-width:0;flex:1 1 150px;max-width:280px;height:38px;display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:7px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--danger) 50%,transparent);border-radius:9px;background:color-mix(in srgb,var(--topbar-bg) 82%,white 18%);color:var(--topbar-text,#fff);text-decoration:none;overflow:hidden}
.pwa-topbar-alert-card:hover{background:color-mix(in srgb,var(--topbar-bg) 70%,white 30%)}
.pwa-topbar-alert-pulse{width:8px;height:8px;border-radius:50%;background:#ff5449;box-shadow:0 0 0 2px #ff544930}
.pwa-topbar-alert-copy{display:grid;min-width:0;line-height:1.08}.pwa-topbar-alert-copy strong,.pwa-topbar-alert-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwa-topbar-alert-copy strong{font-size:10px}.pwa-topbar-alert-copy small{font-size:8px;opacity:.88}
.pwa-topbar-alert-summary{display:none;align-items:center;gap:7px;height:36px;padding:0 10px;border:1px solid #ff655d80;border-radius:9px;background:#ffffff12;color:var(--topbar-text,#fff);text-decoration:none;white-space:nowrap}.pwa-topbar-alert-summary strong{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#e53935;color:#fff;font-size:10px}.pwa-topbar-alert-summary small{font-size:9px;font-weight:800}
@media(max-width:1400px){.pwa-topbar-alert-card:nth-child(n+4){display:none}}
@media(max-width:1180px){.pwa-topbar-alert-card{display:none}.pwa-topbar-alert-summary{display:flex}}
@media(max-width:800px){.pwa-topbar-alerts{display:none}}



/* Canonical Field Property option presentation */
.property-option-item{gap:10px}.property-option-color{width:38px!important;min-width:38px;height:30px;padding:2px!important;border-radius:8px;cursor:pointer}.contact-job-choice-row label.has-option-color span{border-color:color-mix(in srgb,var(--choice-color) 55%,var(--border, #d7dde8));box-shadow:inset 4px 0 0 var(--choice-color)}.contact-job-choice-row label.has-option-color input:checked+span{background:var(--choice-color);border-color:var(--choice-color);color:#fff;box-shadow:none}

.dispatch-rate-method-card{display:grid;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.dispatch-rate-method-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.dispatch-rate-method-head>div{display:grid;gap:2px}.dispatch-rate-method-head>div>span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.dispatch-rate-method-head strong{font-size:14px}.dispatch-rate-method-head small,.dispatch-rate-method-note span{color:var(--muted)}.dispatch-rate-method-toggle{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:700}.dispatch-rate-offer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:2px}.dispatch-rate-method-note{display:grid;gap:3px;padding:10px 12px;border:1px dashed var(--line);border-radius:8px;background:var(--bg)}@media (max-width:680px){.dispatch-rate-method-head{align-items:flex-start;flex-direction:column}.dispatch-rate-offer-fields{grid-template-columns:1fr}.dispatch-rate-method-toggle{width:100%;justify-content:space-between}}

.dispatch-detail-page-head-compact{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:6px}.dispatch-detail-title-compact{min-width:0}.dispatch-detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.dispatch-detail-title-row h1{margin:0;min-width:0;font-size:18px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-detail-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}.dispatch-detail-title-actions .dispatch-back-link{white-space:nowrap}.dispatch-detail-title-compact>p{margin:2px 0 0;color:var(--muted);font-size:9.5px}.dispatch-availability-panel>header{align-items:center}.dispatch-availability-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.dispatch-availability-header-actions .button{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:5px 8px;font-size:8.5px}.dispatch-availability-header-actions .nav-icon,.dispatch-offer-contact-actions .nav-icon{width:13px;height:13px}.dispatch-response-count{display:inline-flex;align-items:center;min-height:23px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--blue) 7%,var(--panel));color:var(--muted);font-size:8px;font-weight:800}.dispatch-availability-table td{vertical-align:middle}.dispatch-offer-contact-actions{min-width:190px}.dispatch-assigned-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.dispatch-assigned-summary>span{display:grid;gap:2px;padding:11px 13px;border-left:1px solid var(--line)}.dispatch-assigned-summary>span:first-child{border-left:0}.dispatch-assigned-summary small{color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:800}.dispatch-assigned-summary strong{font-size:10.5px}.dispatch-commercial-panel.has-actions{position:relative;border-color:color-mix(in srgb,var(--danger) 38%,var(--line));box-shadow:var(--shadow-sm,0 2px 7px color-mix(in srgb,var(--ink) 5%,transparent))}.dispatch-commercial-panel.has-actions.crm-urgent-alert{animation:none}.dispatch-commercial-panel.has-actions::after{content:"";position:absolute;inset:0;z-index:25;pointer-events:none;border-radius:inherit;animation:crmUrgentAlertPulse 1.05s ease-in-out infinite}.dispatch-engineer-offer-section-head{min-height:34px;padding-top:7px!important;padding-bottom:7px!important}.dispatch-engineer-offer-section-head h2{margin:0}.dispatch-commercial-grid.dispatch-engineer-offers-grid{display:grid;grid-template-columns:1fr;gap:0;padding:0}.dispatch-commercial-offer.dispatch-engineer-offer-row{display:grid;grid-template-columns:minmax(135px,1.1fr) minmax(112px,.8fr) minmax(82px,.58fr) minmax(82px,.58fr) minmax(105px,.72fr) minmax(250px,1.65fr) minmax(92px,.64fr);align-items:center;gap:7px;padding:8px 10px;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--panel)}.dispatch-commercial-offer.dispatch-engineer-offer-row:first-child{border-top:0}.dispatch-engineer-offer-engineer{display:grid;gap:1px;min-width:0}.dispatch-engineer-offer-engineer strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dispatch-engineer-offer-engineer small{color:var(--muted);font-size:7.8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dispatch-engineer-offer-arrival{display:grid;gap:1px;min-width:0}.dispatch-engineer-offer-arrival small{color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase}.dispatch-engineer-offer-arrival strong{font-size:8.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-engineer-offer-price{display:grid;gap:1px;min-width:0}.dispatch-engineer-offer-price small{color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase}.dispatch-engineer-offer-price strong{font-size:9.5px;white-space:nowrap}.dispatch-engineer-offer-status{min-width:0}.dispatch-engineer-offer-status .dispatch-status{white-space:nowrap}.dispatch-commercial-actions{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;min-width:0;padding:0}.dispatch-commercial-actions .button{min-height:27px;padding:5px 7px;font-size:7.7px;white-space:nowrap}.dispatch-engineer-offer-history{min-width:0;text-align:left}.dispatch-commercial-history{margin:0}.dispatch-commercial-history summary{font-size:9px;font-weight:750;white-space:nowrap;text-align:left;cursor:pointer}.dispatch-commercial-history[open]{grid-column:1/-1;grid-area:auto!important;width:100%;padding:6px 0 2px;border-top:1px solid var(--line)}.dispatch-commercial-history-list{display:grid;gap:3px;margin-top:5px;min-width:0}.dispatch-commercial-history-list small{display:block;margin:0;color:var(--muted);font-size:9px;line-height:1.35;text-align:left;white-space:nowrap}.dispatch-engineer-offer-no-history{color:var(--muted);font-size:8.8px;white-space:nowrap}@media (prefers-reduced-motion:reduce){.dispatch-commercial-panel.has-actions::after{animation:none;box-shadow:inset 0 0 0 4px var(--danger)}}
@media(max-width:1050px){.dispatch-commercial-offer.dispatch-engineer-offer-row{grid-template-columns:minmax(145px,1.2fr) minmax(110px,.85fr) 78px 78px minmax(105px,.8fr);grid-template-areas:'engineer arrival callout hourly status' 'actions actions actions actions history'}.dispatch-engineer-offer-engineer{grid-area:engineer}.dispatch-engineer-offer-arrival{grid-area:arrival}.dispatch-engineer-offer-price:nth-of-type(3){grid-area:callout}.dispatch-engineer-offer-price:nth-of-type(4){grid-area:hourly}.dispatch-engineer-offer-status{grid-area:status}.dispatch-commercial-actions{grid-area:actions;flex-wrap:wrap}.dispatch-engineer-offer-history{grid-area:history}.dispatch-commercial-history[open]{grid-column:1/-1;grid-area:auto!important}}@media(max-width:880px){.dispatch-detail-page-head-compact{grid-template-columns:1fr}.dispatch-detail-title-row{align-items:flex-start;flex-wrap:wrap}.dispatch-detail-title-row h1{white-space:normal;flex:1 1 100%}.dispatch-detail-title-actions{margin-left:auto}.dispatch-assigned-summary{grid-template-columns:1fr}.dispatch-assigned-summary>span{border-left:0;border-top:1px solid var(--line)}.dispatch-assigned-summary>span:first-child{border-top:0}.dispatch-availability-header-actions{justify-content:flex-start;width:100%}.dispatch-commercial-offer.dispatch-engineer-offer-row{grid-template-columns:1fr 1fr;grid-template-areas:'engineer status' 'arrival arrival' 'callout hourly' 'actions actions' 'history history'}.dispatch-engineer-offer-history{text-align:left}.dispatch-commercial-history-list small{white-space:normal}}

/* Canonical Engineer invoice image preview and missing-storage states */
.crm-invoice-image-stage{width:100%;height:100%;min-height:420px;overflow:auto;display:grid;place-items:center;padding:18px}
.crm-invoice-image-preview{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:0;background:var(--panel);box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 14%,transparent)}
.crm-invoice-file-row.is-missing{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 4%,var(--panel))}
.crm-invoice-file-row.is-missing .crm-invoice-file-copy small,.crm-invoice-file-missing{color:var(--danger);font-size:11px;font-weight:750}
.crm-invoice-preview-empty.is-missing-file strong{color:var(--danger)}
.dispatch-alert-detail-link{width:max-content;color:var(--blue);font-size:9px;font-weight:800;text-decoration:none}
.dispatch-alert-detail-link:hover{text-decoration:underline}

/* Active Jobs: canonical Managed/Connected controls */
.dispatch-mode-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dispatch-mode-choice{display:grid;gap:4px;min-height:108px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.dispatch-mode-choice:hover,.dispatch-mode-choice:focus-visible{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));background:color-mix(in srgb,var(--blue) 4%,var(--panel));outline:0}.dispatch-mode-choice strong{font-size:13px}.dispatch-mode-choice span{color:var(--muted);font-size:10px;line-height:1.45}.dispatch-managed-form-grid,.dispatch-managed-workflow-form{display:grid;gap:10px}.dispatch-managed-form-grid label,.dispatch-managed-workflow-form label{display:grid;gap:5px}.dispatch-managed-form-grid label>span,.dispatch-managed-workflow-form label>span{color:var(--muted);font-size:9px;font-weight:800}.dispatch-managed-form-grid input,.dispatch-managed-form-grid select,.dispatch-managed-form-grid textarea,.dispatch-managed-workflow-form input,.dispatch-managed-workflow-form textarea{width:100%}.dispatch-managed-form-grid textarea,.dispatch-managed-workflow-form textarea{min-height:92px;resize:vertical}.dispatch-inline-money{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dispatch-mode-reason{display:grid;gap:9px}.dispatch-managed-controls>header{align-items:center}.dispatch-managed-control-grid{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px 13px}.dispatch-managed-quick-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.dispatch-managed-quick-actions .button{min-height:26px;padding:4px 7px;font-size:8px}.dispatch-mode-choice-grid+footer,.dispatch-managed-form-grid+footer,.dispatch-managed-workflow-form+footer,.dispatch-mode-reason+footer{display:flex;justify-content:flex-end;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
@media(max-width:700px){.dispatch-mode-choice-grid,.dispatch-inline-money{grid-template-columns:1fr}.dispatch-managed-control-grid{align-items:stretch}.dispatch-managed-control-grid .button{flex:1 1 100%}}

.dispatch-managed-check-list{display:grid;gap:8px;padding:10px;border:1px solid var(--border,#dfe4ea);border-radius:12px;background:var(--surface-soft,#f8fafc)}.dispatch-managed-check-list label{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:650}.dispatch-managed-check-list input{margin-top:2px}

/* CRM canonical reporting dashboards */
.report-page{display:grid;gap:14px}.report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.report-head h1{margin:0;font-size:22px}.report-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.report-range-label{display:grid;gap:2px;min-width:210px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:right}.report-range-label span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.report-range-label strong{font-size:10px}.report-filter-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:0}.report-filter-form{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.report-filter-form label{display:grid;gap:4px;min-width:150px}.report-filter-form label>span{font-size:8px;font-weight:800;color:var(--muted)}.report-filter-form input{height:36px;padding:7px 9px}.report-filter-form .button,.report-presets .button{min-height:36px;padding:8px 11px;font-size:9px}.report-presets{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.report-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px}.report-kpi{display:grid;gap:3px;padding:13px 14px;border-radius:11px}.report-kpi>span{color:var(--muted);font-size:8.5px;font-weight:800}.report-kpi>strong{font-size:21px;line-height:1.1}.report-kpi>small{color:var(--muted);font-size:8px}.report-note{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--blue) 3%,var(--panel));font-size:8.5px}.report-note strong{white-space:nowrap}.report-note span{color:var(--muted)}.report-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.report-chart-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.report-chart-card-wide{grid-column:1/-1}.report-chart-card>header{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.report-chart-card h2{margin:0;font-size:11px}.report-chart-card header p{margin:2px 0 0;color:var(--muted);font-size:8px}.report-bar-scroll{overflow-x:auto;padding:14px 14px 10px}.report-bar-chart{display:grid;grid-template-columns:repeat(var(--report-bar-count),minmax(52px,1fr));align-items:end;gap:8px;min-width:max(100%,calc(var(--report-bar-count) * 62px));min-height:240px;padding:6px 4px 2px;background:linear-gradient(to top,color-mix(in srgb,var(--line) 40%,transparent) 1px,transparent 1px);background-size:100% 25%}.report-bar-item{display:grid;grid-template-rows:auto 175px auto;gap:5px;align-items:end;text-align:center}.report-bar-item>strong{font-size:8px;white-space:nowrap}.report-bar-item>small{color:var(--muted);font-size:7.5px;white-space:nowrap}.report-bar-track{height:175px;display:flex;align-items:flex-end;justify-content:center;padding:0 18%;border-radius:8px 8px 3px 3px;background:color-mix(in srgb,var(--blue) 4%,transparent)}.report-bar-track>i{display:block;width:100%;height:max(3px,var(--report-bar-height));border-radius:7px 7px 2px 2px;background:var(--blue);box-shadow:0 5px 12px color-mix(in srgb,var(--blue) 18%,transparent)}.report-pie-layout{display:grid;grid-template-columns:minmax(140px,190px) minmax(180px,1fr);align-items:center;gap:16px;padding:15px}.report-pie{display:grid;place-items:center;width:min(180px,100%);aspect-ratio:1;margin:auto;border-radius:50%;background:var(--report-pie);position:relative}.report-pie:after{content:"";position:absolute;inset:27%;border-radius:50%;background:var(--panel);box-shadow:0 0 0 1px color-mix(in srgb,var(--line) 65%,transparent)}.report-pie>span{position:relative;z-index:1;display:grid;text-align:center}.report-pie b{font-size:17px}.report-pie small{color:var(--muted);font-size:7.5px}.report-legend{display:grid;gap:0}.report-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.report-legend>div:last-child{border-bottom:0}.report-legend i{width:9px;height:9px;border-radius:50%;background:var(--report-legend)}.report-legend span{display:grid;min-width:0}.report-legend b{font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-legend small{font-size:7.5px;color:var(--muted)}.report-legend strong{font-size:9px}.report-ranking{display:grid;padding:10px 14px 14px}.report-ranking-row{display:grid;gap:4px;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.report-ranking-row:last-child{border-bottom:0}.report-ranking-row>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8.5px}.report-ranking-row>div span{font-weight:750}.report-ranking-row>div strong{font-size:9px}.report-ranking-row>i{display:block;height:6px;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}.report-ranking-row>i>b{display:block;width:var(--report-rank-width);height:100%;border-radius:inherit;background:var(--blue)}.report-empty-chart{display:grid;place-items:center;min-height:180px;padding:18px;color:var(--muted);font-size:9px}.report-table-panel{padding:0;overflow:hidden;margin-bottom:0}.report-table-wrap{max-height:540px;overflow:auto;border-top:1px solid var(--line)}.report-table{min-width:850px}.report-table th{position:sticky;top:0;z-index:2;background:var(--panel);font-size:8px;text-transform:uppercase;color:var(--muted)}.report-table td{font-size:8.75px}.report-table tbody tr:hover{background:color-mix(in srgb,var(--blue) 3%,var(--panel))}.report-table-empty{padding:22px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.report-filter-panel{align-items:stretch;flex-direction:column}.report-presets{justify-content:flex-start}.report-chart-grid{grid-template-columns:1fr}.report-chart-card-wide{grid-column:auto}}
@media(max-width:700px){.report-head{flex-direction:column}.report-range-label{width:100%;text-align:left}.report-filter-form{display:grid;grid-template-columns:1fr 1fr}.report-filter-form .button{grid-column:1/-1}.report-pie-layout{grid-template-columns:1fr}.report-pie{width:min(170px,65vw)}.report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-note{display:grid}}

/* Canonical Reporting P&L extensions */
.report-basis-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;margin-bottom:12px}
.report-basis-panel>div:first-child{display:grid;gap:2px}.report-basis-panel strong{font-size:11px}.report-basis-panel span{color:var(--muted);font-size:9px}.report-basis-actions{display:flex;gap:6px;flex-wrap:wrap}.report-basis-actions .button{min-height:32px;padding:7px 12px;font-size:9px}
.report-compare-legend{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:8.5px;font-weight:800}.report-compare-legend span{display:flex;align-items:center;gap:5px}.report-compare-legend i{width:9px;height:9px;border-radius:3px;background:var(--blue)}.report-compare-legend .is-payouts i{background:var(--danger)}
.report-comparison-chart{display:grid;grid-template-columns:repeat(var(--report-bar-count),minmax(88px,1fr));align-items:end;gap:14px;min-width:max(680px,calc(var(--report-bar-count) * 96px));min-height:270px;padding:16px 12px 8px}
.report-comparison-item{display:grid;grid-template-rows:auto 178px auto auto;gap:6px;align-items:end;text-align:center}.report-compare-values{display:flex;justify-content:center;gap:8px;font-size:8px;font-weight:850}.report-compare-values span:first-child{color:var(--blue)}.report-compare-values span:last-child{color:var(--danger)}
.report-compare-track{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:178px;padding:0 12%;border-radius:9px;background:color-mix(in srgb,var(--line) 22%,transparent);overflow:hidden}.report-compare-track i{display:block;width:42%;height:max(3px,var(--report-bar-height,0%));border-radius:7px 7px 2px 2px;background:var(--blue)}.report-compare-track i.is-payouts{background:var(--danger)}
.report-comparison-item>small{color:var(--muted);font-size:8px;font-weight:800}.report-comparison-item>b{font-size:8px;color:var(--success)}.report-comparison-item>b.is-negative{color:var(--danger)}
@media(max-width:760px){.report-basis-panel{align-items:flex-start;flex-direction:column}.report-basis-actions{width:100%}.report-basis-actions .button{flex:1;text-align:center}}


/* Canonical environment indicator: visible only when layout marks Staging. */
.crm-environment-banner{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:center;min-height:28px;padding:5px 12px;background:#fff3cd;color:#6a4a00;border-bottom:1px solid #e6cf7a;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0;z-index:120}.app-shell.is-staging-environment{grid-template-rows:28px var(--topbar-h) minmax(calc(100vh - var(--topbar-h) - 28px),auto)}.app-shell.is-staging-environment>.topbar{grid-row:2;top:28px}.app-shell.is-staging-environment>.sidebar{grid-row:3;top:calc(var(--topbar-h) + 28px);height:calc(100vh - var(--topbar-h) - 28px)}.app-shell.is-staging-environment>.main{grid-row:3}@media(max-width:900px){.app-shell.is-staging-environment{grid-template-rows:28px var(--topbar-h) auto}.app-shell.is-staging-environment>.sidebar{top:calc(var(--topbar-h) + 28px);height:calc(100vh - var(--topbar-h) - 28px)}}

.sidebar-environment-marker{position:absolute;left:9px;right:54px;bottom:16px;min-height:42px;display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid color-mix(in srgb,var(--warning) 70%,transparent);border-radius:11px;background:color-mix(in srgb,var(--warning) 18%,var(--nav));color:var(--nav-text,#fff);box-shadow:0 6px 18px #0002;z-index:75;overflow:hidden}.sidebar-environment-badge{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:var(--warning);color:#fff;font-size:12px;font-weight:900}.sidebar-environment-copy{display:flex;flex-direction:column;min-width:0;line-height:1.1}.sidebar-environment-copy strong{font-size:11px;letter-spacing:.09em}.sidebar-environment-copy small{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;opacity:.8}.app-shell.sidebar-collapsed.is-staging-environment .sidebar{padding-bottom:118px}.app-shell.sidebar-collapsed .sidebar-environment-marker{left:13px;right:auto;bottom:66px;width:42px;height:42px;min-height:42px;padding:0;justify-content:center}.app-shell.sidebar-collapsed .sidebar-environment-copy{display:none}.app-shell.sidebar-collapsed .sidebar-environment-badge{width:30px;height:30px}.sidebar-version-footer{position:absolute;left:12px;right:54px;bottom:16px;min-height:38px;display:flex;align-items:center;padding:6px 8px;color:color-mix(in srgb,var(--nav-text,#fff) 72%,transparent);z-index:74;overflow:hidden}.sidebar-version-copy{display:flex;flex-direction:column;min-width:0;line-height:1.12}.sidebar-version-copy strong{font-size:10px;letter-spacing:.05em;font-weight:800}.sidebar-version-copy small{margin-top:3px;font-size:9px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell.sidebar-collapsed .sidebar-version-footer{left:7px;right:7px;bottom:62px;min-height:34px;padding:4px 2px;justify-content:center;text-align:center}.app-shell.sidebar-collapsed .sidebar-version-copy strong{display:none}.app-shell.sidebar-collapsed .sidebar-version-copy small{margin:0;font-size:8px;white-space:normal;line-height:1.15}@media(max-width:900px){.sidebar-version-footer{right:12px;bottom:14px}.app-shell.sidebar-collapsed .sidebar-version-footer{left:12px;right:12px;bottom:14px;text-align:left;justify-content:flex-start}.app-shell.sidebar-collapsed .sidebar-version-copy strong{display:block}.app-shell.sidebar-collapsed .sidebar-version-copy small{margin-top:3px;font-size:9px;white-space:nowrap}}.update-lock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.update-lock-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#f7f9fc}.update-lock-item>div{min-width:0}.update-lock-item strong{display:block}.update-lock-item small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}.update-secondary-action{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.update-secondary-action small{color:var(--muted)}@media(max-width:900px){.update-lock-grid{grid-template-columns:1fr}.sidebar-environment-marker{right:12px;bottom:14px}.update-secondary-action{align-items:flex-start;flex-direction:column}}

.update-manager-shell{display:grid;gap:14px}.update-settings-form{display:block}.update-release-increment{display:grid;gap:6px;margin-top:12px;max-width:420px}.update-action-grid{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.update-action-grid form{margin:0}.update-build-form{display:flex;align-items:center;gap:8px;flex:1 1 440px}.update-build-form input{min-width:220px;flex:1}.update-result-panel{display:grid;gap:10px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.update-result-summary{display:flex;align-items:center;justify-content:space-between;gap:10px}.update-result-summary span{color:var(--muted);font-size:11px}.update-path-list{display:grid;gap:6px;max-height:280px;margin:8px 0 0;padding:8px;overflow:auto;list-style:none;border-radius:8px;background:var(--panel)}.update-path-list li{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--bg)}.update-path-list code{display:block;min-width:0;font-size:10px;overflow-wrap:anywhere}.update-path-kind{font-size:9px;font-weight:800;color:var(--muted)}.update-live-install{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end;margin-top:12px;padding:13px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--danger) 4%,var(--panel))}.update-live-install label{display:grid;gap:5px}.update-live-install small{grid-column:1/-1;color:var(--muted)}.update-history-list{display:grid;gap:8px}.update-history-list article{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.update-history-list article>span{justify-self:start;padding:3px 7px;border-radius:999px;background:var(--bg);font-size:9px;font-weight:800}.update-history-list article>small{color:var(--muted);font-size:10px}@media(max-width:760px){.update-build-form,.update-action-grid{align-items:stretch;flex-direction:column}.update-build-form{display:grid;width:100%}.update-action-grid form,.update-action-grid .button{width:100%}.update-live-install{grid-template-columns:1fr}.update-history-list article{grid-template-columns:1fr}.update-result-summary{align-items:flex-start;flex-direction:column}}
