Domestic Report 2026-05-20 20:23

/* ======================================================
WORDPRESS SAFE SCOPED STYLES
====================================================== */

.wp-intel-dashboard * {

box-sizing: border-box;
}

.wp-intel-dashboard {

width: 100%;

max-width: 1400px;

margin: 0 auto;

padding: 24px;

background:
#08111c;

color:
#d7e2f0;

font-family:
Inter,
Arial,
sans-serif;

border-radius: 18px;
}

/* ======================================================
HEADER
====================================================== */

.wp-header {

display: flex;

justify-content: space-between;

align-items: center;

gap: 20px;

margin-bottom: 28px;

flex-wrap: wrap;
}

.wp-title {

font-size: 32px;

font-weight: 800;

color: #ffffff;

line-height: 1.2;
}

.wp-subtitle {

margin-top: 8px;

color: #7f91a7;

font-size: 14px;
}

.wp-status-box {

background:
linear-gradient(
135deg,
#132033,
#0b1522
);

border:
1px solid rgba(255,255,255,0.08);

padding: 14px 20px;

border-radius: 14px;

min-width: 180px;

text-align: center;
}

.wp-status-label {

color: #7e8ba0;

font-size: 11px;

text-transform: uppercase;

letter-spacing: 1px;
}

.wp-status-value {

margin-top: 6px;

color: #42d392;

font-size: 22px;

font-weight: 800;
}

/* ======================================================
CARDS
====================================================== */

.wp-card {

background:
linear-gradient(
180deg,
#101826 0%,
#0d1521 100%
);

border:
1px solid rgba(255,255,255,0.06);

border-radius: 18px;

padding: 24px;

margin-bottom: 24px;
}

.wp-card h2 {

margin-top: 0;

margin-bottom: 18px;

color: #ffffff;

font-size: 22px;
}

.wp-content {

color: #b9c3cf;

line-height: 1.7;
}

/* ======================================================
TABLE
====================================================== */

.wp-table-wrapper {

overflow-x: auto;

margin-bottom: 28px;
}

.wp-table {

width: 100%;

border-collapse: collapse;

background: #101826;

border-radius: 18px;

overflow: hidden;
}

.wp-table thead {

background: #132033;
}

.wp-table th {

text-align: left;

padding: 18px;

color: #8fa1b7;

font-size: 12px;

text-transform: uppercase;

letter-spacing: 1px;
}

.wp-table td {

padding: 22px 18px;

border-top:
1px solid rgba(255,255,255,0.05);

vertical-align: top;
}

.wp-indicator-title {

color: #ffffff;

font-weight: 700;

font-size: 15px;
}

.wp-findings-list {

margin: 0;

padding-left: 18px;
}

.wp-findings-list li {

margin-bottom: 10px;

line-height: 1.5;

color: #b7c2d0;
}

/* ======================================================
RISK PILLS
====================================================== */

.wp-risk-pill {

display: inline-flex;

align-items: center;

justify-content: center;

min-width: 110px;

padding: 10px 14px;

border-radius: 999px;

font-size: 12px;

font-weight: 800;

letter-spacing: 1px;
}

.wp-risk-high {

background:
rgba(255,80,80,0.14);

color: #ff7272;
}

.wp-risk-medium {

background:
rgba(255,190,50,0.14);

color: #ffc857;
}

.wp-risk-low {

background:
rgba(0,210,140,0.14);

color: #42d392;
}

/* ======================================================
STRATEGIC OUTLOOK
====================================================== */

.wp-strategic-grid {

display: grid;

grid-template-columns:
repeat(auto-fit, minmax(180px, 1fr));

gap: 18px;

margin-bottom: 24px;
}

.wp-metric-card {

background:
rgba(255,255,255,0.04);

border:
1px solid rgba(255,255,255,0.05);

border-radius: 14px;

padding: 18px;
}

.wp-metric-label {

color: #7e8ba0;

font-size: 12px;

text-transform: uppercase;

letter-spacing: 1px;

margin-bottom: 10px;
}

.wp-metric-value {

color: #ffffff;

font-size: 24px;

font-weight: 800;
}

.wp-strategy-columns {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 20px;
}

.wp-strategy-panel {

background:
rgba(255,255,255,0.03);

border-radius: 14px;

padding: 20px;
}

.wp-strategy-panel h3 {

margin-top: 0;

margin-bottom: 16px;

color: #ffffff;
}

.wp-strategy-panel ul {

margin: 0;

padding-left: 18px;
}

.wp-strategy-panel li {

margin-bottom: 12px;

color: #b7c2d0;

line-height: 1.5;
}

/* ======================================================
TREND STATES
====================================================== */

.wp-trend-high {

color: #ff7272;
}

.wp-trend-medium {

color: #ffc857;
}

.wp-trend-stable {

color: #42d392;
}

/* ======================================================
CRITICAL PANEL
====================================================== */

.wp-critical {

border:
1px solid rgba(255,80,80,0.3);

background:
linear-gradient(
180deg,
rgba(120,25,25,0.2),
rgba(14,18,24,1)
);
}

/* ======================================================
RESPONSIVE
====================================================== */

@media (max-width: 900px) {

.wp-strategy-columns {

grid-template-columns: 1fr;
}

.wp-title {

font-size: 24px;
}

.wp-table th,
.wp-table td {

padding: 14px;
}
}