/* =================================================================
 * RM Admin Dashboard – feuille de style
 * Palette cohérente avec le plugin de location (terre cuite/crème).
 * ================================================================= */

.rmad-wrap {
	--rmad-accent:       #c2410c;
	--rmad-accent-soft:  #fff0e6;
	--rmad-ink:          #1f1a14;
	--rmad-ink-soft:     #5c5246;
	--rmad-ink-faint:    #8a7f70;
	--rmad-bg:           #fbf7f0;
	--rmad-surface:      #ffffff;
	--rmad-surface-soft: #f5ede0;
	--rmad-border:       #e8dfce;
	--rmad-border-strong:#d4c6a8;

	--rmad-green:        #166534;
	--rmad-green-soft:   #ecfdf5;
	--rmad-orange:       #b45309;
	--rmad-orange-soft:  #fef3c7;
	--rmad-red:          #b91c1c;
	--rmad-red-soft:     #fef2f2;
	--rmad-gray:         #6b7280;
	--rmad-gray-soft:    #f3f4f6;

	max-width: 1600px;
}

/* -----------------------------------------------------------
 * Header
 * ----------------------------------------------------------- */
.rmad-header {
	margin: 20px 20px 10px 0;
}

.rmad-title {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 1.6rem;
	font-weight: 600;
	color: var(--rmad-ink);
	margin: 0 0 4px;
}

.rmad-title .dashicons {
	color: var(--rmad-accent);
	font-size: 28px;
	width: 28px;
	height: 28px;
}

.rmad-subtitle {
	color: var(--rmad-ink-soft);
	margin: 0;
}

/* -----------------------------------------------------------
 * Toolbar (année + stats)
 * ----------------------------------------------------------- */
.rmad-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	padding: 14px 18px;
	background: var(--rmad-surface);
	border: 1px solid var(--rmad-border);
	border-radius: 12px;
	margin: 18px 20px 14px 0;
}

.rmad-year-form {
	display: flex;
	align-items: center;
	gap: 10px;
}

.rmad-year-form label {
	font-weight: 600;
}

.rmad-year-form select {
	padding: 6px 10px;
	min-width: 200px;
}

.rmad-stats {
	display: flex;
	gap: 20px;
}

.rmad-stat {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.rmad-stat strong {
	font-size: 1.5rem;
	color: var(--rmad-ink);
	line-height: 1;
}

.rmad-stat span {
	font-size: 0.82rem;
	color: var(--rmad-ink-faint);
}

.rmad-stat--accent strong {
	color: var(--rmad-accent);
}

/* -----------------------------------------------------------
 * Filtres
 * ----------------------------------------------------------- */
.rmad-filters {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin: 0 20px 14px 0;
	padding: 12px 16px;
	background: var(--rmad-surface-soft);
	border-radius: 10px;
}

.rmad-search {
	position: relative;
	flex: 1;
	min-width: 240px;
}

.rmad-search .dashicons {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--rmad-ink-faint);
}

.rmad-search input {
	width: 100%;
	padding: 7px 12px 7px 36px;
	border-radius: 6px;
	border: 1px solid var(--rmad-border-strong);
	background: var(--rmad-surface);
}

.rmad-search input:focus {
	outline: none;
	border-color: var(--rmad-accent);
	box-shadow: 0 0 0 2px rgba(194, 65, 12, 0.15);
}

.rmad-filter-group {
	display: flex;
	align-items: center;
	gap: 6px;
}

.rmad-filter-group label {
	font-weight: 500;
	color: var(--rmad-ink-soft);
}

.rmad-filter-group select {
	padding: 5px 8px;
}

.rmad-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	user-select: none;
}

/* -----------------------------------------------------------
 * Tableau
 * ----------------------------------------------------------- */
.rmad-table-wrap {
	margin-right: 20px;
	background: var(--rmad-surface);
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--rmad-border);
}

