
.kicker,
.fi-wi-stats-overview-stat-label {
    display: inline-block;
    font-family: var(--font-label);
    font-size: var(--type-card-kicker);
    font-weight: var(--app-kicker-weight, var(--weight-regular));
    letter-spacing: var(--app-kicker-tracking, var(--type-badge-tracking-wide));
    text-transform: var(--app-kicker-case, uppercase);
    color: var(--kicker-ink);
    margin-bottom: var(--gap-tight);
}
.copy-btn{background:transparent;border:1px solid var(--line);border-radius:var(--radius-control);color:var(--muted);font-family:var(--font-label);font-size:8px;letter-spacing:var(--type-caption-tracking-wider);text-transform:uppercase;padding:var(--inset-tag) var(--inset-control);cursor:pointer;transition:background 0.15s,color 0.15s;}
.copy-btn:hover{background:var(--mode-selected);color:var(--on-ink-warm);}
.copy-btn.copied{background:var(--mode-selected);color:var(--on-ink-warm);}
.section{background:var(--app-card-ground, var(--surface-card));border:var(--card-edge);border-top:var(--section-rule-top, var(--card-edge));border-radius:var(--radius-card);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--app-card-backdrop, none);backdrop-filter:var(--app-card-backdrop, none);margin-bottom:var(--space-lg);}
.section-head{padding:var(--inset-panel) var(--inset-panel) 0;display:flex;align-items:center;justify-content:space-between;}
.section-head h2{font-family:var(--font-heading);font-size:var(--type-card-title);letter-spacing:var(--app-title-tracking, var(--type-label-tracking));font-weight:var(--app-title-weight, var(--weight-regular));text-transform:var(--app-title-case);color:var(--ink);}
.section-body{padding:var(--inset-panel);}
.helptext{font-family:var(--font-ui);font-size:var(--type-caption);color:var(--muted);margin-bottom:var(--inset-panel);font-weight:var(--weight-light);}
.helptext:last-child{margin-bottom:0;}
.muted{color:var(--muted);font-size:var(--type-note);}
.action-link{font-family:var(--font-label);font-size:var(--type-micro);letter-spacing:var(--type-caption-tracking-wider);text-transform:uppercase;color:var(--ink);text-decoration:none;padding:var(--inset-tag) var(--gap-tight);border:1px solid var(--line-strong);border-radius:var(--radius-control);display:inline-block;white-space:nowrap;transition:color 0.15s,border-color 0.15s;background:transparent;cursor:pointer;}
.action-link:hover{color:var(--action-ink);border-color:var(--action-ink);}
.led-h{font-size:var(--type-badge);letter-spacing:var(--type-caption-tracking-wider);text-transform:uppercase;color:var(--muted);white-space:nowrap;}
.page-pill{display:inline-block;margin-top:var(--space-sm);padding:var(--inset-tag) var(--inset-control);background:var(--red-dark);color:var(--on-red-warm);font-family:var(--font-label);font-size:var(--type-badge);letter-spacing:var(--type-badge-tracking-wide);text-transform:uppercase;border-radius:var(--radius-pill);}
.page-pill--user{background:var(--green-dark);color:var(--on-ink);}
.rail-group-name,
.fi-sidebar-group-label {
    font-family: var(--font-ui);
    font-size: var(--type-note);
    font-weight: var(--weight-medium);
    letter-spacing: 0;
    text-transform: none;
    color: var(--on-rail);
}
.rail-group-name { padding: 0 var(--inset-control) var(--gap-tight); }
.rail > * + .rail-group { margin-top: var(--space-lg); }
.rail-panel,
.fi-sidebar-group-items {
    display: flex;
    flex-direction: column;
    gap: var(--nudge);
    padding: var(--gap-tight);
    border-radius: var(--radius-rail);
    background-color: var(--rail-panel);
}
.rail-row,
.fi-sidebar-item-btn {
    display: flex;
    width: 100%;
    align-items: center;
    gap: var(--gap-row);
    min-height: calc(var(--space-xl) + var(--inset-tag));
    padding: 0 var(--inset-control);
    border: 0;
    border-radius: var(--radius-rail-row);
    background-color: transparent;
    font-family: var(--font-ui);
    font-size: var(--type-label);
    font-weight: var(--weight-regular);
    color: rgba(var(--on-rail-rgb), var(--on-rail-soft-alpha));
    text-decoration: none;
    cursor: pointer;
}
.rail-row:hover,
.fi-sidebar-item-btn:hover {
    background-color: var(--rail-hover);
    color: var(--on-rail);
}
.rail-row[aria-current="page"],
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background-color: var(--rail-active);
    color: var(--on-ink);
}
.rail-label,
.fi-sidebar-item-label {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: inherit;
    color: inherit;
}
.fi-sidebar-item-btn > .fi-icon {
    display: block;
    flex: none;
    width: var(--space-md);
    height: var(--space-md);
}
.rail-icon,
.fi-sidebar-item-btn > .fi-icon {
    color: rgba(var(--on-rail-rgb), var(--on-rail-quiet-alpha));
}
.rail-row:hover .rail-icon,
.rail-row[aria-current="page"] .rail-icon,
.fi-sidebar-item-btn:hover > .fi-icon,
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon {
    color: var(--on-ink);
}
.rail-ct,
.fi-sidebar-item-badge-ctn .fi-badge {
    margin-left: auto;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    min-height: 0;
    font-family: var(--font-code);
    font-size: var(--type-caption);
    font-weight: var(--weight-regular);
    letter-spacing: 0;
    text-transform: none;
    color: rgba(var(--on-rail-rgb), var(--on-rail-quiet-alpha));
}
.fi-sidebar-item-badge-ctn { margin-inline-start: auto; }
.rail-id {
    display: flex;
    align-items: center;
    gap: var(--gap-row);
    padding: 0 0 var(--gap-tight) var(--inset-tag);
    margin-bottom: var(--gap-tight);
    border-bottom: 1px solid rgba(var(--on-rail-rgb), 0.1);
}
.rail-initials {
    display: grid;
    place-items: center;
    flex: none;
    width: var(--space-xl);
    height: var(--space-xl);
    border-radius: var(--radius-circle);
    background-color: var(--on-rail);
    color: var(--rail-initials-ink, var(--ink));
    font-family: var(--font-label);
    font-size: var(--type-caption);
}
.rail-who { flex: 1; min-width: 0; }
.rail-plan {
    font-family: var(--font-ui);
    font-size: var(--type-label);
    font-weight: var(--weight-medium);
    line-height: var(--line-control);
    color: var(--rail-plan-ink, var(--on-ink));
}
.rail-email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-ui);
    font-size: var(--type-caption);
    color: rgba(var(--on-rail-rgb), var(--on-rail-quiet-alpha));
}
.rail-signout { margin: 0; }
.rail-iconbtn {
    display: grid;
    place-items: center;
    width: calc(var(--space-xl) + var(--inset-tag));
    height: calc(var(--space-xl) + var(--inset-tag));
    padding: 0;
    border: 0;
    border-radius: var(--radius-rail-row);
    background: none;
    cursor: pointer;
}
.rail-iconbtn:hover { background-color: var(--rail-hover); }
.rail-iconbtn:hover .rail-icon { color: var(--on-ink); }
.rail-projects > summary { list-style: none; }
.rail-projects > summary::-webkit-details-marker { display: none; }
.rail-chev { display: grid; place-items: center; }
.rail-chev .rail-icon { width: 12px; height: 12px; transition: transform 0.15s; }
.rail-projects[open] .rail-chev .rail-icon { transform: rotate(90deg); }
.rail-sub {
    display: flex;
    flex-direction: column;
    gap: var(--nudge);
    margin: var(--nudge) 0 var(--nudge) var(--inset-panel);
    padding-left: var(--inset-control);
    border-left: 1px solid rgba(var(--on-rail-rgb), 0.1);
}
.rail-row--quiet { color: rgba(var(--on-rail-rgb), var(--on-rail-quiet-alpha)); }
.rail a:focus-visible,
.rail summary:focus-visible,
.rail button:focus-visible { outline: 2px solid var(--action-ink); outline-offset: -2px; }
@media (prefers-reduced-motion: reduce) { .rail-chev .rail-icon { transition: none; } }
