/* Green Hero / Elhandel design reference 2026-10-25. Local font, no external requests. */
@font-face{font-family:'Andada Pro';font-style:normal;font-weight:400 840;font-display:swap;src:url('/fonts/andada-pro-latin.woff2') format('woff2')}
:root{--gh-heading:'Andada Pro',Georgia,serif;--gh-paper:#f2f3ef;--gh-deep:#01460d;--gh-mint:#9df2bd;--gh-ink:#101612;--gh-card:var(--ui-surface);--gh-line:var(--ui-border);--gh-radius:4px}
html[data-theme=hero]{--gh-card:#0d2c22;--gh-line:#476c58}
html[data-theme=dark]{--gh-card:#242824;--gh-line:#59635a}
html[data-theme=light]{--gh-card:#f2f3ef;--gh-line:#bdcbbb}
html body :is(.data-fields-admin,.data-field-dialog,.insight-board-editor)>h2,html body :is(.data-field-dialog,.insight-board-editor) form>h2{font-family:var(--gh-heading)!important;font-weight:400!important;letter-spacing:-.02em!important;font-size:30px;line-height:1.15}
html body .gh-workspace-page :is(.goal-progress-card,.settings-card,.board-card){border-radius:var(--gh-radius);border-color:var(--gh-line);background:var(--gh-card);box-shadow:none}
html body .goal-progress-card h3{font-family:var(--gh-heading)!important;font-size:21px;font-weight:400!important;letter-spacing:normal!important;line-height:1.25}
html body #application .follow-up-metrics{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
html body #application .follow-up-metrics>button{--tile-bg:linear-gradient(130deg,#f5f6f2,#e9eee5);--tile-ink:#101612;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;align-items:start;gap:12px;position:relative;isolation:isolate;overflow:hidden;min-height:178px;padding:22px;text-align:left;border:1px solid #cdd4cc!important;border-radius:0;background:var(--tile-bg)!important;color:var(--tile-ink)!important;box-shadow:none;transition:transform .18s}
html body #application .follow-up-metrics>button:nth-child(2){--tile-bg:linear-gradient(130deg,#075417,#003509);--tile-ink:#f3f5ed;border-color:#185622!important}
html body #application .follow-up-metrics>button:nth-child(3){--tile-bg:linear-gradient(130deg,#1a2820,#0b120d);--tile-ink:#f3f5ed;border-color:#49644e!important}
html[data-theme=dark] body #application .follow-up-metrics>button:first-child{--tile-bg:linear-gradient(130deg,#30372f,#222821);--tile-ink:#f3f5ed;border-color:#64745f!important}
html body #application .follow-up-metrics>button:before{content:'';position:absolute;z-index:-1;right:-22px;bottom:-42px;width:135px;height:135px;border:24px solid currentColor;border-radius:50%;opacity:.055;pointer-events:none}
html body #application .follow-up-metrics>button:nth-child(2):before{border-radius:4px;transform:rotate(20deg)}
html body #application .follow-up-metrics>button:nth-child(3):before{border-radius:20px;transform:rotate(45deg)}
html body #application .follow-up-metrics>button>svg{grid-column:2;grid-row:1;width:22px;height:22px}
html body #application .follow-up-metrics>button>strong{grid-column:1;grid-row:1;font-size:32px;color:inherit!important;letter-spacing:normal!important}
html body #application .follow-up-metrics>button>span{grid-column:1/-1;align-self:end;font-family:var(--gh-heading)!important;font-weight:400!important;letter-spacing:normal!important;font-size:24px;line-height:1.2;max-width:18ch;color:inherit!important}
html body #application .follow-up-metrics>button[aria-pressed=true]{outline:2px solid var(--ui-accent);outline-offset:3px}
html body #application .follow-up-metrics>button:hover{transform:translateY(-3px)}
.data-fields-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}.data-fields-toolbar>label{margin:0}.data-fields-toolbar>input{flex:1;min-width:180px;margin:0}.data-fields-list{display:grid;gap:8px}.data-field-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid var(--gh-line);padding:16px;background:var(--info-raised);border-radius:4px}.data-field-row small{display:block;line-height:1.6;margin-top:6px}.data-field-row>div{min-width:0}.data-field-dialog{width:min(940px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:28px;border:1px solid var(--gh-line);border-radius:4px;background:var(--info-panel);color:var(--info-text)}.data-field-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.data-field-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.data-field-dialog label{display:block;margin:12px 0;font-size:13px}.data-field-dialog input,.data-field-dialog select,.data-field-dialog textarea{min-width:0;width:100%;margin:6px 0 0;box-sizing:border-box}.data-field-dialog input[type=checkbox]{width:18px;height:18px;margin:0 10px 0 0;vertical-align:middle}.data-field-dialog details{padding:12px;border:1px solid var(--gh-line);border-radius:4px}.data-field-dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:24px}.data-field-dialog-actions>button:first-child{margin-right:auto}.data-field-option{display:flex;gap:8px;align-items:end}.data-field-option>label{flex:1;min-width:0}.data-field-rule{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--gh-line);padding:12px 0}.data-field-rule label{flex:1;min-width:105px;margin:0}.data-field-visibility label{display:flex;align-items:center;gap:8px}.data-field-visibility input[type=checkbox]{width:18px;height:18px;margin:0}.data-field-value{margin:14px 0}.data-field-value label{display:block;margin-bottom:5px}.data-field-value small{display:block;color:var(--ui-muted);line-height:1.5}.data-field-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.data-field-search-results{display:grid;gap:4px;max-height:180px;overflow:auto}.data-field-search-results>button{text-align:left}.data-field-control{min-width:0}.data-field-control input,.data-field-control select{width:100%;min-width:0}.deal-planned-meeting time{display:block;font-variant-numeric:tabular-nums}.deal-planned-meeting>span{float:left;margin:3px 10px 0 0}.deal-planned-meeting small{display:block;margin-top:4px}
.insight-board-editor{width:min(900px,calc(100% - 24px))}.insight-filter-row{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(90px,.7fr) minmax(140px,1.1fr) auto;gap:8px;align-items:start;margin:12px 0;padding:12px;border:1px solid var(--gh-line);border-radius:4px}.insight-filter-row>select[aria-label^='Och / Eller']{grid-column:1/-1;width:110px}.insight-filter-row :is(select,input){width:100%;min-width:0;margin:0;font-size:13px;min-height:38px;padding:8px 10px}.insight-filter-row>button{font-size:12px;min-height:38px;padding:8px 10px}.pipeline-view-controls>label{min-width:160px;max-width:250px}.pipeline-view-controls :is(select,input){font-size:13px;min-height:38px;padding:8px 10px}
@media(max-width:700px){html body #application .follow-up-metrics{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}html body #application .follow-up-metrics>button{min-height:155px;padding:16px}html body #application .follow-up-metrics>button>span{font-size:21px}.data-field-columns{grid-template-columns:1fr;gap:12px}.data-field-dialog{padding:18px}.insight-filter-row{grid-template-columns:1fr 1fr}.insight-filter-row>:first-of-type{grid-column:1/-1}.insight-filter-row>button{min-height:44px}.insight-filter-row :is(select,input){min-height:44px}.data-fields-toolbar>*{max-width:100%}}
@media(prefers-reduced-motion:reduce){html body #application .follow-up-metrics>button{transition:none}html body #application .follow-up-metrics>button:hover{transform:none}}
/* Operational pages share one hierarchy; calendar, learning, leaderboard and skill tree retain their layouts. */
.gh-workspace-page{--gh-section-gap:24px;line-height:1.55}.gh-workspace-page>h1,.gh-workspace-page>div[class$=heading] h1{margin-block:8px 20px;font-size:clamp(26px,3vw,36px)}
html body .gh-workspace-page>h1,html body .gh-workspace-page :is(.team-heading,.competitions-heading,.insight-heading) h1{font-family:var(--gh-heading)!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:1.15}
.workspace-page-help{margin:8px 0 18px;font-size:12px;color:var(--ui-muted)}.workspace-page-help>summary{cursor:pointer;display:inline-flex;align-items:center;min-height:32px}.workspace-page-help p{max-width:80ch;line-height:1.65}
html body #application .daily-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}
html body #application .daily-shortcuts>button{display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:16px 22px;border:1px solid var(--gh-line)!important;border-radius:4px;background:var(--gh-card)!important;color:var(--ui-text)!important;text-align:left;font-size:15px}
html body #application .daily-shortcuts>button:first-child{background:var(--gh-mint)!important;color:#0d2116!important;border-color:var(--gh-mint)!important}.daily-shortcuts>button:after{content:'↗';font-size:22px;line-height:1}
#kpi-view :is(.daily-heading,.activity-worklist-heading){display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 8px}#kpi-view .daily-heading h2{margin:0;font-size:20px}#kpi-view .daily-intro{margin-block:0 18px;max-width:70ch}#daily-type-counts{gap:8px;margin-block:14px}#daily-type-counts>span{padding:6px 10px;border:1px solid var(--gh-line);background:var(--gh-card);border-radius:20px;font-size:12px}
html body #kpi-view .daily-customer{background:var(--gh-card);border:1px solid var(--gh-line);border-radius:4px;padding:18px;box-shadow:none}.daily-customer .daily-actions{gap:8px;flex-wrap:wrap}.daily-customer .daily-actions>button{border-radius:4px;min-height:38px}.daily-customer>h3,.daily-customer .daily-customer-heading{font-size:16px;line-height:1.4}.daily-customer>p{font-size:13px;line-height:1.6}.daily-empty{padding:22px;border:1px dashed var(--gh-line);border-radius:4px;background:var(--gh-card);font-size:13px}
#daily-follow-up-control{margin-top:28px;padding-top:24px;border-top:1px solid var(--gh-line)}#daily-follow-up-control>h2{font-size:21px;margin-block:0 8px}#daily-follow-up-control>.hint{max-width:75ch;font-size:12px}#daily-follow-up-control .follow-up-list{margin-top:22px}
html body :is(#crm-view,#support-view,#installations-view) :is(.column,.support-column,.installation-column){background:var(--info-raised);border:1px solid var(--gh-line);border-radius:4px;padding:16px;min-width:0}html body :is(#crm-view,#support-view,#installations-view) :is(.column,.support-column,.installation-column)>h2{font-size:16px;margin:0 50px 14px 0;padding-bottom:12px;border-bottom:1px solid var(--gh-line)}
html body :is(#crm-view,#support-view,#installations-view) :is(.board-card,.support-card,.support-ticket,.installation-card){background:var(--gh-card);border:1px solid var(--gh-line);border-radius:4px;padding:16px;box-shadow:0 4px 16px #0000000a}html body :is(#support-view,#installations-view) :is(.support-tools,.installation-tools){gap:12px;align-items:end;margin:20px 0;padding:14px;background:var(--gh-card);border:1px solid var(--gh-line);border-radius:4px}
.gh-workspace-page .pipeline-management{margin-top:12px;border:0}.gh-workspace-page .pipeline-management>summary{display:inline-flex;align-items:center;min-height:38px;padding:6px 12px;border:1px solid var(--gh-line);border-radius:4px;background:var(--gh-card)}.gh-workspace-page .pipeline-view-controls{gap:12px;padding:14px;background:var(--gh-card);border:1px solid var(--gh-line);border-radius:4px}
html body #contacts-view :is(.crm-contact-card,.contact-directory-row,.crm-contact-summary){background:var(--gh-card);border:1px solid var(--gh-line);border-radius:4px;padding:18px;color:var(--ui-text)}#contacts-view .crm-entity-tabs{display:flex;gap:8px;margin-bottom:20px}#contacts-view :is(.crm-directory-toolbar,.contact-directory-toolbar){gap:12px;margin:18px 0;padding:14px;background:var(--gh-card);border:1px solid var(--gh-line);border-radius:4px}#contacts-view :is(table,.contact-table){border-collapse:separate;border-spacing:0;background:var(--gh-card);border:1px solid var(--gh-line);border-radius:4px;overflow:hidden}#contacts-view :is(th,td){padding:13px 14px;border-bottom:1px solid var(--gh-line)}
html body #competitions-view :is(.competition-card,.competition-detail){background:var(--gh-card);border:1px solid var(--gh-line);border-radius:4px;box-shadow:none}.competition-card{position:relative;overflow:hidden}.competition-card:before{content:'';position:absolute;right:-30px;top:-40px;width:150px;height:150px;border:25px solid var(--ui-accent);border-radius:50%;opacity:.045;pointer-events:none}html body #competitions-view .competition-card h2{font-family:var(--gh-heading)!important;font-size:26px;font-weight:400!important;letter-spacing:normal!important}.competitions-toolbar{padding:14px;border:1px solid var(--gh-line);border-radius:4px;background:var(--gh-card);gap:12px}
html body #insights-view :is(.insight-card,.tempo-goals,.goal-progress-card,.revenue-card){border:1px solid var(--gh-line);border-radius:4px;background:var(--gh-card);box-shadow:none}#insights-view .insight-card{padding:20px}#insights-view .insight-grid{gap:20px}#insights-view .insight-heading{margin-bottom:20px}#insights-view .insight-toolbar{padding:16px;background:var(--gh-card);border:1px solid var(--gh-line);border-radius:4px;gap:14px}#insights-view .goal-progress-grid{gap:14px}#insights-view .goal-progress-card{border-top:3px solid var(--ui-accent)}#insights-view .insight-card:nth-child(3n+2){border-top:3px solid #8ca46b}#insights-view .insight-card:nth-child(3n){border-top:3px solid #7d9374}#insight-cancellation-report{margin-top:24px;padding:18px;background:var(--gh-card);border:1px solid var(--gh-line);border-radius:4px}#insight-cancellation-report>summary{min-height:32px;cursor:pointer}
html body :is(#users-view,#account-view) .settings-card{padding:22px;border:1px solid var(--gh-line);border-radius:4px;background:var(--gh-card);box-shadow:none}.gh-workspace-page .settings-grid{gap:20px}.gh-workspace-page .settings-card>h2{font-size:20px;margin-block:0 16px}#account-view .settings-card:first-child{border-top:3px solid var(--ui-accent)}#users-view>form{padding:20px;border:1px solid var(--gh-line);background:var(--gh-card);border-radius:4px}
html body #teams-view :is(.team-card,.team-person,.team-portal-section,.team-summary-card){background:var(--gh-card);border:1px solid var(--gh-line);border-radius:4px;box-shadow:none}#teams-view .team-grid{gap:18px}#teams-view .team-card{padding:22px;border-top:3px solid var(--ui-accent)}#teams-view .team-card:nth-child(3n+2){border-top-color:#92ab7d}#teams-view .team-card:nth-child(3n){border-top-color:#6e8768}html body #teams-view .team-card h2{font-family:var(--gh-heading)!important;font-size:26px;font-weight:400!important;letter-spacing:normal!important}#teams-view .team-person{margin-bottom:8px;padding:14px}#team-portal{padding:4px 0}#team-portal>section{margin-top:20px;padding:18px;border:1px solid var(--gh-line);border-radius:4px;background:var(--gh-card)}#team-portal .leaderboard-controls{padding:14px;border:1px solid var(--gh-line);border-radius:4px;background:var(--gh-card);gap:12px}
@media(max-width:700px){.gh-workspace-page{--gh-section-gap:18px}.gh-workspace-page .pipeline-view-controls{padding:12px}.gh-workspace-page .settings-grid{grid-template-columns:1fr}html body #application .daily-shortcuts{gap:10px;margin:18px 0}html body #application .daily-shortcuts>button{min-height:58px;padding:12px 14px;font-size:13px}html body #kpi-view .daily-customer{padding:14px}html body :is(#crm-view,#support-view,#installations-view) :is(.column,.support-column,.installation-column){padding:12px}#teams-view .team-card,#insights-view .insight-card{padding:16px}#contacts-view :is(th,td){padding:10px}.daily-heading>button{font-size:12px}}
/* These scoped overrides outrank the legacy global !important surface layer. */
html[data-theme] body #application .gh-workspace-page .gh-surface-card{background:var(--gh-card)!important;border-color:var(--gh-line)!important;color:var(--ui-text)!important}
html[data-theme] body #application .gh-workspace-page :is(.column,.support-column,.installation-column){background:var(--info-raised)!important;border-color:var(--gh-line)!important}
html[data-theme] body :is(#data-field-definition-dialog,#data-field-value-dialog,#insight-board-editor){background:var(--gh-card)!important;border-color:var(--gh-line)!important;color:var(--ui-text)!important}
html[data-theme] body #application .gh-workspace-page .gh-surface-card :is(input,select,textarea),html[data-theme] body :is(#data-field-definition-dialog,#data-field-value-dialog,#insight-board-editor) :is(input,select,textarea){background:var(--info-field)!important;color:var(--info-text)!important;border-color:var(--gh-line)!important}
html[data-theme=dark] body #application .gh-workspace-page .gh-surface-card[data-gh-tone='1']{background:linear-gradient(145deg,#2d342b,#20261f)!important}
html[data-theme=dark] body #application .gh-workspace-page .gh-surface-card[data-gh-tone='2']{background:linear-gradient(145deg,#26291e,#1a2018)!important}
html[data-theme=hero] body #application .gh-workspace-page .gh-surface-card[data-gh-tone='1']{background:linear-gradient(145deg,#16482e,#0c3021)!important}
html[data-theme=hero] body #application .gh-workspace-page .gh-surface-card[data-gh-tone='2']{background:linear-gradient(145deg,#253b29,#14291d)!important}
html[data-theme=light] body #application .gh-workspace-page .gh-surface-card[data-gh-tone='1']{background:linear-gradient(145deg,#e9f0e4,#dfe9dc)!important}
html[data-theme=light] body #application .gh-workspace-page .gh-surface-card[data-gh-tone='2']{background:linear-gradient(145deg,#f4f3e8,#ecead9)!important}
html[data-theme] body #application #insights-view :is(#insight-own-boards,#insight-goals>.tempo-goals){background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin-top:26px}
#insights-view .goal-overview-table{border:1px solid var(--gh-line);border-radius:4px;overflow:hidden}#insights-view .goal-overview-table :is(th,td){background:var(--gh-card)}
html body #application #kpi-view .daily-activity-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
html body #application #kpi-view .daily-activity-group{min-width:0;border:1px solid var(--gh-line);border-radius:4px;padding:18px;background:var(--gh-card)}
html body #application #kpi-view .daily-activity-group>h3{margin:0 0 14px;font-size:16px}
html body #application #kpi-view .daily-activity-group>h3>button{width:100%;text-align:left;padding:0 0 12px;border:0!important;border-bottom:1px solid var(--gh-line)!important;border-radius:0;background:transparent!important;font-size:16px;color:var(--ui-text)!important}
html body #application #kpi-view .daily-activity-group .activity-list-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:6px 10px;padding:12px 0;border:0!important;border-bottom:1px solid var(--gh-line)!important;border-radius:0;background:transparent!important;text-align:left}
html body #application #kpi-view .daily-activity-group .activity-list-row>strong{grid-column:2;font-size:13px;white-space:normal}
html body #application #kpi-view .daily-activity-group .activity-list-row>span:not(.activity-kind-icon){grid-column:2;font-size:12px;white-space:normal;color:var(--ui-muted)!important}
html body #application #kpi-view .daily-activity-group .activity-list-row>time{grid-column:3;grid-row:1;font-size:11px;white-space:normal;max-width:90px}
@media(max-width:700px){html body #application #kpi-view .daily-activity-lists{grid-template-columns:1fr;gap:12px}html body #application #kpi-view .daily-activity-group{padding:14px}.insight-filter-row :is(select,input){font-size:16px}}
html[data-theme] body #application #contacts-view .contact-table{background:var(--gh-card)!important;border-color:var(--gh-line)!important}
html[data-theme] body #application #contacts-view .contact-table th{background:var(--info-raised)!important}
/* Hero's legacy beige-panel tokens must follow the new dark green surfaces. */
html[data-theme=hero] body #application .gh-workspace-page .gh-surface-card,
html[data-theme=hero] body #application .gh-workspace-page .gh-surface-card *,
html[data-theme=hero] body :is(#data-field-definition-dialog,#data-field-value-dialog,#insight-board-editor),
html[data-theme=hero] body :is(#data-field-definition-dialog,#data-field-value-dialog,#insight-board-editor) *{
 --ws-panel:#0d2c22!important;--ws-raised:#183c2c!important;--ws-field:#0a2118!important;--ws-line:#476c58!important;--ws-text:#f3f5ed!important;--ws-muted:#b4cabe!important;--ws-accent:#9df2bd!important;--ws-on-accent:#0d2116!important;--ws-button:#193c2e!important;--ws-button-text:#f3f5ed!important;--ws-hover:#234f3c!important;--ws-scheme:dark!important;color-scheme:dark;
}
/* Team role labels remain readable on the website-inspired card tones. */
html[data-theme=light] body #application #team-portal .portal-seller>p{color:#48574b!important}
html[data-theme=dark] body #application #team-portal .portal-seller>p,html[data-theme=hero] body #application #team-portal .portal-seller>p{color:#b4cabe!important}
/* Shared operational surfaces: neutral gray in Dark, green in Hero, paper in Light. */
html[data-theme=dark] body #application .gh-workspace-page :is(.gh-surface-card,.pipeline-view-controls,.daily-empty,.daily-activity-group,.missing-meeting-outcomes,.settings-card,.activity-list-row){--ws-panel:#242824!important;--ws-raised:#2d332d!important;--ws-field:#171d18!important;--ws-line:#59635a!important;--ws-text:#f3f5ed!important;--ws-muted:#c1c9bf!important;--ws-button:#30382e!important;--ws-hover:#3b4638!important;--ws-accent:#a9d3ad!important;--ws-on-accent:#132318!important}
html[data-theme] body #application .gh-workspace-page :is(.pipeline-view-controls,.daily-empty,.missing-meeting-outcomes){background:var(--gh-card)!important;border-color:var(--gh-line)!important}
html[data-theme] body #application #kpi-view :is(.follow-up-metrics>button,.daily-activity-group,.daily-customer,.daily-empty,.missing-meeting-outcomes,.daily-shortcuts>button),html[data-theme] body #application .gh-workspace-page :is(.settings-card,.card,.column,.competition-card,.competition-detail,.insight-card,.team-card,.team-person,.team-portal-section,.crm-contact-card,.pipeline-view-controls,.pipeline-management>summary,.contact-table,.contact-directory-toolbar,.insight-toolbar,.goal-progress-card){border-radius:4px!important}
html[data-theme] body #application .gh-workspace-page button:not(.pin-type-button):not(.pin-button):not(.shared-customer-pin-button),html[data-theme] body dialog{border-radius:4px!important}
html body #application #kpi-view .daily-activity-lists>.daily-plan-heading{grid-column:1/-1;margin:0;padding:0 0 14px;border-bottom:1px solid var(--gh-line);display:flex;align-items:center;justify-content:space-between;gap:12px}
html body #application #kpi-view .daily-plan-heading h2{margin:0;font-size:20px}
html body #application #daily-type-counts>span{border-radius:4px!important}
html body #pipeline-customer-panel :is(.customer-files-panel,.customer-energy-profile,.customer-archive-status){background:transparent!important;border:0!important;box-shadow:none!important}
html body #pipeline-customer-panel .customer-files-panel{padding:0!important}
html body .gh-workspace-page>h1,html body .gh-workspace-page>:is(.team-heading,.competitions-heading,.insight-heading)>h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
/* Sort belongs to the phase heading. Native popovers close outside or with Escape. */
.pipeline-phase-heading{display:flex;gap:10px;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--gh-line)}
html body #application .pipeline-phase-heading>h2{flex:1;min-width:0;margin:0;padding:0;border:0;font-size:18px}.pipeline-phase-heading>h2:after{display:none!important}.pipeline-phase-heading>span{font-variant-numeric:tabular-nums}
html body #application button.pipeline-stage-sort{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;min-height:36px;max-width:36px;padding:8px;margin:0;border:1px solid transparent!important;border-radius:4px!important;background:transparent!important;color:var(--ui-text)!important}
html body #application button.pipeline-stage-sort[data-active=true]{border-color:var(--ui-border)!important;background:var(--ui-raised)!important}
html body .pipeline-sort-menu{position:fixed;inset:auto;margin:0;padding:6px;width:230px;max-width:calc(100vw - 16px);max-height:min(440px,calc(100dvh - 16px));overflow:auto;border:1px solid var(--ws-line);border-radius:4px;background:var(--ws-panel)!important;color:var(--ws-text);box-shadow:0 8px 28px #0004}
.pipeline-sort-menu:popover-open{display:grid;gap:2px}.pipeline-sort-menu:not(:popover-open){display:none}
html[data-theme] body #application .pipeline-sort-menu>button{padding:9px 12px;min-height:36px;text-align:left;border:0!important;border-radius:4px!important;background:transparent!important;color:var(--ws-text)!important;font-size:13px}
html[data-theme] body #application .pipeline-sort-menu>button[aria-checked=true]{background:var(--ws-button)!important;font-weight:700}.pipeline-sort-menu>button:focus-visible{outline:2px solid var(--ws-accent);outline-offset:-2px}
/* One admin menu keeps settings in persistent panels, including unsaved forms. */
.admin-navigation{display:flex;align-items:center;gap:4px;overflow-x:auto;max-width:100%;padding:0 0 10px;margin:0 0 24px;border-bottom:1px solid var(--gh-line);scrollbar-width:thin}
html body #application .admin-navigation>button,html body #application .commerce-menu>button{flex:none;white-space:nowrap;margin:0;padding:11px 13px;border:0!important;border-radius:4px!important;background:transparent!important;color:var(--ui-muted)!important;font-size:13px;min-height:42px}
html body #application .admin-navigation>button[aria-selected=true],html body #application .commerce-menu>button.active{background:var(--ui-raised)!important;color:var(--ui-text)!important;box-shadow:inset 0 -2px var(--ui-accent)!important}
html body #application .commerce-menu{display:flex;gap:4px;overflow-x:auto;max-width:100%;margin:0 0 18px;padding-bottom:8px;border-bottom:1px solid var(--gh-line)}
.admin-section{min-width:0}.admin-section[hidden]{display:none!important}.admin-section>h2{margin-top:0}.admin-section .settings-grid:empty{display:none}.admin-section .settings-card{margin-top:0;margin-bottom:18px}
@media(max-width:700px){html body #application button.pipeline-stage-sort{width:44px;height:44px;max-width:44px;min-height:44px}.pipeline-sort-menu>button{min-height:44px!important}.admin-navigation{margin-bottom:18px}html body #application .admin-navigation>button{padding:10px 12px}.pipeline-phase-heading{gap:8px}}
/* One radius also covers legacy cards and filter containers added by other modules. */
html[data-theme] body #application .gh-workspace-page :is(.gh-surface-card,.pipeline-dynamic-filters,.pipeline-filter-row,.goal-overview-table,.cancellation-report,.crm-contact-summary){border-radius:4px!important}
/* Sidebar groups and the profile popover share the Green Hero controls. */
html body #sync[hidden]{display:none!important}
html body :is(#workspace-sidebar,#app-menu) .navigation-group{min-width:0;display:grid;gap:4px}
html body :is(#workspace-sidebar,#app-menu) :is(.navigation-group-toggle,.navigation-submenu>button){display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:44px;padding:10px 13px;background:transparent!important;color:inherit!important;border:1px solid transparent!important;border-radius:4px;box-shadow:none;font-size:12px}
html body :is(#workspace-sidebar,#app-menu) .navigation-group-toggle:is(:hover,:focus-visible),html body :is(#workspace-sidebar,#app-menu) .navigation-submenu>button:is(:hover,:focus-visible){background:var(--gh-card)!important;border-color:var(--gh-line)!important}
html body :is(#workspace-sidebar,#app-menu) :is(.navigation-group-toggle.active,.navigation-submenu>button.active){border-color:var(--gh-line)!important;background:var(--gh-card)!important}
.navigation-group .nav-icon{display:flex;width:22px;flex:0 0 22px;align-items:center;justify-content:center}.navigation-chevron{margin-left:auto;transition:transform .15s}.navigation-group-toggle[aria-expanded=true] .navigation-chevron{transform:rotate(180deg)}
.navigation-submenu{display:grid;gap:3px;margin:0 0 5px 22px;padding-left:8px;border-left:1px solid var(--gh-line)}.navigation-submenu[hidden]{display:none!important}.navigation-submenu .nav-icon{display:none}
body.has-left-navigation[data-nav-expanded=false] #workspace-sidebar :is(.navigation-submenu,.navigation-chevron){display:none!important}
body.has-left-navigation[data-nav-expanded=false] #workspace-sidebar .navigation-group-toggle{justify-content:center;padding:10px}
html body #profile-navigation{position:fixed;inset:auto;margin:0;width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow:auto;padding:8px;border:1px solid var(--gh-line);border-radius:4px;background:var(--gh-card)!important;color:var(--ui-text)!important;box-shadow:0 12px 32px #0004}
#profile-navigation:not(:popover-open){display:none}#profile-navigation nav{display:grid;gap:3px}.profile-menu-heading{padding:8px 12px;margin:0 0 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-muted)}
html body #profile-navigation :is(nav>button,#theme-toggle){display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;width:100%;min-height:44px;padding:10px 12px;font-size:13px;color:var(--ui-text)!important;background:transparent!important;border:1px solid transparent!important;border-radius:4px;box-shadow:none}
html body #profile-navigation button[hidden]{display:none!important}html body #profile-navigation :is(nav>button,#theme-toggle):is(:hover,:focus-visible,.active){border-color:var(--gh-line)!important;background:var(--ui-raised)!important}
#profile-navigation .nav-icon{display:flex;width:22px;flex:0 0 22px}#profile-navigation #menu-appearance{border-top:1px solid var(--gh-line);margin-top:6px;padding-top:6px}html body #profile-navigation #theme-toggle::after{content:none!important}#profile-navigation #theme-toggle svg{flex:0 0 22px}
html body #profile-navigation #theme-menu{position:static;width:100%;padding:4px;margin:0;border:0;background:transparent;box-shadow:none}html body #profile-navigation #theme-menu button{font-size:12px;min-height:40px;padding:8px 12px}
html body #account-view #logout{display:inline-flex;gap:10px;align-items:center;min-height:44px;margin-top:0;padding:10px 16px;color:var(--ui-text);border:1px solid var(--gh-line)}
/* Four follow-up entry points, one compact lead list. */
html body #application .follow-up-metrics{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
html body #application .follow-up-metrics>button:nth-child(4){--tile-bg:linear-gradient(130deg,#075417,#003509);--tile-ink:#f3f5ed;border-color:#49644e!important}
html body .lead-follow-up-dialog{width:min(1220px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--gh-line);border-radius:4px!important;background:var(--gh-card)!important;color:var(--ui-text)}
.lead-follow-up-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.lead-follow-up-heading h2{margin:0;font-family:var(--gh-heading);font-weight:400}.lead-follow-up-heading>button{flex:none;min-width:44px;min-height:44px}.lead-follow-up-dialog>input{width:100%;margin:0}.lead-follow-up-count{font-size:12px;color:var(--ui-muted)}
.lead-follow-up-table{overflow-x:auto;max-width:100%}.lead-follow-up-table table{width:100%;min-width:780px;border-collapse:collapse;table-layout:auto;background:transparent}.lead-follow-up-table :is(th,td){text-align:left;padding:14px 12px;border-bottom:1px solid var(--gh-line);vertical-align:middle;max-width:260px;overflow-wrap:anywhere;font-size:13px}.lead-follow-up-table th{font-size:11px;letter-spacing:.04em}.lead-follow-up-table :is(th,td):last-child{position:sticky;right:0;background:var(--gh-card);width:94px}.lead-follow-up-table button{min-height:44px;white-space:nowrap}.lead-follow-up-table a{color:inherit;text-decoration:underline}.lead-follow-up-table time{white-space:nowrap}
html body .lead-outcome-dialog{width:min(440px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:24px;border-radius:4px!important;background:var(--gh-card)!important;color:var(--ui-text)}.lead-outcome-choices{display:grid;gap:8px}.lead-outcome-choices>button{min-height:44px;text-align:left;padding:12px 16px}
/* A stage stays readable regardless of how many stages the pipeline contains. */
html body #application :is(#pipeline,.support-board,.installation-board){display:flex;flex-wrap:nowrap;align-items:flex-start;gap:14px;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:16px;scroll-snap-type:x proximity}
html body #application :is(#pipeline,.support-board,.installation-board)>:is(.column,.installation-column){flex:0 0 290px!important;width:290px!important;min-width:290px!important;max-width:290px!important;scroll-snap-align:start}
@media(max-width:1100px){html body #application .follow-up-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){html body .lead-follow-up-dialog,html body .lead-outcome-dialog{padding:16px}.lead-follow-up-table :is(th,td){padding:12px 10px}html body #application :is(#pipeline,.support-board,.installation-board)>:is(.column,.installation-column){display:block!important;flex-basis:min(290px,calc(100vw - 48px))!important;width:min(290px,calc(100vw - 48px))!important;min-width:min(290px,calc(100vw - 48px))!important;max-width:min(290px,calc(100vw - 48px))!important}}
html[data-theme] body :is(#lead-follow-up-dialog,#lead-outcome-dialog){background:var(--gh-card)!important;color:var(--ui-text)!important;border-radius:4px!important}
html[data-theme] body :is(#lead-follow-up-dialog,#lead-outcome-dialog) .lead-follow-up-heading h2{font-family:var(--gh-heading)!important;font-weight:400!important}
html[data-theme] body #lead-follow-up-dialog table{background:transparent!important}
/* Shared, in-app return navigation and the actual product pin on deal cards. */
html body.local-test-environment #application>header{top:var(--test-banner-height)}
html body #application>header>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.workspace-back-heading{display:flex;align-items:center;gap:12px;min-width:0}.workspace-back-heading #workspace-page-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #application-back{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid var(--gh-line);border-radius:4px;background:var(--ui-raised);color:var(--ui-text);font-family:var(--font-ui);font-size:12px}
html body #application-back:focus-visible{outline:2px solid var(--ui-text);outline-offset:3px}html body #application-back:disabled{opacity:.45}
.board-latest{display:flex;align-items:center;gap:8px}.board-pin-symbol{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;color:#fff}.board-pin-symbol svg{flex:none}
@media(max-width:767px){#application-back>span{display:none}html body #application>header>div:first-child>small{display:none}.workspace-back-heading{gap:0}html body #application-back{padding:8px}}
/* On phones each table row becomes a compact list entry with all contact fields visible. */
@media(max-width:700px){html[data-theme] body #lead-follow-up-dialog table{display:block;min-width:0;width:100%}#lead-follow-up-dialog thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#lead-follow-up-dialog tbody{display:grid;gap:10px}#lead-follow-up-dialog tr[data-lead-id]{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:12px;border:1px solid var(--gh-line);border-radius:4px}#lead-follow-up-dialog tr[data-lead-id]>td{display:block;max-width:none;padding:3px 0;border:0;grid-column:1;font-size:12px}#lead-follow-up-dialog tr[data-lead-id]>td:first-child{font-size:13px;font-weight:700}#lead-follow-up-dialog tr[data-lead-id]>td:last-child{position:static;grid-column:2;grid-row:1/6;align-self:start;width:auto;background:transparent}#lead-follow-up-dialog tr[data-lead-id]>td:nth-child(5){font-size:11px;color:var(--ui-muted)}#lead-follow-up-dialog tr[data-lead-id]>td:nth-child(5):before{content:'Återkoppling: '}#lead-follow-up-dialog time{white-space:normal}}
/* Shared destructive actions: a red glyph, with an invisible accessible hit area. */
html[data-theme] body button.compact-action-remove{background:transparent!important;border-color:transparent!important;box-shadow:none!important;border-radius:4px!important;padding:0!important}
html[data-theme] body button.compact-action-remove svg{width:18px;height:18px}
html[data-theme] body button.compact-action-remove:hover{background:color-mix(in srgb,#c94242 12%,transparent)!important}
.customer-timeline-entry{position:relative}.customer-timeline-entry>div{padding-right:36px}.customer-timeline-entry>div>button.compact-action-remove{position:absolute;right:6px;top:6px}
html[data-theme] body :is(article.card,.user-card):has(>button.compact-action-remove){position:relative;padding-right:48px}html[data-theme] body :is(article.card,.user-card)>button.compact-action-remove{position:absolute;right:6px;top:6px}
html[data-theme] body dialog.removal-dialog{background:var(--gh-card)!important;color:var(--ui-text)!important;border:1px solid var(--gh-line)!important;border-radius:4px!important;box-shadow:0 18px 60px #0004}
.removal-dialog h2{font:400 27px/1.2 var(--gh-heading);margin:0 0 14px}.removal-dialog p{font-size:13px;line-height:1.6;color:var(--ui-muted)}.removal-dialog label{display:grid;gap:8px;font-size:12px;font-weight:600;margin:18px 0}.removal-dialog textarea{width:100%;min-height:110px;resize:vertical}.removal-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;border-top:1px solid var(--gh-line);padding-top:14px}
/* Compact activity editor with the same day alongside the form. */
html body dialog.activity-compose-dialog{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);width:min(1120px,calc(100vw - 32px));max-width:1120px;padding:0!important;overflow:hidden;background:var(--gh-card)!important;border:1px solid var(--gh-line);border-radius:4px!important;color:var(--ui-text)}
html body dialog.activity-compose-dialog:not([open]){display:none}
.activity-compose-form{grid-column:1;grid-row:1;display:flex;flex-direction:column;max-height:88dvh;min-width:0;margin:0!important}.activity-compose-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--gh-line);gap:12px}.activity-compose-heading h2{font:400 26px/1.25 var(--gh-heading);margin:0}.activity-compose-heading button{flex:none}
.activity-compose-fields{padding:18px 22px;overflow:auto;min-height:0;display:grid;gap:16px}.activity-compose-fields label{margin:0!important;display:grid;gap:6px;font-size:12px;font-weight:600}.activity-compose-fields :is(input,select,textarea){width:100%;min-width:0;margin:0!important;border-radius:4px!important}.activity-compose-fields>label:first-child>input{font-size:20px;font-weight:500;min-height:46px}.activity-compose-fields textarea{min-height:100px;resize:vertical}.activity-compose-timing{display:grid;grid-template-columns:minmax(135px,1.5fr) minmax(85px,1fr) minmax(75px,.8fr);gap:10px}.activity-type-choices{display:flex;gap:4px;flex-wrap:wrap}.activity-type-choices button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 10px;font-size:12px;background:transparent!important;border:1px solid transparent!important}.activity-type-choices button[aria-pressed=true]{background:var(--ui-raised)!important;border-color:var(--gh-line)!important;color:var(--ui-accent)!important}
.activity-link-summary{border:1px solid var(--gh-line);border-radius:4px;background:var(--ui-raised);padding:10px 12px;display:grid;gap:12px}.activity-link-summary>div{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:10px;align-items:center}.activity-link-summary>div>span{grid-row:1/3;display:flex}.activity-link-summary small{color:var(--ui-muted);font-size:10px}.activity-link-summary strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.activity-link-editor{background:transparent!important;border:0!important;padding:0!important;font-size:12px}.activity-link-editor summary{padding:4px 0;color:var(--ui-muted);cursor:pointer}.activity-link-editor[open]{display:grid;gap:12px}.activity-compose-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--gh-line);margin-top:auto}.activity-completed-choice{display:flex;align-items:center;gap:8px;font-size:12px;margin:0 auto 0 0!important;white-space:nowrap}.activity-completed-choice input{width:auto!important;margin:0!important}.activity-compose-form>.activity-draft-conflict,.activity-compose-form>[role=status]{margin:0 22px;max-height:180px;overflow:auto}.activity-compose-form>[role=status]:empty{display:none}
.activity-planner{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;max-height:88dvh;border-left:1px solid var(--gh-line);background:var(--ui-raised)}.activity-planner-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 10px;border-bottom:1px solid var(--gh-line)}.activity-planner-heading strong{font-size:13px;font-weight:600;text-transform:capitalize}.activity-planner-heading button{display:grid;place-items:center;width:36px;min-height:36px;padding:6px;background:transparent!important;border-color:transparent!important}.activity-planner>small{padding:10px 14px;color:var(--ui-muted);font-size:11px}.activity-planner>[role=status]{font-size:12px;padding:0 14px;margin:0}.activity-planner-scroll{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain}.activity-planner-grid{position:relative;height:1440px;min-width:240px}.activity-planner-hour{position:absolute;left:0;right:0;height:60px;width:100%;background:transparent!important;border:0!important;border-top:1px solid var(--gh-line)!important;border-radius:0!important;text-align:left;display:flex;align-items:flex-start;padding:5px 6px!important;color:var(--ui-muted)!important;font-size:10px}.activity-planner-hour:hover{background:var(--gh-card)!important}.activity-planner-hour time{width:38px}.activity-planner-events{position:absolute;inset:0;pointer-events:none}.activity-planner-event{position:absolute;z-index:2;min-height:25px;overflow:hidden;padding:5px 7px;background:var(--gh-card);color:var(--ui-text);border:1px solid var(--gh-line);border-left:3px solid var(--ui-accent);border-radius:3px;pointer-events:auto;font-size:11px;box-sizing:border-box}.activity-planner-event strong,.activity-planner-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.activity-planner-event.completed{opacity:.65}.activity-planner-draft{position:absolute;left:48px;right:8px;z-index:3;pointer-events:none;box-sizing:border-box;border:1px dashed var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 18%,transparent);color:var(--ui-text);font-size:11px;padding:4px 6px;overflow:hidden}
@media(max-width:760px){html body dialog.activity-compose-dialog{grid-template-columns:minmax(0,1fr);max-height:92dvh;overflow:auto;width:calc(100vw - 16px)}.activity-compose-form{max-height:none}.activity-compose-fields{overflow:visible;padding:16px}.activity-compose-heading{padding:14px 16px}.activity-compose-heading h2{font-size:24px}.activity-compose-footer{position:sticky;bottom:0;z-index:5;background:var(--gh-card);padding:12px;flex-wrap:wrap}.activity-compose-footer button{min-height:44px}.activity-completed-choice{font-size:11px}.activity-type-choices button{min-height:44px}.activity-type-choices button span{display:none}.activity-planner{grid-column:1;grid-row:2;max-height:400px;height:400px;border-left:0;border-top:1px solid var(--gh-line)}.activity-planner-scroll{min-height:260px}.activity-compose-timing{gap:8px;grid-template-columns:minmax(128px,1.5fr) minmax(78px,1fr) minmax(68px,.8fr)}}
html[data-theme] body #activity-compose-dialog,html[data-theme] body #removal-dialog{background:var(--gh-card)!important;color:var(--ui-text)!important;border:1px solid var(--gh-line)!important;border-radius:4px!important}
html[data-theme] body #activity-compose-dialog .activity-compose-form{background:var(--gh-card)!important}
html[data-theme] body #activity-compose-dialog .activity-planner-hour{background:transparent!important;border:0!important;border-top:1px solid var(--gh-line)!important;border-radius:0!important;box-shadow:none!important;color:var(--ui-muted)!important;min-height:60px;max-width:none;text-align:left;font-size:10px}
html[data-theme] body #activity-compose-dialog .activity-planner-hour:hover{background:var(--gh-card)!important}
html[data-theme] body #activity-compose-dialog .activity-planner-heading button{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme] body #activity-compose-dialog .activity-type-choices button{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme] body #activity-compose-dialog .activity-type-choices button[aria-pressed=true]{background:var(--ui-raised)!important;border-color:var(--gh-line)!important;color:var(--ui-accent)!important}
html[data-theme] body :is(#application,dialog) button.compact-action-remove{background:transparent!important;border-color:transparent!important;box-shadow:none!important;border-radius:4px!important}
html[data-theme] body :is(#application,dialog) button.compact-action-remove:hover{background:color-mix(in srgb,#c94242 12%,transparent)!important}
html[data-theme] body #activity-compose-dialog h2,html[data-theme] body #removal-dialog h2{font-family:var(--gh-heading)!important;font-weight:400!important;font-size:27px!important;line-height:1.25!important}

/* On narrow screens the header is in flow; the body already reserves banner space. */
@media(max-width:700px){html body.local-test-environment #application>header{top:0}}

/* Shared list controls: a quiet gear / close icon with a full touch target. */
html body :is(.list-icon-button,#lead-follow-up-dialog .lead-follow-up-heading>button,#lead-outcome-dialog .lead-follow-up-heading>button){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--ui-text);border-radius:4px}
html body .list-icon-button:focus-visible{outline:2px solid var(--ws-accent);outline-offset:2px}
.list-view-toolbar{display:flex;justify-content:flex-end;min-height:44px;margin-bottom:6px}
.list-fields-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:85dvh;overflow:auto;background:var(--gh-card);color:var(--ui-text);border:1px solid var(--gh-line);border-radius:4px;padding:22px}
.list-fields-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.list-fields-heading h2{margin:0;font-family:var(--gh-heading);font-weight:400;font-size:26px}.list-fields-dialog h3{font-size:12px;color:var(--ui-muted);margin:20px 0 10px;border-bottom:1px solid var(--gh-line);padding-bottom:8px}.list-fields-dialog label{display:flex;align-items:center;gap:10px;min-height:40px;font-size:13px}.list-fields-dialog input[type=checkbox]{width:18px;min-width:18px;height:18px;margin:0}.list-fields-dialog form>p{font-size:12px;color:var(--ui-muted)}.list-fields-dialog form>button{min-height:44px}.list-fields-dialog [role=alert]{color:var(--ui-text)}
.list-custom-fields{grid-column:1/-1;display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:6px 12px;margin:0;padding-top:10px;border-top:1px solid var(--gh-line);font-size:12px}.list-custom-fields dt{color:var(--ui-muted)}.list-custom-fields dd{margin:0;overflow-wrap:anywhere}.list-custom-fields:empty{display:none}
#lead-follow-up-dialog .lead-follow-up-heading{display:flex;align-items:center;gap:4px}#lead-follow-up-dialog .lead-follow-up-heading h2{margin-right:auto}#lead-follow-up-dialog th[data-list-column="base:Utfall"],#lead-follow-up-dialog td[data-list-column="base:Utfall"]{position:sticky;right:0;background:var(--gh-card)}#lead-follow-up-dialog :is(th,td):last-child:not([data-list-column="base:Utfall"]){position:static;width:auto}
html body [data-list-field][hidden],html body [data-list-column][hidden]{display:none!important}

html body #application-back{border:0;background:transparent;padding:8px;min-width:44px;width:44px;box-shadow:none}
html body .pipeline-drag-grip{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:4px;min-width:32px;width:32px;height:36px;padding:4px!important}.pipeline-drag-grip:focus-visible{outline:2px solid var(--ws-accent);outline-offset:2px}.board-people{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:10px 0 0;font-size:11px}.board-people dt{display:flex;align-items:center;gap:5px;color:var(--ui-muted);margin-top:7px}.board-people dd{margin:0;font-size:12px;font-weight:550;overflow-wrap:anywhere}.pipeline-move-dialog{width:min(340px,calc(100vw - 24px));max-height:80dvh;overflow:auto;background:var(--gh-card);color:var(--ui-text);border:1px solid var(--gh-line);border-radius:4px;padding:20px}.pipeline-move-dialog>button:not(.list-icon-button){display:block;text-align:left;width:100%;min-height:44px;margin:6px 0}.pipeline-move-dialog h2{font-family:var(--gh-heading);font-weight:400;margin:0 0 14px}

html body #application #team-portal>.leaderboard-controls{grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(310px,1.5fr);margin:10px 0;padding-bottom:12px}
#team-portal>.leaderboard-controls .portal-period-controls{display:grid;grid-template-columns:90px minmax(120px,1fr) 92px;gap:8px;align-items:end;min-width:0}.portal-control-actions{display:flex;gap:4px;align-items:end}.portal-control-actions button{width:44px;padding:8px!important}.portal-control-actions button svg{pointer-events:none}#team-portal>[role=status]{font-size:11px;margin:6px 0;color:var(--ui-muted)}
html body #application #team-portal :is(.portal-navigation,.portal-meeting-categories){display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;padding:4px 0 8px;gap:6px;margin:10px 0 12px;border:0;border-bottom:1px solid var(--gh-line);background:transparent;min-height:44px}
html body #application #team-portal .portal-navigation button{background:transparent!important;border:0!important;box-shadow:none;min-height:44px;padding:8px 12px}
html body #application #team-portal .portal-navigation button[aria-pressed=true]{background:var(--ws-field)!important;box-shadow:inset 0 -2px var(--ws-accent)}
html body #application #team-portal .portal-meeting-categories button{background:transparent!important;min-height:42px;margin:0}
html body #application #team-portal .portal-meeting-categories button[aria-pressed=true]{background:var(--ws-field)!important}
#team-portal .portal-context{margin:8px 0}.portal-meeting-summary>.list-icon-button{margin-left:auto}#team-portal .portal-booker-counts{width:auto;max-width:100%;padding:0}.portal-meeting-summary{margin:10px 0!important}
@media(max-width:900px){html body #application #team-portal>.leaderboard-controls{grid-template-columns:repeat(2,minmax(0,1fr))}#team-portal .portal-period-controls{grid-column:1/-1}}
@media(max-width:700px){html body #application #team-portal .portal-navigation{flex-wrap:wrap}html body #application #team-portal .portal-navigation button{flex:1 0 28%;padding:8px;font-size:12px}#team-portal>.leaderboard-controls .portal-period-controls{grid-template-columns:78px minmax(0,1fr) 92px;gap:6px}#team-portal .portal-context{font-size:10px}}

@media(max-width:700px){html body .pipeline-drag-grip{min-width:44px;width:44px;height:44px}}

@media(max-width:700px){:is(#team-portal,#kpi-view,#calendar-view) .portal-meeting-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:is(#team-portal,#kpi-view,#calendar-view) .portal-meeting-customer{grid-column:1/-1}:is(#team-portal,#kpi-view,#calendar-view) .portal-contact{display:flex;flex-wrap:wrap;gap:4px 12px}:is(#team-portal,#kpi-view,#calendar-view) .portal-contact a{min-height:32px}:is(#team-portal,#kpi-view,#calendar-view) .portal-meeting-schedule{grid-column:1}:is(#team-portal,#kpi-view,#calendar-view) .portal-meeting-people{grid-column:2;grid-row:2;grid-template-columns:minmax(0,1fr);border:0;padding:0;gap:8px}:is(#team-portal,#kpi-view,#calendar-view) .portal-meeting-actions{grid-column:1/-1}}

/* Lead navigation and the shared daily/calendar meeting treatment. */
#lead-follow-up-dialog .lead-record-link{display:inline;padding:0;min-height:0;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit;text-align:left;text-decoration:underline;text-underline-offset:3px;white-space:normal;overflow-wrap:anywhere}
#lead-follow-up-dialog .lead-record-link:focus-visible{outline:2px solid var(--ws-accent);outline-offset:3px}
#calendar-day-agenda{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:start}
html body :is(#kpi-view,#calendar-view) .daily-customer{min-width:0;padding:16px;border:1px solid var(--gh-line);border-radius:4px!important;background:var(--gh-card);box-shadow:none}
:is(#kpi-view,#calendar-view) .daily-customer .board-open{display:block;width:auto;max-width:100%;padding:0;margin:8px 0 4px;border:0;background:transparent;text-align:left;font-weight:700}
:is(#kpi-view,#calendar-view) .daily-customer .daily-tag{display:flex;align-items:center;gap:7px;color:var(--ws-accent);font-size:12px}
:is(#kpi-view,#calendar-view) .daily-customer .daily-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}

/* Booking keeps its existing date, time and conflict controls in clearer sections. */
html body #schedule-dialog.booking-dialog{width:min(1040px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:24px;border:1px solid var(--gh-line);border-radius:4px!important;background:var(--gh-card)!important;color:var(--ui-text)}
#schedule-dialog .booking-heading{padding-bottom:16px;border-bottom:1px solid var(--gh-line)}
#schedule-dialog .booking-heading h2{font-family:var(--gh-heading);font-weight:400;font-size:26px}
#schedule-dialog .booking-heading>button{border:0!important;background:transparent!important;box-shadow:none}
#schedule-dialog .booking-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
#schedule-dialog .booking-grid{grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
html body #schedule-dialog :is(.booking-calendar,.booking-clock-section){min-width:0;padding:16px;border:1px solid var(--gh-line);border-radius:4px!important;background:var(--ws-raised)!important}
#schedule-dialog :is(#booking-month-grid>button,.booking-agenda-row,#booking-minutes button,.booking-day-shortcuts button,.booking-period button){border-radius:4px!important}
#schedule-dialog .booking-assignment{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:12px 0;border:1px solid var(--gh-line);border-radius:4px;background:var(--ws-raised);font-size:13px}
#schedule-dialog .booking-assignment[hidden]{display:none}
#schedule-dialog .booking-assignment input{width:18px;height:18px;flex:none;margin:0;accent-color:var(--ws-accent)}
#schedule-dialog .booking-footer{background:var(--gh-card);border-top:1px solid var(--gh-line);padding-top:12px}
#schedule-dialog .booking-footer .primary{flex:1 1 200px}
#schedule-dialog .booking-footer .daily-action-icon{flex:0 0 44px}
@media(max-width:700px){html body #schedule-dialog.booking-dialog{padding:16px}#schedule-dialog .booking-grid{grid-template-columns:1fr}#schedule-dialog .booking-options{gap:8px}#calendar-day-agenda{grid-template-columns:minmax(0,1fr)}}
/* Dark Hero surfaces in the lead and booking workflows. */
html[data-theme=hero] body :is(#schedule-dialog,#lead-follow-up-dialog,#lead-outcome-dialog,.list-fields-dialog),
html[data-theme=hero] body :is(#schedule-dialog,#lead-follow-up-dialog,#lead-outcome-dialog,.list-fields-dialog) *{
 --ws-panel:#0d281e!important;--ws-raised:#173e2e!important;--ws-field:#0a2118!important;--ws-line:#355648!important;--ws-text:#e9f5ec!important;--ws-muted:#a0b5a8!important;--ws-accent:#9df2bd!important;--ws-on-accent:#0d2116!important;--ws-button:#193c2e!important;--ws-button-text:#e9f5ec!important;--ws-hover:#234f3c!important;--ws-scheme:dark!important;color-scheme:dark;
}
html[data-theme=hero] body :is(#schedule-dialog,#lead-follow-up-dialog,#lead-outcome-dialog,.list-fields-dialog){color:#e9f5ec!important}
html[data-theme=hero] body #lead-follow-up-dialog a{color:#9df2bd!important}
@media(max-width:700px){#lead-follow-up-dialog .lead-follow-up-table button.lead-record-link{display:inline-flex;align-items:center;min-height:44px;white-space:normal}}
html[data-theme=hero] body #calendar-view .daily-customer,
html[data-theme=hero] body #calendar-view .daily-customer *{
 --ws-panel:#0d281e!important;--ws-raised:#173e2e!important;--ws-field:#0a2118!important;--ws-line:#355648!important;--ws-text:#e9f5ec!important;--ws-muted:#a0b5a8!important;--ws-accent:#9df2bd!important;--ws-on-accent:#0d2116!important;--ws-button:#193c2e!important;--ws-button-text:#e9f5ec!important;--ws-hover:#234f3c!important;
}
html[data-theme=hero] body #calendar-view .daily-customer{background:#0d281e!important;color:#e9f5ec!important;border-color:#355648!important}
/* Compact theme choices keep accessible names and the current selection. */
html body #theme-menu{min-width:0;display:flex;gap:6px;width:max-content}
html body #theme-menu[hidden]{display:none}
html body #theme-menu button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:8px;margin:0}
/* Hero dialogs use the same dark surface and readable tokens, including dynamic dialogs. */
html[data-theme=hero] body dialog,
html[data-theme=hero] body dialog *{
 --ws-panel:#0d281e!important;--ws-raised:#173e2e!important;--ws-field:#0a2118!important;--ws-line:#355648!important;--ws-text:#e9f5ec!important;--ws-muted:#b4cabe!important;--ws-accent:#9df2bd!important;--ws-on-accent:#0d2116!important;--ws-button:#193c2e!important;--ws-button-text:#e9f5ec!important;--ws-hover:#234f3c!important;--ws-scheme:dark!important;
}
/* The results selector retains a light field from the legacy Hero skin. */
html[data-theme=hero] body #kpi-view .daily-results :is(input,select,textarea){background:#fffdf7!important;color:#163b29!important;-webkit-text-fill-color:#163b29!important;color-scheme:light}
html body :is(#profile-navigation,#app-menu) #theme-menu{display:flex;gap:6px;width:100%}
html body :is(#profile-navigation,#app-menu) #theme-menu[hidden]{display:none}
html body :is(#profile-navigation,#app-menu) #theme-menu button{display:inline-flex;width:44px;min-width:44px;height:44px;min-height:44px;justify-content:center;padding:8px;margin:0}
html body :is(#profile-navigation,#app-menu) #menu-appearance .theme-control{width:100%}
html body :is(#profile-navigation,#app-menu) #theme-menu{min-width:156px;box-sizing:border-box}