/* Policy24's own look — and, on purpose, the kind of global rules an old
   .NET app carries (Bootstrap 3's 10px root font, global element rules,
   class names the component also uses). The component must render as it
   does in the portal regardless, and must change none of this. */
html { font-size: 10px; }
* { box-sizing: content-box; }
body { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 1.4rem; line-height: 2; color: #222; background: #e9edf2; letter-spacing: .02em; }
h1, h2, h3 { color: #5b2a86; font-family: Georgia, serif; font-weight: 400; text-transform: uppercase; }
button, .btn { background: #b3261e; color: #ffeb3b; border: 2px solid #000; text-transform: uppercase; font-family: inherit; font-size: 1.3rem; padding: 4px 10px; cursor: pointer; }
input, select { font-size: 1.6rem; border: 2px solid #5b2a86; }
div { line-height: 2; }
table { border-collapse: separate; border-spacing: 6px; }
td, th { border: 1px solid #999; padding: 6px; }
.panel { border: 3px dashed #b3261e; background: #fff7d6; padding: 12px; }
.micro, .metric, .tabular { color: #0a0 !important; }
a { color: #b3261e; }

.p24-header { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; padding: 8px 24px; min-height: 40px; background: #13294b; color: #fff; }
.p24-brand { font-size: 2rem; font-weight: 700; letter-spacing: .04em; }
.p24-brand small { font-size: 1.1rem; opacity: .7; margin-left: 6px; }
.p24-nav { display: flex; flex-wrap: wrap; gap: 4px; flex: 1; }
@media (max-width: 600px) { .p24-main { padding: 0 12px; margin: 12px auto; } .p24-nav { order: 3; flex-basis: 100%; } }
.p24-nav a { color: #c9d6ea; text-decoration: none; padding: 6px 12px; border-radius: 3px; }
.p24-nav a.active { background: #26487c; color: #fff; }
.p24-user { display: flex; align-items: center; gap: 12px; font-size: 1.2rem; }
.p24-main { max-width: 1180px; margin: 24px auto; padding: 0 24px; }
.p24-card { background: #fff; border: 1px solid #c7cfda; padding: 16px 20px; margin-bottom: 16px; }
.p24-signin li { list-style: none; margin: 8px 0; }
.p24-log { font-family: Menlo, monospace; font-size: 1.1rem; line-height: 1.5; max-height: 160px; overflow: auto; background: #10151d; color: #9fe2a0; padding: 8px 12px; }
.p24-muted { color: #667; font-size: 1.2rem; }