/* Global readability layer: loaded last so it also improves legacy views. */
body p {
    color: #334155 !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
    letter-spacing: 0;
}

body main small,
body .app-main small,
body .help-text,
body .helper-text {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
}

body main label,
body .app-main label {
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

body input,
body select,
body textarea,
body button {
    font-size: 16px;
}

body input::placeholder,
body textarea::placeholder {
    color: #64748b !important;
    opacity: 1;
}

body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible {
    outline: 3px solid #22c4d8;
    outline-offset: 2px;
}

/* Short UI labels remain compact, but no smaller than 14px. */
.settings-header > p,
.dashboard-greeting {
    color: #0756a5 !important;
    font-weight: 800;
}
.settings-header > p { font-size: 14px !important; line-height: 1.45 !important; }
.dashboard-greeting { font-size: 18px !important; line-height: 1.4 !important; }
.status-pill,
.plan-kicker,
.agent-eyebrow { font-size: 14px !important; }

/* Preserve contrast on colored surfaces. */
.plan-hero p,
.dm-sidebar p,
.admin-sidebar p,
.bg-blue-600 p,
.bg-blue-700 p,
.bg-blue-800 p,
.bg-gray-800 p,
.bg-gray-900 p {
    color: rgba(255, 255, 255, .92) !important;
}
.plan-hero small { color: rgba(255, 255, 255, .86) !important; }

/* Give explanatory copy enough room after increasing its size. */
.roas-row p { max-width: 250px !important; text-align: left !important; }
.panel-heading p,
.usage-heading p,
.agent-container .header p,
.task-copy small,
.settings-header > span {
    color: #475569 !important;
}

@media (max-width: 640px) {
    body p { font-size: 16px !important; line-height: 1.68 !important; }
}

@media (prefers-contrast: more) {
    body p,
    body main small,
    body .app-main small { color: #172033 !important; }
    body a { text-decoration-thickness: 2px; }
}