:root { --wm-ink: #2d3838; --wm-muted: #727e80; --wm-line: #e2e8e6; --wm-sage: #edf5ef; --wm-sand: #faf3e7; --wm-blue: #edf3fa; --wm-lilac: #f3eff9; --wm-radius: 14px; --wm-gap: 12px; --wm-control: 46px; --wm-page: 18px; }
.wm-mobile { text-size-adjust: 100%; color: var(--wm-ink); background: rgb(255, 255, 255) !important; }
.wm-mobile .layout { grid-template-columns: minmax(0px, 1fr) !important; }
.wm-mobile .layout > .main { width: 100%; min-width: 0px; }
.wm-mobile .layout #content { max-width: 100%; min-width: 0px; padding: 25px var(--wm-page) 40px !important; }
.wm-mobile .layout .topbar { grid-template-columns: 44px minmax(0px, 1fr) 44px; align-items: center; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(232, 237, 235); position: sticky; top: 0px; z-index: 45; display: grid !important; gap: 13px !important; min-height: 70px !important; height: 70px !important; padding: 10px var(--wm-page) !important; }
.wm-mobile .layout .topbar .topright { display: none !important; }
.wm-mobile .layout .topbar .crumb { min-width: 0px; font-weight: 500; color: rgb(77, 93, 88); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: none !important; font-size: 14px !important; }
.wm-mobile .layout .mobilemenu { width: 44px !important; height: 44px !important; min-height: 44px !important; border: 1px solid var(--wm-line) !important; border-radius: 10px !important; color: rgb(35, 76, 62) !important; background: rgb(255, 255, 255) !important; }
.wm-mobile .mobilemenu svg { width: 19px; height: 19px; }
.wm-account-menu { display: none; }
.wm-mobile .wm-account-menu { display: block; position: relative; justify-self: end; }
.wm-account-menu > summary { display: grid; place-items: center; width: 44px; height: 44px; background: rgb(238, 244, 239); border: 1px solid rgb(224, 233, 226); border-radius: 50%; color: rgb(85, 116, 101); list-style: none; cursor: pointer; }
.wm-account-menu > summary::-webkit-details-marker { display: none; }
.wm-account-menu svg { width: 18px; height: 18px; flex: 0 0 auto; }
.wm-account-menu > div { position: absolute; right: 0px; top: 52px; width: 230px; max-width: calc(-36px + 100vw); border: 1px solid rgb(223, 231, 226); border-radius: 12px; background: rgb(255, 255, 255); padding: 7px; box-shadow: rgba(23, 49, 34, 0.11) 0px 12px 35px; z-index: 55; }
.wm-account-menu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 12px 10px; min-height: 46px; border: 0px; border-radius: 7px; background: white; color: rgb(82, 98, 90); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; text-align: left; }
.wm-account-menu button:hover { background: rgb(243, 246, 244); }
.wm-account-menu button:last-child { color: rgb(141, 104, 104); }
.wm-mobile .layout #content :is(.heading, .v18-dashboard-heading) { margin-bottom: 24px !important; }
.wm-mobile .layout #content .heading h1 { font-size: 28px !important; font-weight: 500 !important; letter-spacing: -1px !important; line-height: 1.25 !important; margin: 0px !important; color: rgb(45, 56, 56) !important; }
.wm-mobile .layout #content .v18-dashboard-heading h1 { font-size: 28px !important; font-weight: 500 !important; letter-spacing: -1px !important; line-height: 1.25 !important; margin: 0px !important; color: rgb(45, 56, 56) !important; }
.wm-page-heading h1 { font-size: 28px !important; font-weight: 500 !important; letter-spacing: -1px !important; line-height: 1.25 !important; margin: 0px !important; color: rgb(45, 56, 56) !important; }
.wm-mobile .layout #content .heading p { max-width: 42em; font-size: 13px !important; color: rgb(113, 129, 119) !important; line-height: 1.8 !important; margin: 10px 0px 0px !important; }
.wm-mobile .layout #content .v18-dashboard-heading > div > p { max-width: 42em; font-size: 13px !important; color: rgb(113, 129, 119) !important; line-height: 1.8 !important; margin: 10px 0px 0px !important; }
.wm-page-heading p { max-width: 42em; font-size: 13px !important; color: rgb(113, 129, 119) !important; line-height: 1.8 !important; margin: 10px 0px 0px !important; }
.wm-mobile .layout #content .eyebrow { line-height: 1.6; display: block; margin-bottom: 10px; font-size: 9px !important; color: rgb(139, 153, 149) !important; letter-spacing: 0.12em !important; }
.wm-kicker { line-height: 1.6; display: block; margin-bottom: 10px; font-size: 9px !important; color: rgb(139, 153, 149) !important; letter-spacing: 0.12em !important; }
.wm-page-heading { margin-bottom: 24px; }
.wm-page-heading > div { display: flex; justify-content: space-between; align-items: center; gap: 14px; min-width: 0px; }
.wm-page-heading > div > h1 { min-width: 0px; overflow-wrap: anywhere; }
.wm-mobile .layout #content .heading { align-items: flex-start; gap: 17px !important; }
.wm-mobile .layout #content .heading > button { min-height: 44px; }
.wm-mobile .layout #content :is(.primary, .secondary) { white-space: normal; min-height: 44px !important; border-radius: 9px !important; padding: 11px 14px !important; font-size: 12px !important; line-height: 1.5 !important; box-shadow: none !important; }
.wm-mobile .layout #content :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { max-width: 100%; min-width: 0px; font-size: 16px !important; line-height: 1.5 !important; min-height: var(--wm-control) !important; }
.wm-toolbar { display: grid; grid-template-columns: minmax(0px, 1fr); gap: 12px; margin: 0px 0px 18px; min-width: 0px; }
.wm-search { align-items: center; gap: 11px; min-height: var(--wm-control); padding: 0px 13px; border: 1px solid rgb(223, 230, 227); border-radius: 10px; background: rgb(255, 255, 255); min-width: 0px; display: flex !important; margin: 0px !important; }
.wm-search svg { width: 17px; height: 17px; flex: 0 0 auto; color: rgb(140, 159, 148); }
.wm-mobile .layout #content .wm-search input { flex: 1 1 0%; width: 100%; min-width: 0px; color: rgb(69, 85, 78); margin: 0px !important; padding: 10px 0px !important; background: transparent !important; box-shadow: none !important; border: 0px !important; border-radius: 0px !important; min-height: 44px !important; outline: 0px !important; }
.wm-search:focus-within { border-color: rgb(133, 163, 145); box-shadow: rgba(143, 173, 152, 0.125) 0px 0px 0px 3px; }
.wm-search input::placeholder { font-size: 14px; color: rgb(162, 172, 167); opacity: 1; }
.wm-select-label { align-items: center; justify-content: space-between; gap: 14px; color: rgb(118, 132, 124); line-height: 1.5; font-weight: 400; min-width: 0px; display: flex !important; font-size: 12px !important; }
.wm-mobile .layout #content .wm-select-label select { width: min(100%, 250px); flex: 1 1 0%; max-width: 270px; min-width: 0px; border: 1px solid rgb(225, 231, 227); border-radius: 9px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2377877c' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='m8 10 4 4 4-4'/%3E%3C/svg%3E") right 11px center / 17px auto no-repeat rgb(248, 250, 248); padding: 10px 32px 10px 12px; color: rgb(79, 99, 87); font-family: inherit; box-shadow: none; appearance: none; }
.wm-tabs { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 7px; background: rgb(245, 247, 245); border: 1px solid rgb(237, 240, 237); border-radius: 11px; padding: 5px; margin-bottom: 18px; min-width: 0px; }
.wm-client-tabs { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.wm-tabs > button { min-height: 44px; border: 1px solid transparent; border-radius: 8px; box-shadow: none; background: transparent; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 5px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 400; color: rgb(132, 145, 136); min-width: 0px; line-height: 1.4; }
.wm-tabs > button[aria-pressed="true"] { color: rgb(40, 88, 62); background: white; border-color: rgb(228, 235, 229); font-weight: 600; box-shadow: rgba(35, 78, 48, 0.125) 0px 2px 5px; }
.wm-tabs > button > span { min-width: 0px; white-space: normal; }
.wm-tabs small { flex: 0 0 auto; min-width: 19px; height: 19px; display: grid; place-items: center; font-size: 10px; background: rgb(233, 238, 234); color: rgb(129, 148, 135); border-radius: 6px; line-height: 1; }
.wm-tabs > button[aria-pressed="true"] small { color: rgb(71, 111, 82); background: rgb(231, 241, 232); }
.wm-list-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 25px; margin-bottom: 11px; color: rgb(131, 145, 136); font-size: 11px; }
.wm-list-meta > span { line-height: 1.7; }
.wm-text-action { font-style: inherit; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; white-space: nowrap; }
.wm-text-action[hidden] { display: none !important; }
.wm-select-all[hidden] { display: none !important; }
.wm-selection-bar[hidden] { display: none !important; }
.wm-empty[hidden] { display: none !important; }
.wm-select-all { display: flex; gap: 8px; align-items: center; font-size: 11px; }
.wm-mobile .layout #content input[type="checkbox"] { accent-color: rgb(53, 99, 74); flex: 0 0 auto; min-height: 0px !important; min-width: 0px !important; width: 20px !important; height: 20px !important; margin: 0px !important; padding: 0px !important; }
.wm-card-list { display: grid; gap: 12px; min-width: 0px; }
.wm-card { display: block; min-width: 0px; width: 100%; border: 1px solid rgb(227, 233, 229); background: rgb(255, 255, 255); border-radius: var(--wm-radius); box-shadow: rgba(24, 48, 37, 0.016) 0px 3px 9px; color: rgb(61, 77, 68); }
.wm-card.is-selected { border-color: rgb(147, 178, 157); background: rgb(251, 254, 251); }
.wm-client-main { display: flex; align-items: center; padding: 16px 15px 12px; gap: 6px; min-width: 0px; }
.wm-client-open { display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0px; padding: 0px; border: 0px; background: transparent; text-align: left; font: inherit; color: inherit; min-height: 48px; }
.wm-client-copy { display: flex; flex-direction: column; gap: 4px; flex: 1 1 0%; min-width: 0px; }
.wm-lead-copy { display: flex; flex-direction: column; gap: 4px; flex: 1 1 0%; min-width: 0px; }
.wm-client-copy strong { overflow-wrap: anywhere; word-break: normal; font-size: 14px !important; font-weight: 500 !important; line-height: 1.6 !important; color: rgb(55, 75, 62) !important; }
.wm-lead-copy strong { overflow-wrap: anywhere; word-break: normal; font-size: 14px !important; font-weight: 500 !important; line-height: 1.6 !important; color: rgb(55, 75, 62) !important; }
.wm-task-copy strong { overflow-wrap: anywhere; word-break: normal; font-size: 14px !important; font-weight: 500 !important; line-height: 1.6 !important; color: rgb(55, 75, 62) !important; }
.wm-client-copy small { font-weight: 400; overflow-wrap: anywhere; word-break: normal; font-size: 12px !important; line-height: 1.7 !important; color: rgb(114, 129, 119) !important; }
.wm-lead-copy small { font-weight: 400; overflow-wrap: anywhere; word-break: normal; font-size: 12px !important; line-height: 1.7 !important; color: rgb(114, 129, 119) !important; }
.wm-task-copy small { font-weight: 400; overflow-wrap: anywhere; word-break: normal; font-size: 12px !important; line-height: 1.7 !important; color: rgb(114, 129, 119) !important; }
.wm-avatar { width: 39px; height: 39px; flex: 0 0 auto; border-radius: 10px; display: grid; place-items: center; font-size: 12px; font-weight: 500; letter-spacing: -0.3px; background: rgb(237, 245, 239); color: rgb(102, 136, 112); border: 1px solid rgb(223, 234, 226); }
.wm-avatar.tone-1 { background: rgb(247, 241, 233); color: rgb(163, 137, 100); border-color: rgb(239, 228, 213); }
.wm-avatar.tone-2 { background: rgb(237, 242, 249); color: rgb(124, 149, 179); border-color: rgb(223, 231, 242); }
.wm-avatar.tone-3 { background: rgb(243, 239, 247); color: rgb(149, 128, 167); border-color: rgb(232, 224, 239); }
.wm-card-arrow { display: grid; place-items: center; flex: 0 0 auto; width: 30px; min-height: 44px; color: rgb(147, 166, 151); }
.wm-card-arrow svg { width: 16px; height: 16px; }
.wm-client-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid rgb(240, 243, 240); margin: 0px 16px; padding: 12px 0px; }
.wm-client-footer > span:last-child { font-size: 10px; color: rgb(152, 162, 152); line-height: 1.7; text-align: right; min-width: 0px; max-width: 45%; overflow-wrap: anywhere; }
.wm-client-project { padding: 0px 16px 15px; overflow-wrap: anywhere; font-size: 11px !important; line-height: 1.8 !important; color: rgb(154, 165, 156) !important; margin: 0px !important; }
.wm-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 6px; font-size: 10px; font-weight: 400; line-height: 1.5; border: 1px solid transparent; max-width: 100%; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; }
.wm-status i { display: block; width: 4px; height: 4px; flex: 0 0 auto; border-radius: 50%; background: currentcolor; opacity: 0.65; }
.wm-status.is-sage { background: rgb(237, 245, 239); color: rgb(85, 120, 94); border-color: rgb(225, 236, 228); }
.wm-status.is-blue { background: rgb(237, 243, 250); color: rgb(89, 117, 151); border-color: rgb(224, 233, 244); }
.wm-status.is-amber { background: rgb(251, 244, 230); color: rgb(145, 115, 62); border-color: rgb(243, 233, 210); }
.wm-status.is-rose { background: rgb(250, 240, 240); color: rgb(155, 115, 115); border-color: rgb(241, 226, 226); }
.wm-status.is-slate { background: rgb(242, 244, 243); color: rgb(120, 138, 126); border-color: rgb(232, 237, 233); }
.wm-check-target { display: grid; place-items: center; min-width: 44px; min-height: 44px; cursor: pointer; flex: 0 0 auto; margin: 0px; }
.wm-task-card { padding: 14px 15px; }
.wm-task-main { display: flex; align-items: flex-start; gap: 8px; min-width: 0px; }
.wm-task-copy { border: 0px; background: transparent; text-align: left; font: inherit; min-width: 0px; flex: 1 1 0%; display: flex; flex-direction: column; gap: 5px; padding: 7px 0px 4px; color: rgb(64, 82, 73); }
.wm-task-card.is-done .wm-task-copy strong { text-decoration: line-through; color: rgb(155, 168, 158) !important; }
.wm-task-footer { border-top: 1px solid rgb(237, 241, 237); margin-top: 13px; padding-top: 11px; display: flex; align-items: center; gap: 8px; min-width: 0px; }
.wm-task-footer .wm-status { margin-right: auto; }
.wm-icon-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; white-space: nowrap; flex: 0 0 auto; }
.wm-quiet-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; white-space: nowrap; flex: 0 0 auto; }
.wm-icon-button { width: 44px; min-width: 44px; }
.wm-icon-button svg { width: 17px; height: 17px; }
.wm-quiet-button svg { width: 15px; height: 15px; }
.wm-help { margin-top: 20px; color: rgb(138, 153, 142); font-size: 11px; }
.wm-help summary { display: flex; align-items: center; gap: 8px; list-style: none; min-height: 44px; cursor: pointer; }
.wm-help summary::-webkit-details-marker { display: none; }
.wm-help svg { width: 14px; height: 14px; }
.wm-help p { font-size: 12px; line-height: 1.85; margin: 5px 0px 0px; color: rgb(145, 158, 148); }
.wm-help[open] summary svg { transform: rotate(180deg); }
.wm-lead-card { display: grid; grid-template-columns: 39px minmax(0px, 1fr) 22px; gap: 0px 12px; padding: 17px 15px; text-align: left; font: inherit; }
.wm-lead-card > .wm-avatar { grid-area: 1 / 1; align-self: start; margin-top: 3px; }
.wm-lead-copy { grid-area: 1 / 2; }
.wm-lead-card > .wm-card-arrow { grid-area: 1 / 3 / 3; width: 22px; }
.wm-lead-source { font-size: 10px; color: rgb(160, 173, 163); line-height: 1.75; overflow-wrap: anywhere; }
.wm-lead-status { grid-area: 2 / 2; margin-top: 10px; }
.wm-filter-actions { display: flex; align-items: flex-start; gap: 10px; min-width: 0px; }
.wm-filter-panel { flex: 1 1 0%; min-width: 0px; }
.wm-filter-panel > summary { display: flex; align-items: center; gap: 8px; min-height: 46px; border: 1px solid rgb(224, 232, 226); border-radius: 9px; background: white; padding: 10px 12px; list-style: none; cursor: pointer; color: rgb(129, 147, 135); font-size: 12px; }
.wm-filter-panel > summary::-webkit-details-marker { display: none; }
.wm-filter-panel > summary > svg { width: 15px; height: 15px; flex: 0 0 auto; }
.wm-filter-panel > summary > svg:last-child { margin-left: auto; }
.wm-filter-panel[open] > summary { background: rgb(242, 247, 243); color: rgb(85, 127, 96); }
.wm-filter-panel[open] > summary > svg:last-child { transform: rotate(180deg); }
.wm-filter-panel > div { display: grid; gap: 15px; margin-top: 10px; padding: 16px; border: 1px solid rgb(227, 234, 228); border-radius: 10px; background: rgb(252, 253, 252); }
.wm-filter-panel .wm-select-label { flex-direction: column; align-items: stretch; gap: 7px; font-size: 11px !important; }
.wm-filter-panel .wm-select-label select { max-width: none !important; width: 100% !important; }
.wm-empty { padding: 30px 20px; text-align: center; font-size: 13px; color: rgb(156, 170, 161); line-height: 1.8; border: 1px dashed rgb(223, 231, 225); border-radius: 12px; background: rgb(251, 253, 251); }
.wm-selection-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px; margin-bottom: 14px; border: 1px solid rgb(218, 232, 223); background: rgb(244, 249, 245); border-radius: 10px; color: rgb(113, 139, 123); font-size: 11px; }
.wm-selection-bar > span { width: 100%; }
.wm-selection-bar button { min-height: 40px; font: inherit; padding: 8px; border: 1px solid rgb(225, 234, 226); border-radius: 7px; background: rgb(255, 255, 255); color: rgb(105, 129, 111); }
.wm-mobile .v18-dashboard-heading { gap: 17px !important; }
.wm-mobile .v18-heading-actions { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; }
.wm-mobile .v18-heading-actions time { line-height: 1.7; max-width: 145px; font-size: 10px !important; color: rgb(162, 170, 166) !important; }
.wm-mobile .v18-heading-actions .primary { flex: 0 0 auto; }
.wm-mobile .v18-heading-actions .primary svg { width: 14px !important; height: 14px !important; }
.wm-mobile .layout #content .v18-metrics { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 10px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; margin-bottom: 20px !important; }
.wm-mobile .layout #content .v18-metric { flex-direction: column; align-items: flex-start; min-width: 0px; min-height: 146px; text-align: left; display: flex !important; gap: 12px !important; border: 1px solid rgb(224, 235, 227) !important; border-radius: 13px !important; padding: 16px 14px !important; background: rgb(239, 247, 241) !important; box-shadow: none !important; }
.wm-mobile .layout #content .v18-metric:nth-child(2) { background: rgb(250, 245, 235) !important; border-color: rgb(240, 230, 214) !important; }
.wm-mobile .layout #content .v18-metric:nth-child(3) { background: rgb(238, 244, 250) !important; border-color: rgb(224, 233, 244) !important; }
.wm-mobile .layout #content .v18-metric:nth-child(4) { background: rgb(244, 240, 250) !important; border-color: rgb(233, 225, 243) !important; }
.wm-mobile .v18-metric-label { font-size: 10px !important; line-height: 1.5 !important; gap: 7px !important; color: rgb(123, 145, 130) !important; }
.wm-mobile .v18-metric:nth-child(2) .v18-metric-label { color: rgb(170, 152, 120) !important; }
.wm-mobile .v18-metric:nth-child(3) .v18-metric-label { color: rgb(135, 158, 184) !important; }
.wm-mobile .v18-metric:nth-child(4) .v18-metric-label { color: rgb(161, 138, 182) !important; }
.wm-mobile .v18-metric-label svg { flex: 0 0 auto; width: 13px !important; height: 13px !important; }
.wm-mobile .v18-metric > strong { font-size: 29px !important; line-height: 1 !important; font-weight: 500 !important; color: rgb(62, 89, 72) !important; }
.wm-mobile .v18-metric-foot { margin-top: auto; width: 100%; font-size: 9px !important; line-height: 1.6 !important; color: rgb(163, 176, 167) !important; gap: 5px !important; }
.wm-mobile .v18-metric-foot svg { flex: 0 0 auto; margin-left: auto; width: 12px !important; }
.wm-mobile .layout #content .v18-focus { border: 1px solid rgb(220, 233, 223) !important; background: rgb(243, 248, 243) !important; border-radius: 14px !important; box-shadow: none !important; }
.wm-mobile .layout #content .v18-focus::before { display: none !important; }
.wm-mobile .v18-focus .v18-panel-head { padding: 18px 18px 12px !important; background: transparent !important; }
.wm-mobile .v18-focus .v18-focus-body { padding: 8px 18px 20px !important; }
.wm-mobile .v18-focus-body h2 { font-size: 21px !important; line-height: 1.4 !important; letter-spacing: -0.5px !important; margin: 13px 0px 10px !important; color: rgb(64, 89, 74) !important; }
.wm-mobile .v18-focus-body p { font-size: 13px !important; line-height: 1.85 !important; color: rgb(141, 159, 145) !important; }
.wm-mobile .v18-focus footer { min-width: 0px; display: flex; flex-wrap: wrap; padding: 0px 18px 20px !important; }
.wm-mobile .v18-focus footer .primary { width: 100%; justify-content: space-between; }
.wm-mobile .v18-row-status { background: rgb(237, 244, 239) !important; border-color: rgb(220, 232, 223) !important; color: rgb(119, 149, 130) !important; font-size: 10px !important; }
.wm-mobile .v18-panel { border-radius: 13px !important; box-shadow: none !important; border-color: rgb(228, 234, 229) !important; }
.wm-mobile .v18-panel-head h2 { font-size: 13px !important; line-height: 1.6 !important; }
.wm-mobile .v18-main-grid { gap: 16px !important; }
.wm-mobile #modal.v22-dossier > .v21-dossier-nav { background: rgb(248, 251, 248) !important; }
.wm-mobile #modal.v22-dossier .v22-section-menu > summary { background: rgb(255, 255, 255); border-color: rgb(221, 232, 224); }
.wm-mobile #modal.v22-dossier .v22-empty { background: linear-gradient(rgb(247, 250, 247), rgb(255, 255, 255)) !important; border-color: rgb(227, 235, 228) !important; }
.wm-mobile #modal.v22-dossier .v22-empty-symbol { background: rgb(239, 245, 240); color: rgb(126, 156, 135); }
.wm-mobile #modal.v22-dossier .v21-hosting-form { background: rgb(251, 253, 251) !important; }
.wm-mobile #modal.v22-dossier .v14-overview-work { background: rgb(246, 250, 246) !important; border-color: rgb(224, 234, 225) !important; }
.wm-mobile #modal.v22-dossier .v22-task-composer { background: rgb(244, 248, 244); }
.wm-mobile #modal.v22-dossier .v22-date-tile { background: rgb(241, 247, 242); }
.wm-mobile .layout #content .v17-service-image { background: rgb(242, 246, 243) !important; border-color: rgb(226, 234, 228) !important; }
.wm-mobile .layout #content .v17-categories button[aria-pressed="true"] { background: rgb(234, 243, 236) !important; color: rgb(86, 123, 96) !important; }
.wm-mobile .v22-menu-panel { box-shadow: rgba(32, 57, 41, 0.133) 0px 14px 35px !important; }
.wm-mobile .v21-settings-picker select { background-color: rgb(241, 247, 242) !important; border-color: rgb(220, 232, 223) !important; }
.wm-mobile .wm-account-menu[open] > summary { background: rgb(228, 239, 230); border-color: rgb(205, 223, 207); }
@media (min-width: 700px) {
.wm-card-list { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.wm-toolbar { grid-template-columns: minmax(0px, 1fr) minmax(220px, 0.6fr); align-items: end; }
.wm-requests .wm-toolbar { grid-template-columns: minmax(0px, 1fr) minmax(250px, 0.6fr); }
.wm-select-label { min-height: 46px; }
.wm-client-tabs { max-width: 600px; }
.wm-tasks .wm-tabs { max-width: 500px; }
}
@media (max-width: 370px) {
:root { --wm-page: 15px; }
.wm-client-tabs { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.wm-task-footer { gap: 6px; flex-wrap: wrap; }
.wm-task-footer > .wm-status { flex-basis: auto; margin-right: auto; }
.wm-task-footer .wm-quiet-button { gap: 5px; }
.wm-task-footer .wm-icon-button { width: 40px; min-width: 40px; }
.wm-client-footer { gap: 8px; }
.wm-client-footer > span:last-child { max-width: 40%; }
.wm-mobile .v18-metric { min-height: 150px !important; }
.wm-mobile .v18-metric-label { font-size: 9px !important; }
.wm-mobile .v18-metric-foot { font-size: 8px !important; }
}
@media (prefers-reduced-motion: reduce) {
.wm-card { transition: none !important; }
.wm-search { transition: none !important; }
.wm-account-menu * { transition: none !important; }
}
.wm-brand { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; border: 0px; background: transparent; padding: 0px; min-width: 0px; width: 100%; min-height: 44px; color: rgb(20, 62, 46); font-family: Poppins, Arial, sans-serif; text-align: left; }
.wm-wordmark { font-size: 16px; font-weight: 600; letter-spacing: 0.22em; line-height: 1.2; }
.wm-brand > small { font-size: 9px; letter-spacing: 0.08em; line-height: 1.4; font-weight: 500; color: rgb(148, 166, 154); white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.wm-brand > small > span { font-weight: 400; color: rgb(160, 172, 164); letter-spacing: 0px; }
.wm-mobile .layout .topbar .crumb { overflow: visible; white-space: normal; }