/* R7: approved Olive Frame overview; existing permissions and event views remain scoped. */
body.portal-page { --flow-olive:#293e29; --flow-cream:#f0e5cf; --flow-white:#fff; --flow-sage:#bbc8af; --flow-ink:#10130f; --flow-brown:#896234; --flow-line:#c7ab82; }
.flow-header,.flow-footer,.flow-nav-mono { display:none; }
html body.portal-page.staff-mode[data-portal]:not(.is-locked) { background:var(--flow-cream)!important; }
html body.portal-page.staff-mode[data-portal]:not(.is-locked) .portal-main { padding:0 0 0 104px!important; max-width:none!important; }
html body.portal-page.staff-mode[data-portal] .crm-shell { display:block!important; margin:0!important; }
html body.portal-page.staff-mode[data-portal] .crm-workspace { max-width:none!important; margin:0!important; }
html body.portal-page.staff-mode[data-portal] .crm-topbar { display:none!important; }
html body.portal-page.staff-mode[data-portal] .flow-header { display:flex;align-items:center;gap:20px;height:82px;padding:0 20px 0 36px;background:var(--flow-olive);color:#fff; }
.flow-header svg,.flow-icon { width:26px;height:26px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.flow-wordmark { display:block;width:285px;flex-shrink:0; }
.flow-wordmark img { display:block;width:100%;filter:brightness(0) invert(1); }
.flow-current-view { padding:13px 20px;border-left:1px solid #cdc7ad;font-size:17px;white-space:nowrap; }
.flow-search { margin-left:auto;display:flex;align-items:center;gap:10px;width:315px;height:46px;min-width:170px;padding:0 14px;border:1px solid #87917b;border-radius:8px;background:#ffffff0a; }
html body.portal-page.staff-mode[data-portal] .flow-search input { width:100%;min-width:0;padding:0!important;background:transparent!important;color:white!important;border:0!important;outline-offset:6px;font:14px var(--sans)!important;box-shadow:none!important; }
.flow-search input::placeholder {color:#f2f2e8;opacity:1;}
.flow-search svg {width:21px;height:21px;}
.flow-create { display:flex;align-items:center;justify-content:center;gap:18px;white-space:nowrap;padding:9px 20px;border:1px solid #d9dcd4;border-radius:7px;background:#fff;color:var(--flow-ink);font:17px var(--sans);cursor:pointer; }
.flow-create>span {font-size:31px;font-weight:300;line-height:26px;}
.flow-profile {position:relative;flex-shrink:0;border-left:1px solid #cdc7ad;padding-left:20px;}
.flow-profile summary {display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;}
.flow-profile summary::-webkit-details-marker {display:none;}
.flow-profile summary>span {display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:white;color:var(--flow-ink);font-size:20px;}
.flow-profile summary>svg {width:14px;height:14px;}
.flow-profile-menu {position:absolute;right:0;top:60px;width:270px;z-index:30;padding:18px;background:white;border:1px solid var(--flow-line);border-radius:10px;color:var(--flow-ink);box-shadow:0 8px 30px #0002;}
html body.portal-page.staff-mode[data-portal] .flow-profile-menu .crm-userbar {display:grid!important;justify-items:start;gap:14px;}
.flow-profile-menu>button {margin-top:12px;background:var(--flow-cream);border:1px solid var(--flow-line);border-radius:4px;padding:8px 12px;cursor:pointer;}
html body.portal-page.staff-mode[data-portal] .crm-nav-panel {width:104px!important;padding:15px 7px!important;background:var(--flow-olive)!important;gap:8px!important;border-right:1px solid #ffffff12!important;z-index:20;}
html body.portal-page.staff-mode[data-portal] .crm-nav-panel .ws-brand {display:flex!important;align-items:flex-start;justify-content:center;width:100%!important;min-height:112px;padding:3px 10px!important;margin:0!important;}
html body.portal-page.staff-mode[data-portal] .crm-nav-panel .flow-nav-wordmark {display:none!important;}
html body.portal-page.staff-mode[data-portal] .crm-nav-panel .flow-nav-mono {display:block;width:64px;height:94px;object-fit:contain;filter:brightness(0) invert(1);}
html body.portal-page.staff-mode[data-portal] .crm-nav-panel>.label,html body.portal-page.staff-mode[data-portal] .ws-member {display:none!important;}
html body.portal-page.staff-mode[data-portal] .crm-nav-panel>button {flex-direction:column!important;justify-content:center;gap:7px!important;padding:12px 5px!important;min-height:85px!important;border-radius:9px!important;color:#fff!important;font:14px/1.4 var(--sans)!important;}
html body.portal-page.staff-mode[data-portal] .crm-nav-panel button span {text-align:center!important;white-space:normal!important;flex:none!important;}
html body.portal-page.staff-mode[data-portal] .crm-nav-panel button svg,html body.portal-page.staff-mode[data-portal] .ws-settings summary svg {width:29px;height:29px;stroke-width:1.5;fill:none;stroke:currentColor;}
html body.portal-page.staff-mode[data-portal] .crm-nav-panel>button.active,html body.portal-page.staff-mode[data-portal] .crm-nav-panel>button:hover {background:#fff!important;color:var(--flow-ink)!important;}
html body.portal-page.staff-mode[data-portal] .ws-settings {position:relative;border:0!important;padding:0!important;margin:0!important;}
html body.portal-page.staff-mode[data-portal] .ws-settings>summary {display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 0!important;list-style:none;font:14px var(--sans)!important;color:white!important;cursor:pointer;}
.ws-settings summary::-webkit-details-marker {display:none;}
html body.portal-page.staff-mode[data-portal] .ws-settings>summary::before,html body.portal-page.staff-mode[data-portal] .ws-settings>summary::after {display:none!important;}
html body.portal-page.staff-mode[data-portal] .ws-settings[open] {background:#ffffff12;border-radius:6px;}
html body.portal-page.staff-mode[data-portal] .ws-settings button {padding:10px 3px!important;font-size:12px!important;color:white!important;}
html body.portal-page.staff-mode[data-portal] .ws-settings button:hover {background:#ffffff20!important;}
html body.portal-page.staff-mode[data-portal] .crm-view:not([data-view-panel=overview]),html body.portal-page.staff-mode[data-portal] .crm-project-picker {margin:28px 36px!important;}
html body.portal-page.staff-mode[data-portal] [data-view-panel=overview] {padding:0!important;margin:0!important;}
html body.portal-page.staff-mode[data-portal] [data-agency-home] {display:grid;grid-template-columns:minmax(0,71%) minmax(0,29%);color:var(--flow-ink);font:16px/1.35 var(--sans);}
[data-agency-home] *, .flow-dialog * {box-sizing:border-box;}
[data-agency-home] button {font:inherit;color:inherit;letter-spacing:0;text-transform:none;cursor:pointer;text-align:left;box-shadow:none;}
[data-agency-home] button:disabled {cursor:default;opacity:.65;}
[data-agency-home] button:focus-visible,.flow-header :focus-visible,.flow-dialog :focus-visible {outline:3px solid #ab7429;outline-offset:4px;}
.flow-main {min-width:0;padding:26px 16px 10px;background:var(--flow-cream);}
.flow-intro {padding:0 20px 20px;}
html body.portal-page.staff-mode[data-portal] .flow-intro h2 {margin:0!important;font:400 clamp(34px,3.7vw,60px)/1.05 var(--serif)!important;letter-spacing:-1.8px!important;color:#070b06!important;}
html body.portal-page.staff-mode[data-portal] .flow-intro>p {margin:3px 0 13px!important;color:var(--flow-olive)!important;font:28px/1.25 var(--sans)!important;}
.flow-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px;}
.flow-metric {display:flex;flex-direction:column;position:relative;gap:0;background:none;border:0;padding:0 8px 0 0;}
.flow-metric+.flow-metric {padding-left:25px;}
.flow-metric+.flow-metric::before {content:'';position:absolute;left:0;top:9px;bottom:5px;border-left:1px solid var(--flow-brown);}
.flow-metric strong {font:400 34px/1.1 var(--serif);}
.flow-metric span {font-size:17px;}
.flow-board {height:463px;position:relative;border:1px solid #d1c5af;border-radius:8px;background-image:radial-gradient(#c5ad8588 .7px,transparent .7px);background-size:14px 14px;}
.flow-connectors {position:absolute;inset:0;width:100%;height:100%;color:var(--flow-brown);overflow:visible;}
.flow-connectors>path {fill:none;stroke:currentColor;stroke-width:1.8;marker-end:url(#flow-arrow);}
.flow-card {position:absolute;border:1px solid var(--flow-line);border-radius:12px;min-width:0;padding:16px 19px;}
.flow-enquiries {left:1.8%;top:38px;width:28%;height:195px;background:white;}
.flow-event {left:35.5%;top:26px;width:33.2%;height:237px;background:var(--flow-olive);color:white;border-color:var(--flow-olive);}
.flow-quotations {left:74.5%;top:38px;width:23.7%;height:220px;background:white;}
.flow-invoices {left:53.4%;top:300px;width:36.8%;height:135px;background:var(--flow-sage);border-color:var(--flow-sage);padding:14px 17px;}
.flow-delivery {left:7%;top:300px;width:36%;height:135px;background:var(--flow-cream);padding:14px;}
.flow-card-heading {display:flex;align-items:center;gap:14px;border:0;background:transparent;padding:0;width:100%;white-space:nowrap;}
.flow-card-heading>.flow-icon:last-child {margin-left:auto;width:14px;height:22px;}
.flow-card-heading>.flow-icon:not(:last-child) {width:28px;height:30px;}
.flow-card-heading>span:not(.flow-step) {font-size:17px;}
.flow-step {display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--flow-cream);font-size:15px;}
.flow-event .flow-step {border:1px solid #ffffff65;background:transparent;}
.flow-enquiries .flow-step,.flow-delivery .flow-step {background:#fff;}
.flow-enquiries .flow-step {box-shadow:0 1px 4px #0002;}
html body.portal-page.staff-mode[data-portal] .flow-card p {margin:13px 0 0!important;color:#4a4e4f!important;font:14px/1.4 var(--sans)!important;}
.flow-enquiry-count,.flow-event-count {display:block;width:100%;padding:17px 0 10px;border:0;border-bottom:1px solid var(--flow-line);background:none;font-size:14px!important;}
.flow-event-count {padding:16px 0 7px;border-color:#acb69870;}
.flow-event-rows {display:grid;gap:7px;margin-top:10px;}
.flow-event-rows button {display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:0;border:0;background:none;font-size:14px;}
.flow-event-rows span {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.flow-event-rows time {flex-shrink:0;font-size:13px;}
.flow-calendar {display:flex;align-items:center;gap:10px;padding:8px 12px;margin-top:20px;border:1px solid #b8bfaa70;border-radius:5px;background:#ffffff06;font-size:14px!important;}
.flow-calendar .flow-icon {width:19px;height:19px;}
.flow-money {display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:4px;min-height:31px;border-radius:5px;background:var(--flow-cream);padding:2px 4px 2px 14px;}
.flow-money button {background:none;border:0;padding:0;}
.flow-money .flow-money-link {flex:1;min-width:0;}
.flow-money-link span {font-weight:700;white-space:nowrap;font-size:15px;}
.flow-money>[data-flow-reveal] {display:grid;place-items:center;width:31px;height:25px;border-radius:4px;background:#00000008;}
.flow-money .flow-icon {width:19px;height:19px;}
.flow-quotations .flow-card-heading {gap:9px;}
.flow-quotations .flow-step {width:39px;height:39px;}
.flow-invoice-body {display:grid;grid-template-columns:1fr 46%;gap:12px;align-items:end;}
.flow-invoices .flow-money {background:#23391f;color:white;min-height:30px;}
.flow-invoices .flow-card-heading {gap:15px;}
.flow-delivery p {padding-left:7px;}
.flow-network {display:grid;grid-template-columns:47.5% 52.5%;margin-top:10px;border:1px solid #d1c5af;border-radius:8px;overflow:hidden;min-height:118px;}
.flow-network>section {padding:16px 26px;min-width:0;}
.flow-suppliers {background:var(--flow-olive);color:white;}
.flow-network-heading {display:flex;align-items:center;gap:17px;width:100%;padding:0;border:0;background:none;font-size:18px!important;}
.flow-network-heading>.flow-icon:last-child {margin-left:auto;width:16px;height:24px;}
.flow-network-details {display:flex;gap:24px;margin-top:20px;}
.flow-network-details button {display:flex;align-items:center;gap:16px;flex:1;min-width:0;background:none;border:0;padding:0;font-size:14px;}
.flow-network-details button b {margin-left:auto;font-weight:400;}
.flow-attention {min-width:0;padding:31px 28px 32px 33px;background:#fff;border-left:1px solid #ded6c7;}
html body.portal-page.staff-mode[data-portal] .flow-attention h3 {display:flex;align-items:center;gap:14px;margin:0!important;color:var(--flow-ink)!important;font:400 27px/1.25 var(--serif)!important;letter-spacing:-.6px!important;}
.flow-attention h3 .flow-icon {width:28px;height:30px;color:#67491f;}
.flow-attention-total {display:flex;align-items:center;gap:36px;width:100%;padding:5px 0 17px;border:0;background:none;}
.flow-attention-total>strong {font:400 112px/1.05 var(--serif);color:var(--flow-olive);}
.flow-attention-total>span {font-size:20px;line-height:1.4;color:#4d5157;}
.flow-attention-tabs {display:flex;gap:12px;padding:0 0 26px;border-bottom:1px solid var(--flow-line);}
.flow-attention-tabs button {flex:1;border:1px solid var(--flow-line);background:var(--flow-cream);padding:11px 9px;border-radius:7px;font-size:15px;white-space:nowrap;text-align:center;}
.flow-attention-tabs button.active {border-color:var(--flow-olive);background:var(--flow-olive);color:white;}
.flow-record {display:flex;align-items:center;gap:22px;width:100%;padding:24px 0 19px;border:0;border-bottom:1px solid var(--flow-line);background:none;min-height:121px;}
.flow-record-mark {display:grid;place-items:center;align-self:flex-start;flex-shrink:0;width:35px;height:35px;color:#7c541d;}
.flow-record-mark .flow-icon {width:34px;height:34px;}
.flow-record.is-overdue .flow-record-mark {background:#ee1230;color:#fff;border-radius:50%;font-size:27px;line-height:1;}
.flow-record-copy {display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;}
.flow-record-copy strong {font-size:17px;font-weight:600;line-height:1.3;}
.flow-record-copy>span,.flow-record-copy>small {color:#535456;font-size:15px;line-height:1.35;}
.flow-record.is-overdue small {color:#e01624;}
.flow-record>.flow-icon {width:15px;height:22px;}
.flow-attention-all {display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--flow-cream);border:1px solid var(--flow-line);padding:15px 20px;margin-top:24px;border-radius:7px;font-size:17px!important;}
.flow-attention-all .flow-icon {width:15px;height:22px;}
.flow-empty {color:#596052;padding:18px 0;font-size:15px;}
.flow-social {grid-column:1/-1;display:grid;grid-template-columns:196px repeat(4,minmax(0,1fr));padding:16px 0 10px;min-height:101px;border:3px solid #fff;background:var(--flow-cream);}
.flow-social-title {display:flex;align-items:flex-start;gap:16px;padding:1px 17px;font-size:17px;white-space:nowrap;}
.flow-social-title .flow-icon {color:#755022;}
.flow-social-platform {display:grid;grid-template-columns:35px 1fr;align-content:start;gap:6px 15px;padding:0 28px;border:0;border-left:1px solid var(--flow-brown);background:none;}
.flow-social-platform>.flow-icon {width:35px;height:35px;color:#755022;}
.flow-social-platform:nth-last-child(2)>.flow-icon {color:var(--flow-olive);}
.flow-social-platform strong,.flow-social-platform small {display:block;font-size:13px;font-weight:400;}
.flow-social-platform small {color:#6d7890;margin-top:3px;}
.flow-social-metrics {grid-column:1/-1;color:#6d7890;font-size:11px;white-space:nowrap;margin-top:7px;}
html body.portal-page.staff-mode[data-portal] .flow-footer {display:flex;justify-content:space-between;gap:18px;padding:13px 20px;background:var(--flow-olive);color:white;font-size:10px;letter-spacing:2px;}
.flow-footer>span:last-child {letter-spacing:4px;}
.flow-dialog {padding:0;width:min(760px,calc(100% - 32px));max-height:85dvh;border:1px solid var(--flow-line);border-radius:12px;background:#fff;color:var(--flow-ink);box-shadow:0 20px 80px #0004;}
.flow-dialog::backdrop {background:#18241788;backdrop-filter:blur(3px);}
.flow-dialog header {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px;background:var(--flow-cream);}
html body.portal-page[data-portal] .flow-dialog h2 {font:400 28px var(--serif)!important;margin:0!important;}
.flow-dialog header p {margin:7px 0 0;font-size:14px;}
.flow-dialog button {font:inherit;color:inherit;cursor:pointer;}
.flow-dialog header button {display:grid;place-items:center;background:none;border:0;padding:4px;}
.flow-list-filters {display:flex;gap:8px;flex-wrap:wrap;padding:14px 28px;border-bottom:1px solid #e1d9cb;}
.flow-list-filters:empty {display:none;}
.flow-list-filters button {border:1px solid var(--flow-line);border-radius:20px;padding:6px 11px;font-size:12px;background:white;}
.flow-list-filters button.active {background:var(--flow-olive);color:white;}
.flow-list-body {padding:0 28px;}
.flow-dialog .flow-record {text-align:left;min-height:90px;padding:18px 0;}
.flow-dialog .flow-record:last-child {border-bottom:0;}
.flow-dialog footer {padding:15px 28px;border-top:1px solid #e1d9cb;}
.flow-dialog footer button {display:flex;align-items:center;gap:12px;background:var(--flow-cream);border:1px solid var(--flow-line);border-radius:6px;padding:8px 14px;}
.flow-record-highlight {outline:3px solid #a37c41!important;outline-offset:5px;background-color:#f0e5cf70!important;}
@media(min-width:1700px){.flow-main{padding:35px 24px 16px}.flow-intro{padding-bottom:28px}.flow-board{height:500px}.flow-enquiries,.flow-quotations{top:48px}.flow-event{top:36px}.flow-invoices,.flow-delivery{top:335px}.flow-social{min-height:108px}.flow-network{min-height:130px}.flow-attention{padding-inline:40px}.flow-record{min-height:133px}}
@media(max-width:1370px){.flow-wordmark{width:220px}.flow-current-view{font-size:14px;padding-left:14px;padding-right:0}.flow-header{gap:15px!important;padding-left:25px!important}.flow-search{width:265px}.flow-create{font-size:15px;padding-inline:14px;gap:12px}.flow-profile{padding-left:14px}.flow-main{padding:24px 12px 10px}.flow-intro{padding-inline:14px}.flow-intro>p{font-size:24px!important}.flow-card{padding-inline:12px}.flow-card-heading{gap:8px}.flow-card-heading>span:not(.flow-step){font-size:14px}.flow-step{width:34px;height:34px;font-size:13px}.flow-card-heading>.flow-icon:not(:last-child){width:23px}.flow-quotations .flow-step{width:32px;height:32px}.flow-card-heading>.flow-icon:last-child{width:10px}.flow-event-rows button,.flow-event-rows time{font-size:12px}.flow-calendar{padding:8px 7px;gap:5px;font-size:12px!important}.flow-invoice-body{gap:6px;grid-template-columns:1fr 45%}.flow-invoices .flow-card-heading{gap:8px}.flow-network>section{padding-inline:18px}.flow-network-heading{font-size:16px!important;gap:10px}.flow-network-details{gap:16px}.flow-network-details button{gap:10px}.flow-attention{padding:30px 22px}.flow-attention h3{font-size:23px!important}.flow-attention-total{gap:25px}.flow-attention-total>strong{font-size:100px}.flow-attention-total>span{font-size:18px}.flow-attention-tabs{gap:7px}.flow-attention-tabs button{font-size:12px;padding-inline:6px}.flow-record{gap:15px}.flow-record-copy strong{font-size:15px}.flow-record-copy>span,.flow-record-copy>small{font-size:14px}.flow-social{grid-template-columns:180px repeat(4,minmax(0,1fr))}.flow-social-platform{padding-inline:18px;gap:6px 10px}.flow-social-metrics{font-size:10px}}
@media(max-width:1120px){.flow-current-view{display:none}.flow-search{width:auto;flex:1}.flow-header{gap:16px!important}.flow-wordmark{width:210px}html body.portal-page.staff-mode[data-portal] [data-agency-home]{grid-template-columns:minmax(0,1fr)}.flow-main{padding:26px 22px 16px}.flow-intro h2{font-size:45px!important}.flow-card-heading>span:not(.flow-step){font-size:16px}.flow-card-heading{gap:12px}.flow-attention{border-left:0;padding:25px 30px;display:grid;grid-template-columns:200px 1fr;column-gap:25px;align-items:start}.flow-attention h3{grid-column:1}.flow-attention-total{grid-column:1;grid-row:2/4;padding-bottom:0}.flow-attention-total>strong{font-size:82px}.flow-attention-total>span{font-size:15px}.flow-attention-tabs{grid-column:2;grid-row:1}.flow-attention [data-flow-attention-list]{grid-column:2;grid-row:2/4}.flow-attention-all{grid-column:2;margin-top:16px}.flow-social{grid-template-columns:160px repeat(2,minmax(0,1fr));row-gap:20px}.flow-social-title{grid-row:1/3}.flow-social-platform{min-height:60px}.flow-record{min-height:100px}.flow-network{min-height:110px}.flow-social-metrics{font-size:11px}}
@media(max-width:760px){html body.portal-page.staff-mode[data-portal]:not(.is-locked) .portal-main{padding:0!important}html body.portal-page.staff-mode[data-portal] .flow-header{height:auto;min-height:74px;padding:15px 18px!important;flex-wrap:wrap;gap:12px!important}.flow-wordmark{width:190px;margin-right:auto}.flow-create{order:4}.flow-profile{border:0;padding:0}.flow-profile summary>span{width:39px;height:39px;font-size:17px}.flow-search{order:3;flex:1;min-width:170px;height:42px}.flow-create{height:42px;font-size:14px;gap:6px;padding:8px 12px}.flow-create>span{font-size:25px}.flow-profile-menu{top:50px}html body.portal-page.staff-mode[data-portal] .crm-nav-panel{position:relative!important;inset:auto!important;display:flex!important;flex-direction:row!important;width:100%!important;height:auto!important;min-height:70px!important;margin:0!important;padding:5px 8px!important;gap:4px!important;border:0!important;border-radius:0!important;overflow-x:auto!important;overflow-y:visible!important;align-items:stretch!important}html body.portal-page.staff-mode[data-portal] .crm-nav-panel .ws-brand{display:none!important}html body.portal-page.staff-mode[data-portal] .crm-nav-panel>button{flex:0 0 72px!important;width:72px!important;min-height:65px!important;font-size:11px!important;padding:7px 4px!important;gap:4px!important}html body.portal-page.staff-mode[data-portal] .crm-nav-panel button svg{width:23px;height:23px}html body.portal-page.staff-mode[data-portal] .ws-settings{min-width:74px}html body.portal-page.staff-mode[data-portal] .ws-settings>summary{font-size:11px!important;padding:8px 0!important;gap:5px}.flow-main{padding:22px 14px 14px}.flow-intro{padding:0 6px 20px}html body.portal-page.staff-mode[data-portal] .flow-intro h2{font-size:clamp(29px,7.2vw,43px)!important;letter-spacing:-1px!important}html body.portal-page.staff-mode[data-portal] .flow-intro>p{font-size:19px!important;margin-top:6px!important}.flow-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0;margin-top:20px}.flow-metric strong{font-size:30px}.flow-metric span{font-size:14px}.flow-metric:nth-child(3){padding-left:0}.flow-metric:nth-child(3)::before{display:none}.flow-board{height:auto;padding:18px;display:grid;gap:24px;background-size:12px 12px}.flow-connectors{display:none}.flow-card{position:relative;inset:auto;width:100%;height:auto;min-height:145px;padding:17px 19px}.flow-card:not(:last-child)::after{content:'↓';position:absolute;bottom:-26px;left:50%;font-size:21px;line-height:25px;color:var(--flow-brown)}.flow-card-heading>span:not(.flow-step){font-size:17px}.flow-card-heading{gap:14px}.flow-step,.flow-quotations .flow-step{width:38px;height:38px}.flow-card-heading>.flow-icon:not(:last-child){width:27px}.flow-card-heading>.flow-icon:last-child{width:14px}.flow-event{min-height:225px}.flow-event-rows button,.flow-event-rows time{font-size:14px}.flow-calendar{font-size:14px!important;margin-top:18px}.flow-quotations .flow-money{margin-top:7px}.flow-quotations p br{display:none}.flow-invoice-body{grid-template-columns:1fr 48%}.flow-delivery{min-height:135px}.flow-network{grid-template-columns:1fr;margin-top:14px}.flow-network>section{padding:18px 20px}.flow-network-heading{font-size:17px!important}.flow-network-details{margin-top:18px}.flow-attention{display:block;padding:25px 24px}.flow-attention-total{gap:30px;padding:4px 0 12px}.flow-attention-total>strong{font-size:87px}.flow-attention-total>span{font-size:19px}.flow-attention-tabs button{font-size:14px}.flow-attention-tabs{gap:10px;padding-bottom:20px}.flow-record{min-height:113px}.flow-record-copy strong{font-size:16px}.flow-social{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;padding:18px 0}.flow-social-title{grid-row:auto;grid-column:1/-1;padding-left:20px}.flow-social-platform{padding:0 15px;gap:6px 9px}.flow-social-platform:nth-child(even){border-left:0}.flow-social-metrics{font-size:9px;white-space:normal}.flow-social-platform>.flow-icon{width:29px;height:29px}.flow-social-platform{grid-template-columns:29px 1fr}html body.portal-page.staff-mode[data-portal] .flow-footer{font-size:8px;padding:12px;letter-spacing:1px}.flow-footer>span:last-child{letter-spacing:1.5px}html body.portal-page.staff-mode[data-portal] .crm-view:not([data-view-panel=overview]),html body.portal-page.staff-mode[data-portal] .crm-project-picker{margin:20px 14px!important}.flow-dialog header{padding:20px}.flow-list-filters{padding:12px 20px}.flow-list-body{padding:0 20px}}
@media(prefers-reduced-motion:reduce){.flow-record-highlight{scroll-behavior:auto}}

html body.portal-page.staff-mode[data-portal] .crm-nav-panel .flow-nav-mono {filter:brightness(0) invert(1)!important;}
html body.portal-page.staff-mode[data-portal] .flow-search input::placeholder {color:#f2f2e8!important;}
html body.portal-page.staff-mode[data-portal] .crm-nav-panel>button {box-shadow:none!important;}
.flow-create svg {width:25px;height:25px;stroke-width:1.5;}
.flow-record-copy strong {font-weight:500;}
.flow-network>section:only-child {grid-column:1/-1;}

html body.portal-page.staff-mode[data-portal] .crm-view:not([data-view-panel=overview]) {width:auto!important;min-width:0!important;}

@media(min-width:761px){html body.portal-page.staff-mode[data-portal] .flow-intro h2 {transform:translateY(9px);}html body.portal-page.staff-mode[data-portal] .crm-nav-panel>button {min-height:88px!important;}}
.flow-attention-total>strong {font:400 104px/118px var(--serif);}
.flow-main {background-image:radial-gradient(ellipse at 36% 34%,#ffffff0f,transparent 80%);}

/* R10: preserve the approved dashboard scale; only calm the overview introduction. */
@media (min-width:1121px){
  html body.portal-page.staff-mode[data-portal] .flow-intro h2{font-size:42px!important;line-height:1.05!important;letter-spacing:-1px!important}
  html body.portal-page.staff-mode[data-portal] .flow-intro>p{font-size:20px!important;line-height:1.25!important}
}