.dashboard-hero { margin-bottom: 18px; }
.hero-line { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.hero-label { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; }
.hero-label::before { content:''; width: 6px; height: 6px; background: var(--success); border-radius: 50%; box-shadow: 0 0 18px rgba(123,224,165,.55); }

.company-profile-head { display: grid; grid-template-columns: 1fr auto; gap: 18px; }
.company-title { font-size: 34px; }
.company-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 10px; color: var(--muted); font-size: 11px; }
.profile-stack { display: grid; gap: 16px; }
.info-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.info-item { padding: 13px; border: 1px solid var(--line); border-radius: 11px; background: #090909; }
.info-item span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
.info-item strong { display: block; margin-top: 6px; font-size: 12px; color: #ddd; }

.login-page { min-height: 100vh; display: grid; grid-template-columns: 1.15fr .85fr; background: #040404; }
.login-art { position: relative; overflow: hidden; padding: 48px; border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: space-between; }
.login-art::before { content:''; position:absolute; inset:0; background: radial-gradient(circle at 28% 42%, rgba(255,255,255,.08), transparent 24%), linear-gradient(135deg, transparent 35%, rgba(255,255,255,.035) 35.2%, transparent 35.4%); pointer-events:none; }
.login-logo { width: 170px; position: relative; z-index:1; }
.login-statement { position: relative; z-index:1; max-width: 700px; }
.login-statement h1 { font-size: clamp(42px,6vw,88px); line-height: .95; font-weight: 500; }
.login-statement p { max-width: 560px; margin-top: 22px; color: var(--muted); line-height: 1.7; font-size: 13px; }
.login-panel { padding: 50px; display: grid; place-items: center; }
.login-box { width: min(420px,100%); }
.login-box h2 { font-size: 30px; }
.login-box > p { margin-top: 10px; color: var(--muted); font-size: 12px; line-height:1.6; }
.login-form { display:grid; gap: 14px; margin-top: 28px; }

.quick-entry-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:16px; align-items:start; }
.paste-card,.preview-card { min-height:520px; }
.report-pipeline { grid-template-columns:repeat(3,minmax(120px,1fr)); }

/* Login interaction / prototype auth */
.login-atmosphere { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.login-atmosphere i { position:absolute; width:260px; height:260px; border:1px solid rgba(255,255,255,.055); border-radius:50%; filter:blur(.1px); animation:loginOrbit 12s linear infinite; }
.login-atmosphere i:nth-child(1){ left:8%; top:18%; }
.login-atmosphere i:nth-child(2){ right:-7%; top:42%; width:380px; height:380px; animation-duration:18s; animation-direction:reverse; }
.login-atmosphere i:nth-child(3){ left:44%; bottom:-20%; width:480px; height:480px; animation-duration:24s; }
.login-security-note { position:relative; z-index:1; display:flex; align-items:center; gap:8px; color:#72726e; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.login-security-note svg { width:14px; height:14px; }
.login-submit { width:100%; justify-content:space-between; min-height:46px; transition:.2s ease; }
.login-submit:disabled { cursor:wait; opacity:.72; }
.login-submit.loading span::after { content:'…'; }
.login-error { min-height:18px; color:var(--danger); font-size:11px; line-height:1.5; }
.login-prototype-note { margin-top:18px; color:#555550; font-size:9px; line-height:1.6; }
.login-form.login-shake { animation:loginShake .32s ease; }
.login-form.login-success { opacity:.58; transform:translateY(-2px); transition:.25s ease; }
@keyframes loginShake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-7px)} 75%{transform:translateX(7px)} }
@keyframes loginOrbit { to{ transform:rotate(360deg) scale(1.04); } }
/* v4 workflow refinements */
.funnel-metrics .metric-card { min-height:128px; }
.dashboard-pipeline { grid-template-columns: repeat(5, minmax(105px,1fr)); }
.historical-reference { margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.historical-reference strong { display:block; margin-top:7px; font-size:12px; }
.historical-reference p { max-width:560px; color:var(--muted); font-size:10px; line-height:1.6; text-align:right; }
.compact-table { min-width:640px; }

.connection-entry-card { margin-bottom:16px; }
.account-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.account-choice { text-align:left; min-height:92px; padding:14px; border:1px solid var(--line); border-radius:12px; background:#090909; cursor:pointer; transition:.18s ease; }
.account-choice:hover { border-color:var(--line-strong); transform:translateY(-1px); }
.account-choice.selected { border-color:rgba(255,255,255,.55); background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); box-shadow:0 0 0 1px rgba(255,255,255,.04) inset; }
.account-choice .account-platform { display:block; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.account-choice strong { display:block; margin-top:10px; font-size:14px; }
.account-choice small { display:block; margin-top:5px; color:var(--muted); font-size:10px; }
.quick-connection-head { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }
.quick-connection-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:10px; align-items:end; margin-top:12px; }
.connection-add-button { min-height:40px; padding-inline:18px; }
.selected-account-line { margin-top:10px; color:var(--muted); font-size:10px; }
.selected-account-line strong { color:var(--text-soft); }
.connection-summary { margin-bottom:22px; }
.mini-stat { padding:15px 16px; }
.mini-stat span { display:block; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.11em; }
.mini-stat strong { display:block; margin-top:8px; font-family:Manrope; font-size:25px; }
.mini-stat small { display:block; margin-top:5px; color:var(--muted); font-size:10px; }
.connections-table-head { align-items:flex-end; }
.connection-tabs { display:flex; gap:5px; flex-wrap:wrap; }
.connection-tab { border:1px solid var(--line); background:#090909; color:var(--muted); border-radius:8px; min-height:34px; padding:0 10px; font-size:10px; cursor:pointer; }
.connection-tab.active { background:#f3f3ef; color:#090909; border-color:#f3f3ef; }

.outreach-help-strip { display:grid; grid-template-columns:36px 1fr auto; gap:12px; align-items:center; margin-bottom:18px; }
.outreach-help-icon { width:36px; height:36px; border:1px solid var(--line); border-radius:10px; display:grid; place-items:center; }
.outreach-help-icon svg { width:15px; height:15px; }
.outreach-help-strip strong { display:block; font-size:12px; }
.outreach-help-strip span { display:block; margin-top:4px; color:var(--muted); font-size:10px; line-height:1.5; }
.outreach-tools { align-items:center; }
.filter-row { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.activity-cell-title { display:block; font-size:11px; color:var(--text-soft); }
.activity-cell-date { display:block; margin-top:4px; color:var(--muted); font-size:9px; }

.duplicate-banner.neutral { border-color:var(--line); background:#090909; color:var(--muted); }
.duplicate-banner.success { border-color:rgba(123,224,165,.28); background:rgba(123,224,165,.05); color:#a4e9bd; }
.duplicate-banner.danger { border-color:rgba(233,137,137,.28); background:rgba(233,137,137,.055); color:#efaaaa; }
.save-helper { margin-top:9px; text-align:center; color:var(--muted); font-size:9px; }

.relationship-summary { margin-bottom:16px; }
.summary-stat { padding:14px; min-height:92px; }
.summary-stat span { display:block; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.1em; }
.summary-stat strong { display:block; margin-top:9px; color:#e8e8e3; font-size:11px; line-height:1.45; }
.company-workspace { align-items:start; }
.relationship-timeline { display:grid; }
.timeline-event { display:grid; grid-template-columns:34px 1fr; gap:12px; min-height:78px; }
.timeline-rail { display:flex; flex-direction:column; align-items:center; }
.timeline-node { width:30px; height:30px; flex:0 0 30px; border-radius:50%; border:1px solid var(--line-strong); background:#0b0b0b; display:grid; place-items:center; }
.timeline-node svg { width:12px; height:12px; }
.timeline-line { width:1px; flex:1; background:var(--line); }
.timeline-content { padding:4px 0 20px; }
.timeline-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.timeline-top strong { font-size:12px; }
.timeline-top time { color:var(--muted); font-size:9px; white-space:nowrap; }
.timeline-meta { margin-top:5px; color:var(--muted); font-size:9px; }
.timeline-content p { margin-top:8px; color:var(--text-soft); font-size:10px; line-height:1.55; }
.scheduled-event { margin-top:9px; display:inline-flex; gap:5px; padding:6px 8px; border:1px solid rgba(138,183,255,.18); background:rgba(138,183,255,.045); border-radius:8px; color:#a8c8fa; font-size:9px; }
.company-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.company-action { min-height:64px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:8px; padding:11px; border:1px solid var(--line); border-radius:10px; background:#090909; color:var(--text-soft); cursor:pointer; text-align:left; }
.company-action:hover { border-color:var(--line-strong); background:#101010; }
.company-action svg { width:14px; height:14px; color:var(--muted); }
.company-action span { font-size:10px; font-weight:650; }
.company-action.primary-action { background:#f3f3ef; color:#090909; border-color:#f3f3ef; }
.company-action.primary-action svg { color:#090909; }
.action-handoff-note { margin-top:11px; padding:10px; border:1px solid var(--line); border-radius:9px; color:var(--muted); font-size:9px; line-height:1.55; }
.info-list.single-column { grid-template-columns:1fr; }
.action-modal { position:fixed; inset:0; z-index:70; display:none; place-items:center; padding:20px; }
.action-modal.show { display:grid; }
.action-modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.76); backdrop-filter:blur(8px); }
.action-modal-card { position:relative; width:min(520px,100%); padding:20px; background:#0b0b0b; box-shadow:var(--shadow); }
.action-modal-card textarea { min-height:90px; }
.modal-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }

.report-rates { display:grid; gap:10px; }
.report-rates > div { padding:12px; border:1px solid var(--line); border-radius:10px; background:#090909; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.report-rates span { color:var(--muted); font-size:10px; }
.report-rates strong { font-size:18px; }
.report-activity-list { display:grid; max-height:420px; overflow:auto; }
.report-activity-row { display:grid; grid-template-columns:minmax(180px,1.3fr) minmax(100px,.6fr) minmax(130px,.8fr) auto; gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid var(--line); }
.report-activity-row:last-child { border-bottom:0; }
.report-activity-row > div:first-child strong { display:block; font-size:11px; }
.report-activity-row > div:first-child span { display:block; margin-top:4px; color:var(--muted); font-size:9px; }
.report-activity-row > div:not(:first-child) span { display:block; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.09em; }
.report-activity-row > div:not(:first-child) strong { display:block; margin-top:4px; font-size:10px; }
.report-activity-row time { color:var(--muted); font-size:9px; text-align:right; }

/* v5: analytics, profile history, and reliable meeting scheduling */
.weekly-activity-card { display:block; color:inherit; text-decoration:none; transition:.18s ease; cursor:pointer; }
.weekly-activity-card:hover { border-color:rgba(255,255,255,.22); transform:translateY(-1px); background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); }
.analytics-open-link { display:inline-flex; align-items:center; gap:6px; color:#d9d9d4; font-size:10px; }
.analytics-open-link svg { width:12px; height:12px; }
.weekly-card-foot { margin-top:2px; color:#5e5e5a; font-size:9px; }

.meeting-date-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.meeting-date-grid input { min-height:44px; color-scheme:dark; }
.meeting-date-grid input::-webkit-calendar-picker-indicator { cursor:pointer; filter:invert(1); opacity:.75; }

.analytics-controls { padding:14px; display:grid; grid-template-columns:minmax(160px,.7fr) minmax(160px,.7fr) 2.4fr; gap:12px; align-items:end; margin-bottom:16px; }
.analytics-metric-switch { display:flex; justify-content:flex-end; gap:6px; flex-wrap:wrap; }
.metric-switch { min-height:38px; border:1px solid var(--line); background:#090909; color:var(--muted); border-radius:9px; padding:0 12px; cursor:pointer; font-size:10px; }
.metric-switch:hover { border-color:var(--line-strong); color:#ddd; }
.metric-switch.active { background:#f1f1ed; color:#090909; border-color:#f1f1ed; }
.analytics-highlights { margin-bottom:16px; }
.intelligence-card { padding:16px; min-height:128px; display:flex; flex-direction:column; }
.intelligence-card > span { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.intelligence-card > strong { margin-top:auto; padding-top:20px; font:600 24px/1.1 Manrope,sans-serif; }
.intelligence-card > small { margin-top:7px; color:#666661; font-size:9px; line-height:1.5; }

.analytics-chart-card { overflow:hidden; }
.chart-legend { display:flex; align-items:center; gap:14px; color:var(--muted); font-size:9px; }
.chart-legend span { display:flex; align-items:center; gap:6px; }
.chart-legend span::before { content:''; width:7px; height:7px; border-radius:2px; background:#e9e9e5; }
.chart-legend .legend-meeting::before { border-radius:50%; background:#8c8c86; box-shadow:0 0 0 2px rgba(255,255,255,.08); }
.analytics-chart-scroll { margin-top:18px; overflow-x:auto; overflow-y:hidden; padding:4px 2px 14px; scrollbar-width:thin; scrollbar-color:#444 #0a0a0a; }
.analytics-chart { min-width:max-content; height:310px; display:flex; align-items:flex-end; gap:7px; border-bottom:1px solid var(--line); padding:0 4px; }
.analytics-day-column { width:42px; height:280px; flex:0 0 42px; border:0; background:transparent; color:inherit; display:grid; grid-template-rows:20px 1fr 16px 18px; align-items:end; justify-items:center; padding:0 3px 7px; border-radius:9px 9px 0 0; cursor:pointer; position:relative; transition:.16s ease; }
.analytics-day-column:hover { background:rgba(255,255,255,.025); }
.analytics-day-column.selected { background:rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(255,255,255,.09); }
.analytics-day-count { color:#bdbdb8; font-size:9px; min-height:15px; }
.analytics-bar-track { width:22px; height:210px; display:flex; align-items:flex-end; position:relative; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)); overflow:visible; }
.analytics-bar { width:100%; min-height:4px; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,#f1f1ed,#555550); transition:height .28s ease; }
.meeting-signal { position:absolute; width:8px; height:8px; border-radius:50%; background:#aaa9a2; right:-5px; top:8px; box-shadow:0 0 0 3px rgba(255,255,255,.055),0 0 16px rgba(255,255,255,.14); }
.analytics-weekday { font-size:8px; color:#595955; text-transform:uppercase; }
.analytics-day-column > strong { font-size:10px; font-weight:600; color:#92928d; }
.analytics-day-column.selected > strong { color:#fff; }
.chart-readout { display:flex; align-items:center; gap:8px; padding-top:11px; color:var(--muted); font-size:9px; }
.chart-readout strong { color:#ddd; font-size:10px; }
.chart-readout small { margin-left:auto; color:#555550; }

.analytics-learning-section { margin-top:16px; align-items:start; }
.analytics-day-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.analytics-day-head h3 { margin-top:5px; font-size:18px; }
.day-score-row { display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
.day-score-row span { padding:7px 9px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:9px; white-space:nowrap; }
.day-score-row b { color:#fff; margin-right:3px; }
.day-learning-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr); gap:16px; padding-top:12px; }
.day-event-list { display:grid; }
.day-event-row { display:grid; grid-template-columns:110px 1fr auto; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }
.day-event-row:last-child { border-bottom:0; }
.day-event-row > div:nth-child(2) span { display:block; margin-top:4px; color:var(--muted); font-size:9px; }
.day-event-row time { color:#61615d; font-size:9px; text-align:right; }
.event-type-chip { justify-self:start; border:1px solid var(--line); border-radius:999px; padding:5px 8px; color:#bcbcb7; font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.day-outcome-card { border:1px solid var(--line); border-radius:11px; padding:12px; background:#090909; }
.outcome-block { display:grid; gap:6px; padding:12px 0; border-bottom:1px solid var(--line); }
.outcome-block:last-child { border-bottom:0; }
.outcome-block strong { font-size:10px; }
.outcome-block a { color:#dcdcd7; font-size:10px; }
.outcome-block span { color:var(--muted); font-size:10px; }

.learn-set-card { position:sticky; top:88px; }
.learning-set { padding:12px 0; border-bottom:1px solid var(--line); display:grid; gap:7px; }
.learning-set:last-of-type { border-bottom:0; }
.learning-set-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.learning-set-head strong { font-size:11px; }
.learning-set > a { padding:8px 9px; border:1px solid var(--line); border-radius:8px; color:#ddd; font-size:10px; background:#090909; }
.learning-set > a:hover { border-color:var(--line-strong); }
.analysis-note { margin-top:14px; color:#666661; font-size:9px; line-height:1.7; }

.avatar-link { text-decoration:none; }
.profile-account-hero { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; margin-bottom:16px; }
.profile-large-avatar { width:64px; height:64px; border-radius:50%; background:#f1f1ed; color:#090909; display:grid; place-items:center; font-weight:800; font-size:16px; }
.profile-account-hero h2 { margin-top:4px; font-size:22px; }
.profile-account-hero p { margin-top:5px; color:var(--muted); font-size:10px; }
.profile-last-activity { min-width:220px; border-left:1px solid var(--line); padding-left:18px; display:grid; gap:4px; }
.profile-last-activity span,.profile-last-activity small { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.07em; }
.profile-last-activity strong { font-size:11px; }
.historical-account-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:16px; }
.historical-account-metrics > div { border:1px solid var(--line); border-radius:10px; padding:13px; background:#090909; }
.historical-account-metrics span { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.historical-account-metrics strong { display:block; margin-top:9px; font-size:22px; }
.historical-directory-head { margin-top:20px; padding-top:18px; border-top:1px solid var(--line); }
.historical-directory-head strong { display:block; font-size:12px; }
.historical-directory-head span { display:block; margin-top:5px; color:var(--muted); font-size:9px; line-height:1.6; }
.historical-company-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.historical-company-link { min-height:66px; border:1px solid var(--line); border-radius:10px; padding:11px; background:#090909; display:flex; flex-direction:column; justify-content:space-between; color:#ddd; }
.historical-company-link strong { font-size:11px; }
.historical-company-link span { color:var(--muted); font-size:9px; }
a.historical-company-link:hover { border-color:var(--line-strong); }
.muted-history { opacity:.62; }

/* v6 activity integrity + message history */
.hidden { display:none !important; }
.timeline-event-controls { display:flex; align-items:center; gap:10px; }
.timeline-delete { border:0; background:transparent; color:#8f8f8f; font:inherit; font-size:9px; cursor:pointer; padding:2px 0; }
.timeline-delete:hover { color:#ff8d8d; }
.timeline-detail { margin-top:10px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:#080808; }
.timeline-detail span { display:block; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.1em; margin-bottom:5px; }
.timeline-detail p { margin:0 !important; color:var(--text-soft); white-space:pre-wrap; font-size:10px; line-height:1.55; }
.timeline-detail.secondary { background:#0a0a0a; }
.activity-detail-modal { width:min(600px,100%); }
.activity-detail-modal textarea { min-height:112px; }
.field-label-row { margin:4px 0 8px; color:var(--text); font-size:10px; font-weight:700; }
.activity-detail-snippet { display:block; margin-top:5px; color:#a7a7a7; font-size:9px; line-height:1.45; max-width:520px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.report-activity-link { color:inherit; text-decoration:none; }
.report-activity-link:hover { background:rgba(255,255,255,.018); }
.activity-item-link { color:inherit; text-decoration:none; }
.activity-item-link:hover { background:rgba(255,255,255,.018); }
.initial-message-panel { margin:16px 0; padding:14px; border:1px solid var(--line-strong); border-radius:12px; background:#090909; }
.message-record-toggle { display:flex; gap:10px; align-items:flex-start; margin-bottom:12px; cursor:pointer; }
.message-record-toggle input { margin-top:3px; }
.message-record-toggle span { display:flex; flex-direction:column; gap:3px; }
.message-record-toggle strong { font-size:11px; }
.message-record-toggle small { color:var(--muted); font-size:9px; }
.initial-message-panel textarea { min-height:140px; }
.quick-connection-form.with-message { grid-template-columns:minmax(0,.7fr) minmax(0,.7fr) minmax(0,1.6fr) auto; }
.connection-message-field textarea { min-height:72px; }

/* v7: exact 12-hour time picker */
.time-part-picker { display:grid; grid-template-columns:minmax(70px,.8fr) 10px minmax(72px,.9fr) minmax(76px,.85fr); gap:7px; align-items:center; }
.time-part-picker select { width:100%; min-height:44px; border:1px solid var(--line); border-radius:10px; background:#090909; color:var(--text); padding:0 10px; outline:none; }
.time-part-picker select:focus { border-color:rgba(255,255,255,.28); }
.time-colon { color:var(--muted); text-align:center; font-weight:700; }

/* v7: management / weekly report */
.weekly-report-card { margin-top:16px; overflow:hidden; }
.weekly-report-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.weekly-report-actions { display:flex; align-items:center; gap:8px; }
.weekly-activity-grid { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(132px,1fr); gap:9px; overflow-x:auto; overflow-y:hidden; padding:2px 2px 8px; max-width:100%; scrollbar-width:thin; }
.weekly-day-card { appearance:none; width:100%; min-width:0; max-width:100%; overflow:hidden; text-align:left; border:1px solid var(--line); background:#090909; color:var(--text); border-radius:12px; padding:12px; cursor:pointer; transition:.16s ease; box-sizing:border-box; }
.weekly-day-card:hover { border-color:rgba(255,255,255,.22); transform:translateY(-1px); background:#0c0c0c; }
.weekly-day-card .weekly-date { display:flex; justify-content:space-between; gap:8px; align-items:baseline; margin-bottom:11px; }
.weekly-day-card .weekly-date span { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.weekly-day-card .weekly-date strong { font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.weekly-total-bar { height:5px; border-radius:999px; background:#161616; overflow:hidden; margin-bottom:11px; }
.weekly-total-bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#f2f2ef,#696965); }
.weekly-day-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; min-width:0; }
.weekly-day-metrics div { border:1px solid rgba(255,255,255,.055); border-radius:8px; padding:7px; display:grid; gap:2px; min-width:0; overflow:hidden; }
.weekly-day-metrics span { color:var(--muted); font-size:7px; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.weekly-day-metrics strong { font-size:13px; min-width:0; }
.management-note { color:var(--muted); font-size:9px; }

/* v8 roles + management workspace */
.sidebar-role-chip { margin:10px 14px 2px; padding:7px 10px; border:1px solid var(--line); border-radius:9px; color:#858580; font-size:9px; letter-spacing:.08em; text-transform:uppercase; text-align:center; }
.fixed-owner { min-height:40px; display:flex; align-items:center; padding:0 12px; border:1px solid var(--line); border-radius:9px; background:#080808; font-weight:700; font-size:12px; }
.management-section { margin-top:16px; }
.management-periods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.management-period { padding:15px; }
.management-period-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid var(--line); }
.management-period-head span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.management-period-head strong { font-size:12px; }
.management-period-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding-top:13px; }
.management-period-grid div { min-width:0; }
.management-period-grid span { display:block; color:var(--muted); font-size:9px; margin-bottom:5px; }
.management-period-grid strong { font-size:19px; }
.report-primary-metrics { margin-top:16px; }
.management-two-col { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:16px; margin-top:16px; }
.attention-count { min-width:28px; height:28px; display:grid; place-items:center; border-radius:999px; border:1px solid var(--line); font-size:11px; font-weight:700; }
.attention-list { display:flex; flex-direction:column; }
.attention-row { display:grid; grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr); gap:14px; color:inherit; text-decoration:none; padding:12px 0; border-top:1px solid var(--line); }
.attention-row:first-child { border-top:0; }
.attention-row:hover strong,.attention-row:hover b { color:#fff; }
.attention-row strong,.attention-row b { display:block; font-size:11px; }
.attention-row span,.attention-row small { display:block; color:var(--muted); font-size:9px; margin-top:4px; line-height:1.45; }
.weekly-review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.weekly-review-grid>div { border:1px solid var(--line); border-radius:10px; padding:11px; background:#080808; }
.weekly-review-grid span,.weekly-company-sets span { display:block; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.weekly-review-grid strong { display:block; font-size:18px; margin-top:6px; }
.weekly-review-grid small { display:block; color:var(--muted); font-size:8px; margin-top:4px; }
.weekly-company-sets { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; }
.weekly-company-sets>div { border:1px solid var(--line); border-radius:10px; padding:11px; }
.weekly-company-sets strong { display:block; font-size:18px; margin-top:5px; }
.weekly-company-sets p { color:#b6b6b1; font-size:9px; line-height:1.55; margin:7px 0 0; }
.account-performance-card { margin-top:16px; }
.account-performance-grid { display:flex; flex-direction:column; }
.account-performance-row { display:grid; grid-template-columns:minmax(145px,1.4fr) repeat(5,minmax(70px,.7fr)); gap:12px; align-items:center; padding:13px 0; border-top:1px solid var(--line); }
.account-performance-row:first-child { border-top:0; }
.account-performance-row span { display:block; color:var(--muted); font-size:9px; }
.account-performance-row strong { display:block; font-size:12px; margin-top:3px; }
.team-role-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.team-role-card { display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start; }
.team-role-card .role-permission-list { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:7px; padding-top:8px; border-top:1px solid var(--line); }
.role-permission-list span { padding:6px 8px; border:1px solid var(--line); border-radius:999px; color:#8e8e89; font-size:8px; }
.management-role-card { background:linear-gradient(145deg,#0d0d0d,#070707); }
.team-comparison-card { margin-top:16px; overflow-x:auto; }
.team-comparison-table { min-width:850px; }
.team-comparison-row { display:grid; grid-template-columns:1.25fr repeat(6,.75fr) 1fr; gap:10px; align-items:center; padding:12px 0; border-top:1px solid var(--line); }
.team-comparison-row:first-child { border-top:0; }
.team-comparison-head { color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.06em; }
.team-comparison-row strong { font-size:12px; }
.team-comparison-row small { display:block; color:var(--muted); font-size:8px; margin-top:3px; }
.profile-access-grid { margin-top:16px; }
.profile-access-card { color:inherit; text-decoration:none; }
a.profile-access-card:hover { border-color:rgba(255,255,255,.2); }
.profile-access-card h3 { margin:7px 0; }
.profile-access-card p { color:var(--muted); font-size:10px; line-height:1.55; margin:0; }


/* v9: scalable high-volume activity and master list */
.selected-day-total { display:block; margin-top:6px; color:var(--muted); font-size:9px; }
.selected-day-scroll { max-height:430px; overflow-y:auto; overflow-x:hidden; padding-right:7px; margin-top:12px; scrollbar-width:thin; scrollbar-color:#3b3b38 #0a0a0a; }
.selected-day-scroll::-webkit-scrollbar,.learning-set-scroll::-webkit-scrollbar { width:7px; }
.selected-day-scroll::-webkit-scrollbar-track,.learning-set-scroll::-webkit-scrollbar-track { background:#0a0a0a; border-radius:999px; }
.selected-day-scroll::-webkit-scrollbar-thumb,.learning-set-scroll::-webkit-scrollbar-thumb { background:#363633; border-radius:999px; }
.analytics-learning-section > .span-2 { min-height:0; }
.analytics-learning-section .day-event-row { min-height:58px; }
.learn-set-card { max-height:558px; overflow:hidden; }
.learning-set { min-height:0; }
.learning-set-scroll { display:grid; gap:7px; max-height:190px; overflow-y:auto; padding-right:5px; scrollbar-width:thin; scrollbar-color:#3b3b38 #0a0a0a; }
.learning-set-scroll > a { padding:8px 9px; border:1px solid var(--line); border-radius:8px; color:#ddd; font-size:10px; background:#090909; }
.learning-set-scroll > a:hover { border-color:var(--line-strong); }
.set-count { display:inline-grid; place-items:center; min-width:22px; height:20px; margin-left:5px; padding:0 6px; border:1px solid var(--line); border-radius:999px; color:#9b9b96; font-size:8px; font-weight:700; }
.master-list-page { max-width:1180px; }
.master-copy-card { min-height:220px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.master-copy-main { display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:start; max-width:720px; }
.master-copy-icon { width:54px; height:54px; display:grid; place-items:center; border:1px solid var(--line); border-radius:14px; background:#090909; color:#d8d8d4; }
.master-copy-icon svg { width:20px; height:20px; }
.master-copy-main strong { display:block; margin-top:9px; font-size:38px; line-height:1; }
.master-copy-main p { max-width:620px; margin:11px 0 0; color:var(--muted); font-size:10px; line-height:1.65; }
.master-copy-button { min-width:190px; min-height:46px; justify-content:center; }
@media (max-width:900px) {
  .master-copy-card { align-items:stretch; flex-direction:column; }
  .master-copy-button { width:100%; }
  .selected-day-scroll { max-height:380px; }
}

/* v10: backend-readiness / high-volume layout hardening */
.data-list-frame { max-height:620px; overflow:auto; scrollbar-width:thin; scrollbar-color:#3b3b38 #0a0a0a; }
.data-list-frame > .table-wrap { max-height:620px; overflow:auto; }
.data-list-frame th { position:sticky; top:0; z-index:2; box-shadow:0 1px 0 var(--line); }
.data-list-frame::-webkit-scrollbar,.data-list-frame > .table-wrap::-webkit-scrollbar { width:8px; height:8px; }
.data-list-frame::-webkit-scrollbar-track,.data-list-frame > .table-wrap::-webkit-scrollbar-track { background:#090909; }
.data-list-frame::-webkit-scrollbar-thumb,.data-list-frame > .table-wrap::-webkit-scrollbar-thumb { background:#343431; border-radius:999px; }

.management-period-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.management-period-grid > div { min-width:0; padding:9px 10px; border:1px solid rgba(255,255,255,.055); border-radius:9px; background:#080808; }
.management-period-grid span { white-space:normal; overflow-wrap:anywhere; line-height:1.25; }
.management-period-head { flex-wrap:wrap; }
.management-period-head strong { white-space:nowrap; }
.attention-list { max-height:360px; overflow-y:auto; padding-right:6px; scrollbar-width:thin; scrollbar-color:#3b3b38 #0a0a0a; }
.attention-list::-webkit-scrollbar { width:7px; }
.attention-list::-webkit-scrollbar-thumb { background:#363633; border-radius:999px; }
.weekly-company-sets p { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.weekly-review-grid strong { overflow-wrap:anywhere; line-height:1.15; }
.account-history-card .historical-company-grid { max-height:420px; overflow-y:auto; padding-right:6px; scrollbar-width:thin; scrollbar-color:#3b3b38 #0a0a0a; }

@media (max-width:1280px) {
  .management-periods { grid-template-columns:1fr; }
  .management-period-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .management-period-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .data-list-frame,.data-list-frame > .table-wrap { max-height:520px; }
}

/* v11: operational integrity, bulk workflow and daily home agenda */
.home-page { max-width:1500px; }
.home-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:20px; }
.home-hero h1 { margin:8px 0 5px; font-family:Manrope; font-size:38px; letter-spacing:-.04em; }
.home-hero p { margin:0; color:var(--muted); font-size:11px; }
.home-date { display:flex; flex-direction:column; align-items:flex-end; gap:4px; padding-bottom:4px; }
.home-date span { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.home-date strong { font-size:13px; }
.home-priority-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(220px,.35fr); gap:16px; }
.home-agenda-card { min-height:300px; }
.home-side-stack { display:grid; gap:10px; }
.home-mini-card { display:flex; flex-direction:column; justify-content:center; min-height:92px; }
.home-mini-card span { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.home-mini-card strong { font-family:Manrope; font-size:30px; margin-top:6px; }
.home-mini-card small { color:var(--muted); font-size:9px; margin-top:4px; }
.agenda-list { max-height:360px; overflow-y:auto; padding-right:6px; scrollbar-width:thin; scrollbar-color:#363633 #090909; }
.agenda-list.compact { max-height:330px; }
.agenda-item { display:grid; grid-template-columns:32px 1fr 16px; gap:12px; align-items:center; padding:12px 0; border-top:1px solid var(--line); color:inherit; text-decoration:none; }
.agenda-item:first-child { border-top:0; }
.agenda-item>svg { width:14px; height:14px; color:#666; }
.agenda-icon { width:32px; height:32px; border:1px solid var(--line); border-radius:9px; display:grid; place-items:center; }
.agenda-icon svg { width:13px; height:13px; }
.agenda-copy strong,.agenda-copy span,.agenda-copy small { display:block; }
.agenda-copy strong { font-size:11px; }
.agenda-copy span { margin-top:3px; font-size:10px; color:#b9b9b4; }
.agenda-copy small { margin-top:4px; color:var(--muted); font-size:9px; }
.home-lower-grid { margin-top:16px; }
.recent-home-list { max-height:330px; overflow-y:auto; padding-right:5px; }
.recent-home-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; padding:11px 0; border-top:1px solid var(--line); color:inherit; text-decoration:none; align-items:start; }
.recent-home-row:first-child { border-top:0; }
.recent-home-row strong,.recent-home-row span { display:block; }
.recent-home-row strong { font-size:10px; }
.recent-home-row span { color:var(--muted); font-size:9px; margin-top:4px; }
.recent-home-row time { color:#70706b; font-size:9px; white-space:nowrap; }
.home-quick-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }

.connection-entry-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr); gap:18px; margin-top:12px; }
.bulk-connection-panel { border-left:1px solid var(--line); padding-left:18px; }
.bulk-connections-input { width:100%; min-height:150px; border:1px solid var(--line); border-radius:10px; background:#090909; color:var(--text); padding:12px; resize:vertical; outline:none; font:inherit; line-height:1.55; }
.bulk-connections-input:focus { border-color:rgba(255,255,255,.28); }
.bulk-actions { display:flex; align-items:center; gap:12px; margin-top:9px; }

.change-history-card { margin-top:0; }
.change-history-list { max-height:210px; overflow:auto; padding-right:4px; }
.change-history-row { padding:9px 0; border-top:1px solid var(--line); }
.change-history-row:first-child { border-top:0; }
.change-history-row strong,.change-history-row span { display:block; }
.change-history-row strong { font-size:10px; }
.change-history-row span { color:var(--muted); font-size:9px; margin-top:3px; }
.scheduled-event.previous { opacity:.65; text-decoration:line-through; }
.settings-export-card { margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:18px; }

/* prevent recent-activity timestamps from collapsing into vertical text */
.activity-copy { min-width:0; }
.activity-time { min-width:118px; text-align:right; white-space:nowrap; align-self:start; padding-top:2px; line-height:1.35; }
.activity-list { max-height:390px; overflow-y:auto; padding-right:4px; scrollbar-width:thin; scrollbar-color:#363633 #090909; }

@media(max-width:1000px){
  .home-priority-grid,.connection-entry-grid { grid-template-columns:1fr; }
  .bulk-connection-panel { border-left:0; border-top:1px solid var(--line); padding-left:0; padding-top:16px; }
}
@media(max-width:720px){
  .home-hero { align-items:flex-start; flex-direction:column; }
  .home-date { align-items:flex-start; }
  .home-hero h1 { font-size:30px; }
  .settings-export-card { align-items:stretch; flex-direction:column; }
  .activity-time { min-width:92px; }
}

/* v11 reliability + high-volume workflow */
.connection-actual-time,
.message-actual-time {
  display:grid;
  grid-template-columns:minmax(180px,.7fr) minmax(250px,1fr);
  gap:12px;
  align-items:end;
  margin:14px 0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.012);
}
.connection-actual-time > small { grid-column:1 / -1; color:var(--muted); font-size:10px; }
.field-help { display:block; margin-top:6px; color:var(--muted); font-size:10px; }
.timeline-event-controls { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.timeline-edit,
.timeline-delete {
  border:0;
  background:transparent;
  font:inherit;
  font-size:10px;
  cursor:pointer;
  padding:2px 3px;
}
.timeline-edit { color:#aaa9a3; }
.timeline-edit:hover { color:#fff; }
.timeline-delete { color:#946e6e; }
.timeline-delete:hover { color:#ef9e9e; }
.activity-item { grid-template-columns:28px minmax(0,1fr) 105px; }
.activity-time { width:105px; min-width:105px; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.activity-list { max-height:430px; overflow:auto; scrollbar-width:thin; }

@media (max-width: 760px) {
  .connection-actual-time,
  .message-actual-time { grid-template-columns:1fr; }
  .connection-actual-time > small { grid-column:auto; }
  .activity-item { grid-template-columns:28px minmax(0,1fr); }
  .activity-time { grid-column:2; width:auto; min-width:0; text-align:left; margin-top:2px; }
}



/* v13: stricter relationship entry + weekly card containment */
.required-message-head { display:grid; gap:4px; margin:2px 0 10px; }
.required-message-head strong { font-size:12px; }
.required-message-head small { color:var(--muted); font-size:10px; line-height:1.45; }
.weekly-report-card { min-width:0; }
.weekly-report-card .weekly-activity-grid > * { min-width:0; }
@media (min-width: 1180px) {
  .weekly-activity-grid { grid-template-columns:repeat(7,minmax(0,1fr)); grid-auto-flow:row; grid-auto-columns:auto; }
}

/* v16 contact-aware activity controls */
.activity-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.contact-detail-list{display:grid;gap:8px;width:100%}
.contact-detail-row{display:flex;flex-direction:column;gap:3px;padding:8px 0;border-bottom:1px solid var(--line)}
.contact-detail-row:last-child{border-bottom:0}
.contact-detail-row small{color:var(--muted);font-size:12px;line-height:1.35}
@media (max-width:720px){.activity-identity-grid{grid-template-columns:1fr}}

/* Explicit same-name contact confirmation */
.same-name-contact-confirm{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 11px;border:1px solid rgba(232,202,120,.22);border-radius:10px;background:rgba(232,202,120,.045);font-size:10px;line-height:1.5;color:#d6c27f}
.same-name-contact-confirm input{margin-top:2px}
.same-name-contact-confirm.hidden{display:none}

/* Batch no-repeat checker */
.batch-check-card { margin-bottom:18px; }
.batch-check-head { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
.batch-check-head h2 { margin:6px 0 8px; font-size:22px; line-height:1.15; }
.batch-check-head p { max-width:760px; margin:0; color:var(--muted); font-size:10px; line-height:1.6; }
.batch-check-badge { flex:0 0 auto; border:1px solid var(--line); border-radius:999px; padding:7px 10px; color:var(--muted); font-size:9px; font-weight:700; }
.batch-check-input { width:100%; min-height:210px; margin-top:18px; resize:vertical; border:1px solid var(--line); border-radius:12px; background:#080808; color:var(--text); padding:14px; font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; }
.batch-check-input:focus { outline:none; border-color:var(--line-strong); }
.batch-check-actions { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:12px; }
.batch-check-actions .field-help { flex:1 1 420px; margin:0; }
.batch-check-results { margin-top:16px; }
.batch-result-summary { padding:12px 14px; border:1px solid var(--line); border-radius:10px; background:#090909; font-size:11px; }
.batch-result-list { display:grid; gap:7px; margin-top:8px; }
.batch-result-row { display:grid; grid-template-columns:minmax(180px,1fr) minmax(260px,2fr) auto; gap:12px; align-items:center; padding:11px 12px; border:1px solid var(--line); border-radius:10px; background:#080808; }
.batch-result-row > div:first-child { display:grid; gap:3px; }
.batch-result-row > div:first-child span,.batch-result-detail { color:var(--muted); font-size:9px; line-height:1.45; }
.batch-result-status { justify-self:end; padding:5px 8px; border:1px solid var(--line); border-radius:999px; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.batch-result-row.clear .batch-result-status { color:#b7e4bd; border-color:rgba(125,190,135,.3); }
.batch-result-row.duplicate .batch-result-status { color:#f0b2b2; border-color:rgba(210,100,100,.35); }
.batch-result-row.review .batch-result-status { color:#e7d39d; border-color:rgba(200,170,90,.35); }
.batch-check-empty { padding:12px 14px; border:1px solid var(--line); border-radius:10px; color:var(--muted); font-size:10px; }
@media (max-width:760px){
  .batch-check-head { flex-direction:column; }
  .batch-result-row { grid-template-columns:1fr; }
  .batch-result-status { justify-self:start; }
}

/* Performance pass: historical connection archive is loaded in small pages instead of blocking CRM startup. */
.historical-connection-loader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px 2px;flex-wrap:wrap}

/* Device-local entry + expandable timeline messages */
.local-time-help {
  margin: -2px 0 12px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.5;
}
.local-time-help strong { color: var(--text-soft); font-weight: 600; }
.timeline-expandable { padding: 0; overflow: hidden; }
.timeline-expandable > summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
}
.timeline-expandable > summary::-webkit-details-marker { display: none; }
.timeline-expandable > summary span {
  margin: 0;
  white-space: nowrap;
}
.timeline-expandable > summary strong {
  color: var(--text-soft);
  font-size: 10px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.timeline-expandable > summary em {
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .08em;
  white-space: nowrap;
}
.timeline-expandable[open] > summary {
  border-bottom: 1px solid var(--line);
}
.timeline-expandable[open] > summary em { font-size:0; }
.timeline-expandable[open] > summary em::after { content:'Hide'; font-size:8px; }
.timeline-expandable > p {
  padding: 12px;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (max-width: 640px) {
  .timeline-expandable > summary { grid-template-columns: 1fr auto; }
  .timeline-expandable > summary span { grid-column: 1 / -1; }
}
.timeline-event-controls time { display:flex; flex-direction:column; align-items:flex-end; gap:2px; }
.timeline-event-controls time small,
.scheduled-event small,
.summary-stat small { display:block; color:var(--muted); font-size:8px; line-height:1.35; font-weight:400; }
.scheduled-event small { margin-top:3px; }

.team-invite-card { margin-bottom:16px; }
.team-invite-card .section-copy { margin-top:7px; color:var(--muted); font-size:11px; line-height:1.55; }
.team-invite-form { display:grid; grid-template-columns:1fr 1.2fr .9fr auto; gap:10px; align-items:end; margin-top:14px; }
.team-invite-submit { display:flex; align-items:end; }
.team-invite-submit .button { min-height:42px; white-space:nowrap; }
.team-invite-result { margin-top:12px; padding:12px; border:1px solid var(--line); border-radius:12px; background:#080808; display:grid; gap:10px; }
.team-invite-result.hidden { display:none; }
.team-invite-result > div:first-child { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; }
.team-invite-result > div:first-child span,.team-invite-result small { color:var(--muted); font-size:10px; }
.team-invite-link-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.team-invite-link-row input { width:100%; border:1px solid var(--line); border-radius:10px; background:#050505; color:var(--text); padding:10px 11px; font-size:10px; }


.verification-success { display:grid; gap:16px; margin-top:18px; }
.verification-success-icon { width:58px; height:58px; border-radius:50%; display:grid; place-items:center; color:var(--success); border:1px solid rgba(123,224,165,.3); background:rgba(123,224,165,.07); box-shadow:0 0 38px rgba(123,224,165,.08); }
.verification-success-icon svg { width:28px; height:28px; stroke-width:2; }
.verification-success h2 { margin-top:0; }
.verification-success > p { color:var(--muted); font-size:12px; line-height:1.7; }
.verification-home-link { display:flex; justify-content:center; align-items:center; min-height:38px; text-decoration:none; }

.workday-field{margin-top:10px}.workday-field small{display:block;margin-top:5px;color:var(--muted)}.timeline-workday{margin-top:6px;font-size:12px;color:var(--muted)}

/* Keep native date-picker affordances visible on the dark CRM UI. */
input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  filter: invert(1) brightness(2);
  opacity: 1;
}

/* Product permissions + unified monthly reporting */
.team-product-fieldset{border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:220px}.team-product-fieldset legend{padding:0 6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.product-access-options,.team-product-editor{display:flex;gap:8px;flex-wrap:wrap}.product-access-option{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;cursor:pointer;background:var(--panel-2)}.product-access-option input{accent-color:#fff}.product-access-option span{display:flex;flex-direction:column;gap:2px}.product-access-option small{color:var(--muted);font-size:11px}.product-access-option.compact{padding:6px 9px}.product-access-option.compact span{display:block}.team-product-summary{margin-top:6px;color:var(--muted);font-size:12px}.team-product-summary strong{color:var(--text)}.team-product-editor{margin:4px 0 2px}
.monthly-report-builder{margin:16px 0 18px}.monthly-report-controls{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,1fr) minmax(180px,.8fr) auto;gap:12px;align-items:end}.monthly-report-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.monthly-report-output{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.monthly-report-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.monthly-report-title span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.monthly-report-title h2{margin:4px 0 2px;font-size:24px}.monthly-report-title small{color:var(--muted)}.monthly-report-badge{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:12px}.monthly-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.monthly-metric-grid>div,.monthly-direction-grid>div{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel-2)}.monthly-metric-grid span,.monthly-direction-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.monthly-metric-grid strong,.monthly-direction-grid strong{display:block;margin-top:6px;font-size:22px}.monthly-direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.monthly-product-breakdown{margin-top:18px}.monthly-product-breakdown h3{margin:0 0 8px}.monthly-product-row{display:grid;grid-template-columns:120px repeat(4,minmax(110px,1fr));gap:10px;border-top:1px solid var(--line);padding:10px 0}.monthly-product-row span{color:var(--muted)}.monthly-activity-section{margin-top:20px}.monthly-table-wrap{overflow:auto;max-height:520px;border:1px solid var(--line);border-radius:12px}.monthly-activity-table{width:100%;border-collapse:collapse;min-width:980px}.monthly-activity-table th,.monthly-activity-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px;font-size:12px}.monthly-activity-table th{position:sticky;top:0;background:var(--panel);z-index:1;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.05em}.monthly-detail summary{cursor:pointer;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monthly-detail div{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;max-width:420px}.monthly-history-note{color:var(--muted);font-size:11px;margin:12px 0 0}
@media(max-width:1050px){.monthly-report-controls{grid-template-columns:1fr 1fr}.monthly-report-actions{grid-column:1/-1}.monthly-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-product-row{grid-template-columns:100px repeat(2,minmax(100px,1fr))}}
@media(max-width:650px){.monthly-report-controls{grid-template-columns:1fr}.monthly-report-actions{grid-column:auto}.monthly-metric-grid,.monthly-direction-grid{grid-template-columns:1fr}.monthly-report-title{flex-direction:column}.monthly-product-row{grid-template-columns:1fr 1fr}}
.team-invite-card .team-invite-form{grid-template-columns:1fr 1.2fr .9fr 1.4fr auto}
@media(max-width:980px){.team-invite-card .team-invite-form{grid-template-columns:1fr 1fr}.team-product-fieldset{grid-column:1/-1}}
@media(max-width:620px){.team-invite-card .team-invite-form{grid-template-columns:1fr}.team-product-fieldset{grid-column:auto}}