:root {
    --ct-navy: #101a2c;
    --ct-navy-2: #16233a;
    --ct-accent: #3b6fe0;
    --ct-surface: #f6f8fb;
    --ct-border: #e4e9f1;
}

body {
    background: var(--ct-surface);
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    color: #1c2434;
}

.app-header {
    background: var(--ct-navy);
}

.brand-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--ct-navy-2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8fb2ff;
    font-size: 1.1rem;
}

.app-nav {
    background: var(--ct-navy-2);
    border-top: 1px solid rgba(255, 255, 255, .06);
}

.app-nav .nav-link {
    color: rgba(255, 255, 255, .65);
    font-size: .85rem;
    font-weight: 500;
    padding: .65rem 1rem;
    border-bottom: 2px solid transparent;
}

.app-nav .nav-link:hover {
    color: #fff;
}

.app-nav .nav-link.active {
    color: #fff;
    border-bottom-color: var(--ct-accent);
}

.panel {
    background: #fff;
    border: 1px solid var(--ct-border);
    border-radius: .75rem;
}

.stat-card {
    background: #fff;
    border: 1px solid var(--ct-border);
    border-radius: .65rem;
    padding: 1rem;
    height: 100%;
}

.stat-card .stat-label {
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #7c8aa0;
}

.stat-card .stat-value {
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: .35rem;
}

.stat-card .stat-hint {
    font-size: .72rem;
    color: #98a3b5;
}

.tabular {
    font-variant-numeric: tabular-nums;
}

.claim-row {
    border-bottom: 1px solid var(--ct-border);
    padding: 1rem 0;
}

.claim-row:last-child {
    border-bottom: none;
}

.progress {
    height: 8px;
    border-radius: 999px;
    background-color: #eef1f6;
}

.badge-soft {
    font-weight: 600;
    font-size: .72rem;
    padding: .35em .6em;
    border-radius: .4rem;
}

.workflow-step {
    border: 1px solid var(--ct-border);
    border-radius: .5rem;
    padding: .55rem .75rem;
    font-size: .78rem;
    color: #8892a0;
    background: #fff;
}

.workflow-step.done {
    background: #f6f8fb;
    color: #1c2434;
}

.workflow-step.active {
    border-color: var(--ct-accent);
    background: rgba(59, 111, 224, .06);
    color: var(--ct-accent);
    font-weight: 600;
}

.section-title {
    font-size: .85rem;
    font-weight: 700;
}

.field dt {
    font-size: .72rem;
    color: #8892a0;
}

.field dd {
    font-size: .88rem;
    margin-bottom: 0;
}

.field dd.mono {
    font-family: "SFMono-Regular", Consolas, monospace;
    font-size: .78rem;
}

.doc-row {
    border: 1px solid var(--ct-border);
    border-radius: .5rem;
    padding: .5rem .75rem;
}

.table thead th {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #7c8aa0;
    border-bottom-width: 1px;
}

.table td, .table th {
    vertical-align: middle;
}

a.link-quiet {
    color: var(--ct-accent);
    text-decoration: none;
    font-weight: 600;
}

a.link-quiet:hover {
    text-decoration: underline;
}