.rmad-table {
	border-collapse: collapse;
	width: 100%;
	border: none !important;
	box-shadow: none !important;
}

.rmad-table thead th {
	background: var(--rmad-surface-soft) !important;
	color: var(--rmad-ink);
	font-weight: 600;
	border-bottom: 1px solid var(--rmad-border-strong);
	padding: 10px 14px;
}

.rmad-table tbody td {
	padding: 12px 14px;
	vertical-align: middle;
	border-bottom: 1px solid var(--rmad-border);
}

.rmad-table tbody tr:hover td {
	background: var(--rmad-accent-soft);
}

.rmad-table tbody tr.rmad-section-header td {
	background: var(--rmad-surface-soft) !important;
	color: var(--rmad-ink);
	font-size: 0.9rem;
	padding: 10px 14px;
	border-top: 2px solid var(--rmad-border-strong);
}

.rmad-table tbody tr.rmad-section-header td em {
	color: var(--rmad-ink-faint);
	font-style: italic;
	margin-left: 6px;
}

.rmad-table tbody tr.rmad-section-header:hover td {
	background: var(--rmad-surface-soft) !important;
}

/* Largeurs colonnes */
.rmad-col-name    { width: 22%; }
.rmad-col-eleves  { width: 13%; }
.rmad-col-status  { width: 13%; }
.rmad-col-actions { width: 16%; }

.rmad-row-email {
	font-size: 0.82rem;
	color: var(--rmad-ink-faint);
	margin-top: 2px;
}
.rmad-adhesion-date {
	font-size: 0.8rem;
	color: var(--rmad-ink-faint);
	margin-top: 4px;
}
.rmad-eimset-date {
	font-size: 0.8rem;
	color: var(--rmad-ink-faint);
	margin-top: 4px;
}
.rmad-btn-padi .dashicons {
	color: var(--rmad-orange);
}
.rmad-btn-padi.is-active,
.rmad-btn-padi[aria-pressed="true"] {
	background: var(--rmad-orange-soft);
	border-color: var(--rmad-orange);
	color: var(--rmad-orange);
	box-shadow: none;
}
.rmad-btn-padi.is-active .dashicons,
.rmad-btn-padi[aria-pressed="true"] .dashicons {
	color: var(--rmad-orange);
}
.rmad-maillog-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.rmad-maillog-item details {
	border: 1px solid var(--rmad-border);
	border-radius: 8px;
	background: var(--rmad-surface);
}
.rmad-maillog-item summary {
	cursor: pointer;
	padding: 10px 12px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.rmad-maillog-item summary::-webkit-details-marker { display: none; }
.rmad-maillog-subject {
	font-weight: 600;
	color: var(--rmad-ink);
}
.rmad-maillog-meta {
	font-size: 0.82rem;
	color: var(--rmad-ink-faint);
}
.rmad-maillog-body {
	padding: 4px 14px 14px;
	border-top: 1px solid var(--rmad-border);
	font-size: 0.92rem;
	color: var(--rmad-ink-soft);
}
.rmad-maillog-body p { margin: 8px 0; }

/* Badge "nombre de mails envoyés" sur le bouton mail */
.rmad-btn-mail {
	position: relative;
	overflow: visible;
}
.rmad-mail-badge {
	position: absolute;
	top: -7px;
	right: -7px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border-radius: 9px;
	background: var(--rmad-red);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	box-shadow: 0 0 0 2px var(--rmad-surface);
}
.rmad-mail-badge[hidden] { display: none; }

/* Onglets de la modale mail */
.rmad-mail-tabs {
	display: flex;
	gap: 4px;
	border-bottom: 1px solid var(--rmad-border);
	margin: 4px 0 18px;
}
.rmad-mail-tab {
	background: transparent;
	border: none;
	border-bottom: 2px solid transparent;
	padding: 8px 14px;
	cursor: pointer;
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--rmad-ink-faint);
	font-family: inherit;
}
.rmad-mail-tab:hover { color: var(--rmad-ink); }
.rmad-mail-tab.is-active {
	color: var(--rmad-accent);
	border-bottom-color: var(--rmad-accent);
}
.rmad-mail-tabpanel[hidden] { display: none; }

