/* Activity, inbox and settings share Circle Metro tokens and native scrolling. */
.jc-activity p { color:var(--cm-color-text-secondary); line-height:1.6; margin:8px 0; }.jc-activity h2 { margin:0 0 12px; font-size:24px; font-weight:500; }.jc-activity :is(p,h2,h3,a,strong) { overflow-wrap:anywhere; }
.jc-activity .jc-tracker-card,.jc-activity .jc-tracker-empty { margin-bottom:20px; }.jc-activity .jc-tracker-list .jc-tracker-card { margin-bottom:0; }
.jc-activity label:not(.jc-setting-toggle) { display:block; font-size:14px; font-weight:500; margin:18px 0 8px; }.jc-activity :is(input:not([type=checkbox]),select,textarea) { width:100%; }.jc-activity .jc-tracker-toolbar select { min-width:220px; }.jc-activity .jc-tracker-toolbar label { margin:0 0 8px; }
.jc-activity fieldset { border:0; padding:24px; margin:0; min-width:0; }.jc-activity .jc-tracker-card fieldset { padding:0; }.jc-activity small { display:block; margin:8px 0; font-size:13px; color:var(--cm-color-text-secondary); }.jc-activity :is(.validation-message,.validation-errors) { color:var(--cm-color-critical); font-size:14px; }.jc-activity input.invalid,.jc-activity textarea.invalid { border-color:var(--cm-color-critical); }
.jc-interview-head,.jc-notification-head { display:flex; align-items:flex-start; gap:16px; flex-wrap:wrap; }.jc-interview-head>div:nth-child(2),.jc-notification-head>div:nth-child(2) { flex:1; min-width:150px; }.jc-interview-date { display:flex; flex-direction:column; align-items:center; justify-content:center; width:72px; min-height:80px; border-radius:var(--cm-radius-tile); background:var(--cm-color-tile); color:var(--cm-color-on-tile); flex-shrink:0; }.jc-interview-date strong { font-size:32px; font-weight:400; line-height:1.2; }.jc-interview-date span { font-size:14px; }
.jc-interview-meta { display:flex; gap:8px; flex-wrap:wrap; margin:20px 0 12px; }.jc-interview-meta span { border:1px solid var(--cm-color-outline); padding:6px 10px; border-radius:var(--cm-radius-small); font-size:13px; color:var(--cm-color-text-secondary); }.jc-activity .jc-tracker-card-foot .header-actions { align-items:stretch; }
.jc-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.jc-settings-links { display:flex; flex-direction:column; gap:8px; }.jc-settings-links a { min-height:48px; display:flex; align-items:center; gap:12px; padding:10px; color:var(--cm-color-text-primary); border-radius:var(--cm-radius-control); }.jc-settings-links a:hover { background:var(--cm-color-accent-soft); }
.jc-setting-toggle { display:flex; align-items:flex-start; gap:16px; padding:16px 0; border-bottom:1px solid var(--cm-color-outline); min-height:64px; cursor:pointer; }.jc-setting-toggle input { margin-top:4px; flex-shrink:0; }.jc-setting-toggle strong { display:block; font-weight:500; }.jc-setting-toggle small { margin:4px 0 0; }.jc-settings-actions { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:12px; margin-top:24px; }.jc-settings-actions>a { min-height:48px; display:flex; align-items:center; padding:10px; }.jc-activity-caption { font-size:13px; margin:24px 0!important; }
@media(max-width:760px) { .jc-activity .jc-activity-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }.jc-activity-nav a { padding:8px 4px; font-size:13px; }.jc-activity .page-header .jc-eyebrow { display:none; }.jc-settings-grid { grid-template-columns:1fr; }.jc-activity .jc-tracker-metrics>div { padding:16px; } }
@media(max-width:480px) { .jc-activity-nav a { font-size:12px; }.jc-interview-head,.jc-notification-head { gap:12px; }.jc-interview-head>div:nth-child(2),.jc-notification-head>div:nth-child(2) { min-width:0; }.jc-interview-date { width:56px; min-height:72px; }.jc-activity h2 { font-size:22px; }.jc-interview-head>.jc-state-badge,.jc-notification-head>.jc-state-badge { flex-basis:auto; }.jc-activity .jc-tracker-toolbar>div { width:100%; }.jc-activity .jc-tracker-toolbar select { width:100%; }.jc-settings-actions { align-items:stretch; }.jc-settings-actions>* { flex:1; justify-content:center; }.jc-activity .jc-tracker-card-foot .header-actions { width:100%; }.jc-activity .jc-tracker-card-foot .header-actions>* { flex:1; text-align:center; justify-content:center; }.jc-activity fieldset { padding:20px; }.jc-activity .jc-tracker-card fieldset { padding:0; }.jc-activity .jc-tracker-metrics { gap:8px; }.jc-activity .jc-tracker-metrics>div { padding:14px 10px; }.jc-activity .jc-tracker-metrics .jc-icon { display:none; }.jc-activity .jc-tracker-metrics span { font-size:12px; } }