.rmad-muted {
	color: var(--rmad-ink-faint);
}

.rmad-intent-flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--rmad-accent);
	margin-left: 4px;
	cursor: help;
}

/* -----------------------------------------------------------
 * Pastilles statuts
 * ----------------------------------------------------------- */
.rmad-pill {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 600;
	white-space: nowrap;
}

.rmad-pill--green  { background: var(--rmad-green-soft);  color: var(--rmad-green); }
.rmad-pill--orange { background: var(--rmad-orange-soft); color: var(--rmad-orange); }
.rmad-pill--red    { background: var(--rmad-red-soft);    color: var(--rmad-red); }
.rmad-pill--gray   { background: var(--rmad-gray-soft);   color: var(--rmad-gray); }

/* -----------------------------------------------------------
 * Actions
 * ----------------------------------------------------------- */
.rmad-col-actions .button {
	margin-right: 4px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	vertical-align: middle;
}

.rmad-col-actions .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
}

.rmad-btn-view {
	background: var(--rmad-accent) !important;
	border-color: var(--rmad-accent) !important;
	color: #fff !important;
}

.rmad-btn-view:hover,
.rmad-btn-view:focus {
	background: #9a330a !important;
	border-color: #9a330a !important;
}

/* -----------------------------------------------------------
 * Empty
 * ----------------------------------------------------------- */
.rmad-empty,
.rmad-empty-filtered {
	margin: 20px 20px 20px 0;
	padding: 24px;
	background: var(--rmad-surface);
	border: 1px dashed var(--rmad-border-strong);
	border-radius: 12px;
	text-align: center;
	color: var(--rmad-ink-soft);
}

/* -----------------------------------------------------------
 * Modale
 * ----------------------------------------------------------- */
.rmad-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rmad-modal[hidden] {
	display: none;
}

.rmad-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(31, 26, 20, 0.55);
	backdrop-filter: blur(2px);
}

.rmad-modal-content {
	position: relative;
	background: var(--rmad-surface);
	border-radius: 14px;
	width: min(720px, calc(100vw - 32px));
	max-height: calc(100vh - 64px);
	overflow-y: auto;
	box-shadow: 0 24px 50px -20px rgba(31, 26, 20, 0.4);
	padding: 28px 28px 22px;
	animation: rmad-modal-in 0.25s ease-out;
}

@keyframes rmad-modal-in {
	from { opacity: 0; transform: translateY(12px) scale(0.98); }
	to   { opacity: 1; transform: translateY(0) scale(1); }
}

.rmad-modal-close {
	position: absolute;
	top: 12px;
	right: 12px;
	background: transparent;
	border: none;
	cursor: pointer;
	color: var(--rmad-ink-soft);
	border-radius: 6px;
	padding: 4px;
	display: inline-flex;
}
.rmad-modal-close:hover {
	background: var(--rmad-surface-soft);
	color: var(--rmad-ink);
}

.rmad-modal-loading {
	text-align: center;
	padding: 40px;
	color: var(--rmad-ink-faint);
}

.rmad-modal-header {
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--rmad-border);
}

.rmad-modal-title {
	font-size: 1.4rem;
	margin: 0 0 4px;
	color: var(--rmad-ink);
}

.rmad-modal-email {
	margin: 0 0 12px;
	color: var(--rmad-ink-soft);
	font-size: 0.92rem;
}

.rmad-modal-pills {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.rmad-modal-section {
	margin: 18px 0;
}

.rmad-modal-section h3 {
	font-size: 1.05rem;
	margin: 0 0 10px;
	color: var(--rmad-ink);
	font-weight: 600;
}

.rmad-defs {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 6px 14px;
	margin: 0;
	font-size: 0.94rem;
}
.rmad-defs dt { color: var(--rmad-ink-faint); font-weight: 500; }
.rmad-defs dd { margin: 0; color: var(--rmad-ink); }

.rmad-list,
.rmad-eleves-list,
.rmad-requests-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.rmad-list li,
.rmad-requests-list li,
.rmad-eleve {
	background: var(--rmad-surface-soft);
	border-radius: 8px;
	padding: 10px 12px;
}

.rmad-eleve-name {
	display: flex;
	align-items: baseline;
	gap: 10px;
	flex-wrap: wrap;
}

.rmad-choix-list {
	list-style: disc;
	margin: 6px 0 0 22px;
	padding: 0;
	font-size: 0.92rem;
}

.rmad-tag {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 600;
	margin-left: 6px;
}

.rmad-tag--intent {
	background: var(--rmad-accent-soft);
	color: var(--rmad-accent);
}

.rmad-req-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-bottom: 4px;
}

.rmad-req-meta {
	font-size: 0.85rem;
	color: var(--rmad-ink-soft);
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
}

.rmad-req-comment {
	margin-top: 6px;
	padding: 8px 10px;
	background: #fff;
	border-radius: 6px;
	font-size: 0.88rem;
	font-style: italic;
	color: var(--rmad-ink-soft);
	border-left: 3px solid var(--rmad-border-strong);
}

.rmad-modal-actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid var(--rmad-border);
}

.rmad-modal-actions .button {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.rmad-modal-actions .button-primary {
	background: var(--rmad-accent) !important;
	border-color: var(--rmad-accent) !important;
}

.rmad-modal-actions .button-primary:hover {
	background: #9a330a !important;
	border-color: #9a330a !important;
}

/* -----------------------------------------------------------
 * Responsive
 * ----------------------------------------------------------- */
@media (max-width: 900px) {
	.rmad-stats { width: 100%; justify-content: flex-start; }
	.rmad-col-eleves { display: none; }
	.rmad-col-actions { white-space: nowrap; }
}

@media (max-width: 700px) {
	.rmad-toolbar { flex-direction: column; align-items: stretch; }
	.rmad-stats { gap: 14px; }
}

/* =================================================================
 * Adaptations frontend (shortcode [rmad_dashboard])
 *
 * Le frontend hérite du même look que l'admin, mais avec un conteneur
 * centré et des marges propres (sans la barre latérale WP).
 * ================================================================= */

.rmad-frontend {
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
	color: var(--rmad-ink);
}

.rmad-frontend .rmad-header {
	margin: 0 0 16px 0;
	position: relative;
}

.rmad-frontend .rmad-logout {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	font-size: 0.85rem;
}

.rmad-frontend .rmad-logout a {
	color: var(--rmad-ink-faint);
	text-decoration: none;
	border-bottom: 1px dotted currentColor;
}

.rmad-frontend .rmad-logout a:hover {
	color: var(--rmad-accent);
}

.rmad-frontend .rmad-toolbar,
.rmad-frontend .rmad-filters,
.rmad-frontend .rmad-table-wrap,
.rmad-frontend .rmad-empty,
.rmad-frontend .rmad-empty-filtered {
	margin-right: 0;
}

/* On veut les boutons "Fiche" en terre cuite côté frontend aussi,
   sans se reposer sur les classes WP .button qui n'existent pas hors admin */
.rmad-frontend .button {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 12px;
	background: var(--rmad-surface);
	border: 1px solid var(--rmad-border-strong);
	border-radius: 6px;
	font-size: 0.88rem;
	color: var(--rmad-ink);
	text-decoration: none;
	cursor: pointer;
	font-family: inherit;
	line-height: 1.4;
	transition: background 0.12s ease, border-color 0.12s ease;
}

/* Le tableau .widefat impose table-layout: fixed côté admin, ce qui ne s'adapte
   pas au contenu et provoque des débordements. On force auto côté frontend. */
.rmad-frontend .rmad-table {
	table-layout: auto;
}

.rmad-frontend .button:hover {
	background: var(--rmad-surface-soft);
	border-color: var(--rmad-ink-faint);
}

.rmad-frontend .button-primary,
.rmad-frontend .rmad-btn-view {
	background: var(--rmad-accent) !important;
	border-color: var(--rmad-accent) !important;
	color: #fff !important;
}

.rmad-frontend .button-primary:hover,
.rmad-frontend .rmad-btn-view:hover {
	background: #9a330a !important;
	border-color: #9a330a !important;
}

/* Le sélecteur d'année WP-style ne fonctionne pas hors admin :
   on adapte */
.rmad-frontend .rmad-year-form select,
.rmad-frontend .rmad-filter-group select {
	padding: 7px 28px 7px 10px;
	font-family: inherit;
	font-size: 14px;
	border: 1px solid var(--rmad-border-strong);
	border-radius: 6px;
	background: var(--rmad-surface);
	color: var(--rmad-ink);
	cursor: pointer;
}

.rmad-frontend .rmad-search input {
	font-family: inherit;
}

/* =================================================================
 * Page "Accès réservé" (non connecté)
 * ================================================================= */

.rmad-locked {
	max-width: 480px;
	margin: 60px auto;
	padding: 40px 32px;
	text-align: center;
	background: var(--rmad-surface);
	border: 1px solid var(--rmad-border);
	border-radius: 16px;
	box-shadow: 0 6px 24px -8px rgba(31, 26, 20, 0.12);
}

.rmad-locked-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--rmad-accent-soft);
	color: var(--rmad-accent);
	margin: 0 auto 18px;
}

.rmad-locked-icon .dashicons {
	font-size: 32px;
	width: 32px;
	height: 32px;
}

.rmad-locked h1 {
	font-size: 1.4rem;
	margin: 0 0 12px;
	color: var(--rmad-ink);
}

.rmad-locked p {
	color: var(--rmad-ink-soft);
	margin: 8px 0;
	line-height: 1.55;
}

.rmad-locked-actions {
	margin-top: 24px !important;
}

.rmad-btn-login {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--rmad-accent);
	color: #fff !important;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	transition: background 0.15s ease;
	box-shadow: 0 4px 14px -4px rgba(194, 65, 12, 0.4);
}

.rmad-btn-login:hover {
	background: #9a330a;
	color: #fff !important;
}

/* Largeurs des colonnes en frontend : on retire les contraintes admin
   et on impose une largeur cohérente pour éviter les débordements. */
.rmad-frontend .rmad-col-name    { width: auto; min-width: 180px; }
.rmad-frontend .rmad-col-eleves  { width: auto; min-width: 80px; }
.rmad-frontend .rmad-col-status  { width: auto; min-width: 100px; }
.rmad-frontend .rmad-col-actions { width: auto; min-width: 110px; white-space: nowrap; }

/* Responsive mobile */
@media (max-width: 768px) {
	.rmad-frontend {
		padding: 12px;
	}
	.rmad-frontend .rmad-logout {
		position: static;
		margin-top: 8px;
	}
	.rmad-frontend .rmad-table-wrap {
		overflow-x: auto;
	}
	.rmad-frontend .rmad-table {
		min-width: 640px;
	}
}

/* =================================================================
 * Colonne Location combinée (intention EIMSET + demandes réelles)
 * ================================================================= */

.rmad-col-location {
	min-width: 280px;
	width: 280px;
	line-height: 1.5;
}

/* Bloc = un ensemble "label + items" (Souhaits ou Demandes) */
.rmad-loc-block {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 4px 0;
}

.rmad-loc-prefix {
	font-size: 0.78rem;
	color: var(--rmad-ink-faint);
	font-weight: 500;
	min-width: 64px;
	padding-top: 3px;
	flex-shrink: 0;
}

/* Items empilés dans chaque bloc — chaque tag sur sa propre ligne pour éviter
   les débordements avec les longs noms d'instruments. */
.rmad-loc-items {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 0;
}

/* Tag d'intention (souhait EIMSET) — palette terre cuite douce.
   On utilise inline-flex + max-width: 100% pour ne pas déborder du conteneur,
   et white-space normal pour permettre le wrap du texte si nécessaire. */
.rmad-intent-tag {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0 4px;
	background: var(--rmad-accent-soft);
	color: var(--rmad-accent);
	font-weight: 600;
	font-size: 0.85rem;
	padding: 3px 10px;
	border-radius: 6px;
	max-width: 100%;
	word-break: break-word;
}

.rmad-intent-eleve {
	font-weight: 400;
	opacity: 0.85;
}

/* Tag de demande réelle — colorée selon le statut */
.rmad-req-tag {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0 4px;
	font-weight: 600;
	font-size: 0.85rem;
	padding: 3px 10px;
	border-radius: 6px;
	max-width: 100%;
	word-break: break-word;
}

.rmad-req-tag--orange {
	background: var(--rmad-orange-soft);
	color: var(--rmad-orange);
}
.rmad-req-tag--green {
	background: var(--rmad-green-soft);
	color: var(--rmad-green);
}
.rmad-req-tag--red {
	background: var(--rmad-red-soft);
	color: var(--rmad-red);
}
.rmad-req-tag--gray {
	background: var(--rmad-gray-soft);
	color: var(--rmad-gray);
}

.rmad-req-eleve {
	font-weight: 400;
	opacity: 0.85;
}

.rmad-loc-alert {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 6px;
	font-size: 0.78rem;
	color: var(--rmad-orange);
	font-weight: 600;
}

.rmad-loc-alert .dashicons {
	font-size: 14px;
	width: 14px;
	height: 14px;
}

/* Mise en évidence visuelle des lignes "à relancer" : un fin trait
 * orange à gauche de la ligne, pas trop voyant mais qui attire l'œil. */
.rmad-row--intent_only td:first-child {
	box-shadow: inset 3px 0 0 var(--rmad-orange);
}

/* =================================================================
 * Bandeau d'alerte dans la modale fiche
 * ================================================================= */

.rmad-intent-banner {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	background: var(--rmad-accent-soft);
	border: 1px solid #f3c4a3;
	border-left: 4px solid var(--rmad-accent);
	border-radius: 10px;
	padding: 14px 16px;
	margin-bottom: 20px;
	color: var(--rmad-ink);
}

.rmad-intent-banner-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--rmad-surface);
	color: var(--rmad-accent);
	flex-shrink: 0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.rmad-intent-banner-icon .dashicons {
	font-size: 20px;
	width: 20px;
	height: 20px;
}

.rmad-intent-banner > div:last-child {
	flex: 1;
}

.rmad-intent-banner strong {
	display: block;
	color: var(--rmad-accent);
	font-size: 0.96rem;
	margin-bottom: 6px;
}

.rmad-intent-banner-list {
	list-style: disc;
	margin: 6px 0 6px 22px;
	padding: 0;
	color: var(--rmad-ink);
}

.rmad-intent-banner-list li {
	margin: 3px 0;
	font-size: 0.92rem;
}

.rmad-intent-banner-hint {
	margin: 8px 0 0;
	font-size: 0.85rem;
	color: var(--rmad-ink-soft);
	font-style: italic;
}

@media (max-width: 600px) {
	.rmad-loc-prefix {
		min-width: auto;
	}
	.rmad-col-location {
		min-width: auto;
	}
}

.rmad-stat--alert strong {
	color: var(--rmad-orange);
}
.rmad-stat--alert span {
	color: var(--rmad-orange);
	font-weight: 500;
}