/*
 * His dashboard (Phase 8). Uses the profile's colours (profile.css custom
 * properties): near-black plum panels, gold serif headings, rose buttons.
 */
.orousal-profile.orousal-dash { max-width: 1320px; display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 29px; align-items: start; }
.orousal-dash-nav, .orousal-dash-main, .orousal-dash-col, .orousal-dash-side { min-width: 0; }

/* Menu */
.orousal-dash-nav { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + 16px); background: var(--o-panel); border: 1px solid var(--o-line);
	border-radius: var(--o-radius); padding: 10px; }
.orousal-dash-nav nav { display: flex; flex-direction: column; gap: 2px; }
.orousal-dash-nav a { display: flex; align-items: center; gap: 16px; padding: 10px 12px; border-radius: 8px; border: 1px solid transparent;
	color: var(--o-text) !important; text-decoration: none !important; font: 500 17px/1.2 var(--o-serif); letter-spacing: .05em; text-transform: uppercase; }
.orousal-dash-nav a .orousal-icon { width: 24px; height: 24px; color: var(--o-gold); }
.orousal-dash-nav a span { flex: 1; }
.orousal-dash-nav a:hover { background: var(--o-panel-2); }
.orousal-dash-nav a.is-active { background: linear-gradient(180deg, rgba(224, 101, 123, .28), rgba(184, 64, 90, .2)); border-color: var(--o-rose-deep); }
.orousal-dash-count { min-width: 20px; padding: 2px 6px; border-radius: 999px; background: var(--o-rose); color: #fff; font: 600 14.5px/1.2 var(--o-sans); text-align: center; }
.orousal-dash-logout { margin-top: 10px; border-top: 1px solid var(--o-line) !important; border-radius: 0 0 8px 8px !important; padding-top: 14px !important; }

/* Top bar */
.orousal-dash-top { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-bottom: -8px; }
.orousal-dash-hello { color: var(--o-muted); font-size: 18px; }
.orousal-dash-credits { display: inline-flex; align-items: center; gap: 10px; padding: 7px 8px 7px 14px; border-radius: 999px; border: 1px solid var(--o-gold);
	color: var(--o-gold) !important; text-decoration: none !important; font: 600 17px/1 var(--o-sans); background: var(--o-panel); }
.orousal-dash-credits b { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
	background: linear-gradient(180deg, var(--o-rose), var(--o-rose-deep)); color: #fff; font-size: 20px; }

/* Sections */
.orousal-dash-section[hidden] { display: none !important; }
.orousal-dash-title { font: 600 28.5px/1.2 var(--o-serif); color: var(--o-gold); text-transform: uppercase; letter-spacing: .05em; margin: 0 0 6px !important; }
.orousal-dash-sub { color: var(--o-muted); margin: 0 0 16px !important; font-size: 18px; }
.orousal-dash-sub a, .orousal-dash-links a, .orousal-dash-empty a { color: var(--o-gold) !important; }
.orousal-dash-h { font: 600 21px/1.2 var(--o-serif); color: var(--o-gold); text-transform: uppercase; letter-spacing: .06em; margin: 22px 0 10px !important; }
.orousal-dash-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.orousal-dash-head a, .orousal-dash-more { color: var(--o-rose) !important; text-decoration: none !important; font: 600 15.5px/1 var(--o-sans); letter-spacing: .08em; text-transform: uppercase; }
.orousal-dash-more { display: block; text-align: center; margin-top: 12px; }
.orousal-dash-empty { color: var(--o-muted); font-size: 18px; padding: 6px 0; }

.orousal-dash-home { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 300px); gap: 26px; align-items: start; }

/* Welcome banner: her picture on the right, fading into the panel */
.orousal-dash-hero { position: relative; overflow: hidden; border-radius: var(--o-radius); border: 1px solid var(--o-line); min-height: 220px;
	background: radial-gradient(ellipse at 85% 30%, rgba(184, 64, 90, .35), transparent 60%), var(--o-panel); }
.orousal-dash-hero::before { content: ""; position: absolute; inset: 0 0 0 45%; background: var(--dash-hero, none) center 25% / cover no-repeat; }
.orousal-dash-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--o-panel) 40%, rgba(21, 11, 16, .6) 65%, rgba(21, 11, 16, .1)); }
.orousal-dash-hero-text { position: relative; z-index: 1; padding: 26px 28px; max-width: 520px; }
.orousal-dash-eyebrow { font: 500 20px var(--o-serif); color: var(--o-gold); letter-spacing: .12em; text-transform: uppercase; }
.orousal-dash-hero h1 { font: 600 44px/1.1 var(--o-serif); color: var(--o-gold); text-transform: uppercase; letter-spacing: .04em; margin: 2px 0 8px !important; }
.orousal-dash-hero .orousal-actions { margin-top: 18px !important; }

/* Daily bonus */
.orousal-dash-bonus { display: flex; align-items: center; gap: 18px; margin-top: 14px; padding: 14px 16px; border-radius: var(--o-radius);
	border: 1px solid var(--o-gold-soft); background: linear-gradient(90deg, rgba(212, 174, 106, .14), transparent 70%), var(--o-panel); }
.orousal-dash-bonus > .orousal-icon { width: 32px; height: 32px; color: var(--o-gold); }
.orousal-dash-bonus div { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.orousal-dash-bonus strong { color: var(--o-gold); }
.orousal-dash-bonus span { color: var(--o-muted); font-size: 17px; }
.orousal-dash-bonus.is-claimed { border-color: var(--o-line); }
.orousal-dash-bonus .orousal-button.is-busy { opacity: .75; cursor: wait; }
/* Claimed: a calm "received" state in a different color, clearly not a button to press again */
.orousal-dash-bonus .orousal-button.is-received, .orousal-dash-bonus .orousal-button.is-received:hover {
	background: rgba(212, 174, 106, .12); border-color: var(--o-gold-soft); color: var(--o-gold) !important;
	box-shadow: none; filter: none; transform: none; cursor: default; opacity: 1; }

/* Quick access */
.orousal-dash-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.orousal-dash-tiles a { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px 8px; border-radius: var(--o-radius);
	border: 1px solid var(--o-line); background: var(--o-panel); text-decoration: none !important; text-align: center; }
.orousal-dash-tiles a:hover { border-color: var(--o-gold-soft); }
.orousal-dash-tiles .orousal-icon { width: 42px; height: 42px; color: var(--o-gold); margin-bottom: 4px; }
.orousal-dash-tiles strong { font: 600 15.5px/1.2 var(--o-serif); color: var(--o-text); letter-spacing: .06em; text-transform: uppercase; }
.orousal-dash-tiles span { font-size: 15.5px; color: var(--o-muted); }

/* My girls */
.orousal-dash-girls { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 13px; }
.orousal-dash-girl { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 8px 8px 12px; border-radius: var(--o-radius);
	border: 1px solid var(--o-line); background: var(--o-panel); text-align: center; }
.orousal-dash-girl-img { display: block; width: 100%; }
.orousal-dash-face { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: center 20%; border-radius: 6px; background: #2a0f1e; }
.orousal-dash-face.is-blank, .orousal-dash-round.is-blank, .orousal-dash-mini.is-blank { display: flex; align-items: center; justify-content: center;
	font: 600 33px var(--o-serif); color: var(--o-gold); }
.orousal-dash-girl strong { margin-top: 8px; font: 600 17px/1.2 var(--o-serif); letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.orousal-dash-girl small { color: var(--o-muted); font-size: 15.5px; min-height: 2.6em; }
.orousal-dash-online { font-size: 15.5px; color: var(--o-text); display: inline-flex; align-items: center; gap: 5px; }
.orousal-dash-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--o-gold); box-shadow: 0 0 0 3px rgba(212, 174, 106, .18); display: inline-block; }
.orousal-dash-girl-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; margin-top: 6px; width: 100%; }
.orousal-dash-girl-btns .orousal-dash-mini-btn { flex: 1 1 0; text-align: center; padding: 6px 4px; letter-spacing: .04em; }
.orousal-dash-mini-btn { padding: 6px 10px; border-radius: 6px; border: 1px solid var(--o-gold-soft); color: var(--o-gold) !important; text-decoration: none !important;
	font: 600 14.5px/1 var(--o-sans); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; background: transparent; }
.orousal-dash-mini-btn.is-rose { border-color: var(--o-rose-deep); color: #f1a3b1 !important; }
.orousal-dash-mini-btn:hover { background: var(--o-panel-2); }

/* Collections */
.orousal-dash-packs { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; }
.orousal-dash-pack { border-radius: var(--o-radius); border: 1px solid var(--o-line); background: var(--o-panel); overflow: hidden; }
.orousal-dash-pack[hidden] { display: none; }
.orousal-dash-pack-cover { position: relative; display: block; width: 100%; aspect-ratio: 4 / 3; padding: 0; margin: 0; border: 0; cursor: pointer;
	background: #1d0f16; overflow: hidden; }
.orousal-dash-pack-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.orousal-dash-pack-cover.is-busy { opacity: .6; }
.orousal-dash-pack-blank { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--o-gold);
	background: radial-gradient(circle at 50% 40%, #4a1d2e, #1a0b12 70%); }
.orousal-dash-pack-blank .orousal-icon { width: 50px; height: 50px; }
.orousal-dash-pack-badge { position: absolute; top: 8px; right: 8px; color: var(--o-gold); }
.orousal-dash-pack-badge .orousal-icon { width: 25px; height: 25px; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .8)); }
.orousal-dash-pack-text { display: flex; gap: 13px; padding: 10px; align-items: center; }
.orousal-dash-pack-text div { display: flex; flex-direction: column; min-width: 0; }
.orousal-dash-pack-text strong { color: #fff; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.orousal-dash-pack-text span { color: var(--o-muted); font-size: 15.5px; }
.orousal-dash-pack-text small { color: var(--o-gold); font-size: 14.5px; letter-spacing: .04em; text-transform: uppercase; }
.orousal-dash-pack-text small .orousal-icon { width: 16px; height: 16px; }
.orousal-dash-mini, .orousal-dash-round { flex: none; width: 34px; height: 34px; border-radius: 50%; object-fit: cover; object-position: center 20%;
	border: 1px solid var(--o-gold-soft); background: #2a0f1e; }
.orousal-dash-round { width: 64px; height: 64px; }
.orousal-dash-round.is-small { width: 42px; height: 42px; font-size: 23.5px; }

/* Library tabs */
.orousal-dash-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.orousal-dash-tabs button { padding: 7px 16px; border-radius: 999px; border: 1px solid var(--o-line); background: transparent; color: var(--o-text);
	font: 600 15.5px/1 var(--o-sans); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.orousal-dash-tabs button.is-active { border-color: var(--o-gold); color: var(--o-gold); }

/* Discover */
.orousal-dash-discover { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }
.orousal-dash-new-girl { display: flex; gap: 16px; align-items: center; padding: 12px; border-radius: var(--o-radius); border: 1px solid var(--o-line);
	background: var(--o-panel); text-decoration: none !important; }
.orousal-dash-new-girl:hover { border-color: var(--o-gold-soft); }
.orousal-dash-new-girl span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.orousal-dash-new-girl strong { font: 600 17px/1.2 var(--o-serif); letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.orousal-dash-new-girl small { color: var(--o-muted); font-size: 15.5px; line-height: 1.35; }
.orousal-dash-new-girl em { font-style: normal; font-size: 15.5px; color: var(--o-text); display: inline-flex; align-items: center; gap: 5px; }

/* Right column cards */
.orousal-dash-side { display: flex; flex-direction: column; gap: 18px; }
.orousal-dash-card { padding: 16px; border-radius: var(--o-radius); border: 1px solid var(--o-line); background: var(--o-panel); }
.orousal-dash-card.is-wide { margin-bottom: 12px; }
.orousal-dash-card h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 12px !important; font: 600 18px/1.2 var(--o-serif); color: var(--o-gold);
	letter-spacing: .06em; text-transform: uppercase; }
.orousal-dash-row { display: flex; align-items: center; gap: 13px; padding: 8px 0; border-bottom: 1px solid var(--o-line); }
.orousal-dash-row:last-of-type { border-bottom: 0; }
.orousal-dash-row > span { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.orousal-dash-row strong { color: #fff; font-size: 18px; font-weight: 500; }
.orousal-dash-row small, .orousal-dash-row > small { color: var(--o-muted); font-size: 15.5px; }
.orousal-dash-chat { display: flex; align-items: center; gap: 13px; padding: 9px 0; border-bottom: 1px solid var(--o-line); text-decoration: none !important; }
.orousal-dash-chat:last-of-type { border-bottom: 0; }
.orousal-dash-chat > span { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.orousal-dash-chat strong { color: #fff; font-size: 18px; font-weight: 500; }
.orousal-dash-chat small { color: var(--o-muted); font-size: 15.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.orousal-dash-chat em { font-style: normal; color: var(--o-muted); font-size: 14.5px; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; white-space: nowrap; }
.orousal-dash-new { width: 9px; height: 9px; border-radius: 50%; background: var(--o-rose); display: block; }
.orousal-dash-chat.has-new strong { color: var(--o-gold); }
.orousal-dash-req { display: flex; gap: 13px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid var(--o-line); }
.orousal-dash-req > span { flex: 1; display: flex; flex-direction: column; }
.orousal-dash-req strong { color: #fff; font-size: 18px; font-weight: 500; }
.orousal-dash-req small { color: var(--o-muted); font-size: 15.5px; }
.orousal-dash-req em, .orousal-dash-request em { font-style: normal; font: 600 14.5px/1.3 var(--o-sans); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; color: var(--o-gold); }
em.is-in_progress { color: #f1a3b1 !important; }
em.is-delivered { color: #8fd19e !important; }
em.is-declined { color: var(--o-muted) !important; }
.orousal-dash-quote { margin: 8px 0 12px !important; padding: 10px 12px; border-left: 2px solid var(--o-gold-soft); background: var(--o-panel-2); color: #d9c9cd; font-size: 18px; }
.orousal-dash-note { color: var(--o-muted); font-size: 17px; }

/* Purchase history */
.orousal-dash-table { width: 100%; border-collapse: collapse; font-size: 18px; background: var(--o-panel); border: 1px solid var(--o-line); border-radius: var(--o-radius); }
.orousal-dash-table th, .orousal-dash-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--o-line); color: var(--o-text); }
.orousal-dash-table th { color: var(--o-gold); font: 600 14.5px/1 var(--o-sans); letter-spacing: .08em; text-transform: uppercase; }
.orousal-dash-table td:last-child, .orousal-dash-table th:last-child { text-align: right; white-space: nowrap; }
.orousal-dash-table .is-in { color: #8fd19e; }

/* Settings */
.orousal-dash-settings { display: grid; gap: 21px; max-width: 560px; }
.orousal-dash-settings label { display: grid; gap: 8px; }
.orousal-dash-settings label > span { font-weight: 600; color: var(--o-text); }
.orousal-dash-settings input[type=text], .orousal-dash-settings select, .orousal-dash-settings textarea { width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--o-line);
	background: #0f080b; color: var(--o-text); font: 400 18px var(--o-sans); }
.orousal-dash-settings small { color: var(--o-muted); font-size: 15.5px; }
.orousal-dash-check { display: flex !important; align-items: center; gap: 13px; }
.orousal-dash-saved { color: var(--o-gold); font-size: 18px; }
.orousal-dash-links { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.orousal-dash-links small { color: var(--o-muted); }
.orousal-dash-guest { text-align: center; }

@media (max-width: 1100px) {
	.orousal-dash-home { grid-template-columns: 1fr; }
	.orousal-dash-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
	/* Phones and tablets: the menu becomes a row of tabs you can swipe */
	.orousal-profile.orousal-dash { grid-template-columns: 1fr; gap: 16px; }
	.orousal-dash-nav { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 20; padding: 6px; border-radius: 0; margin: 0 -16px; border-width: 0 0 1px; }
	.orousal-dash-nav nav { flex-direction: row; overflow-x: auto; scrollbar-width: none; gap: 4px; }
	.orousal-dash-nav nav::-webkit-scrollbar { display: none; }
	.orousal-dash-nav a { flex: none; padding: 8px 12px; font-size: 14.5px; gap: 8px; }
	.orousal-dash-nav a .orousal-icon { width: 20px; height: 20px; }
	.orousal-dash-logout { margin: 0 !important; border: 0 !important; padding-top: 8px !important; }
	.orousal-dash-hero { min-height: 0; }
	.orousal-dash-hero::before { inset: 0; opacity: .35; }
	.orousal-dash-hero::after { background: linear-gradient(180deg, rgba(21, 11, 16, .55), var(--o-panel)); }
	.orousal-dash-hero h1 { font-size: 35px; }
	.orousal-dash-hero-text { padding: 22px 18px; }
}
@media (max-width: 560px) {
	.orousal-dash-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.orousal-dash-girls, .orousal-dash-packs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.orousal-dash-bonus { flex-wrap: wrap; }
	.orousal-dash-top { justify-content: space-between; }
}

/* What's new for him: a glowing banner at the top of Home */
.orousal-dash-news { position: relative; display: flex; align-items: center; gap: 18px; margin-bottom: 12px; padding: 14px 40px 14px 14px; border-radius: var(--o-radius);
	border: 1px solid var(--o-gold-soft); background: linear-gradient(90deg, rgba(212, 174, 106, .14), rgba(184, 64, 90, .12)), var(--o-panel); }
.orousal-dash-news.is-request_delivered { border-color: var(--o-gold); box-shadow: 0 0 24px rgba(212, 174, 106, .28); }
.orousal-dash-news > span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.orousal-dash-news strong { color: var(--o-gold); font: 600 21px/1.3 var(--o-serif); letter-spacing: .03em; }
.orousal-dash-news small { color: #d9c9cd; font-size: 17px; }
.orousal-dash-news .orousal-button { flex: none; padding: 10px 16px; }
.orousal-dash-news-x { position: absolute; top: 6px; right: 8px; border: 0; background: none; color: var(--o-muted); font-size: 26.5px; line-height: 1; cursor: pointer; }
@media (max-width: 560px) { .orousal-dash-news { flex-wrap: wrap; } .orousal-dash-news .orousal-button { width: 100%; } }

/* She wrote and he hasn't read it yet: a banner on Home, and a nudge after he views her custom (Melissa, 2026-10-30) */
.orousal-dash-news.is-message { border-color: var(--o-rose, #e0657b); box-shadow: 0 0 22px rgba(224, 101, 123, .25); }
.orousal-chat-nudge { position: fixed; z-index: 100004; left: 50%; bottom: 24px; transform: translateX(-50%); width: min(380px, calc(100vw - 32px));
	box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 20px 20px 18px; text-align: center;
	border-radius: 14px; border: 1px solid #d4ae6a; background: linear-gradient(180deg, #22101a, #150b10); box-shadow: 0 18px 50px rgba(0, 0, 0, .6), 0 0 30px rgba(212, 174, 106, .25);
	font-family: "Inter", -apple-system, "Segoe UI", sans-serif; animation: orousal-nudge-in .35s ease-out; }
.orousal-chat-nudge strong { color: #d4ae6a; font-size: 22px; }
.orousal-chat-nudge span { color: #d9c9cd; font-size: 18px; margin-bottom: 8px; }
.orousal-chat-nudge .orousal-button { width: 100%; box-sizing: border-box; }
.orousal-chat-nudge-x { position: absolute; top: 6px; right: 10px; border: 0; background: none; color: #a8939a; font-size: 26.5px; cursor: pointer; }
@keyframes orousal-nudge-in { from { opacity: 0; transform: translate(-50%, 16px); } to { opacity: 1; transform: translate(-50%, 0); } }
@media (prefers-reduced-motion: reduce) { .orousal-chat-nudge { animation: none; } }

/* What's new: a slider, one card at a time (Melissa, 2026-10-30) */
.orousal-dash-slider { margin-bottom: 14px; }
.orousal-dash-slider[hidden] { display: none; }
.orousal-dash-slider-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.orousal-dash-slider-track::-webkit-scrollbar { display: none; }
.orousal-dash-slider-track > .orousal-dash-news { flex: 0 0 100%; box-sizing: border-box; scroll-snap-align: start; margin-bottom: 0; }
/* the glow would be cut off inside the slider: an inner glow instead */
.orousal-dash-slider-track > .orousal-dash-news.is-request_delivered, .orousal-dash-slider-track > .orousal-dash-news.is-message { box-shadow: inset 0 0 24px rgba(212, 174, 106, .16); }
.orousal-dash-slider-nav { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 10px; }
.orousal-dash-slider-nav:empty { display: none; }
.orousal-dash-slider-arrow { all: unset; cursor: pointer; width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--o-gold-soft); color: var(--o-gold); font-size: 23.5px; line-height: 1; }
.orousal-dash-slider-arrow:hover { background: rgba(212, 174, 106, .1); }
.orousal-dash-slider-arrow:disabled { opacity: .3; cursor: default; }
.orousal-dash-slider-dots { display: inline-flex; gap: 8px; }
.orousal-dash-slider-dots button { all: unset; cursor: pointer; width: 7px; height: 7px; border-radius: 50%; background: var(--o-line); }
.orousal-dash-slider-dots button.is-active { background: var(--o-gold); }
.orousal-dash-slider-count { color: var(--o-muted); font-size: 15.5px; min-width: 44px; text-align: center; }

/* My Library: her photo and name lead to her profile, plus "Go to Aubrey's profile" (Melissa, 2026-10-30) */
.orousal-dash-pack-her { display: inline-flex; flex: none; border-radius: 50%; }
.orousal-dash-pack-her:hover .orousal-dash-mini, .orousal-dash-pack-her:focus-visible .orousal-dash-mini { box-shadow: 0 0 0 2px var(--o-gold); }
.orousal-dash-pack-name { display: block; color: var(--o-muted) !important; text-decoration: none !important; font-size: 15.5px; }
.orousal-dash-pack-name:hover, .orousal-dash-pack-name:focus-visible { color: var(--o-gold) !important; }
.orousal-dash-pack-go { display: inline-block; margin-top: 6px; color: var(--o-gold) !important; font-size: 15.5px; font-weight: 600; text-decoration: none !important; }
.orousal-dash-pack-go:hover, .orousal-dash-pack-go:focus-visible { color: var(--o-text) !important; }

/* Readability (Melissa, 2026-11-01): more room between boxes and lines. */
.orousal-dash-section > * + * { margin-top: 26px; }
@media (max-width: 860px) { .orousal-dash-section > * + * { margin-top: 22px; } }

/* Reviews (2026-11-02) */
.orousal-star-pick { display: inline-flex; flex-direction: row-reverse; gap: 4px; position: relative; }
.orousal-star-wrap { display: grid; gap: 8px; justify-items: start; }
.orousal-star-wrap > span { font-weight: 600; color: var(--o-text); }
.orousal-star-pick input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.orousal-star-pick label { font-size: 33px; line-height: 1; color: rgba(255,255,255,.22); cursor: pointer; transition: color .15s; }
.orousal-star-pick input:checked ~ label, .orousal-star-pick label:hover, .orousal-star-pick label:hover ~ label { color: var(--o-gold); }
.orousal-star-pick input:focus-visible + label { outline: 2px solid var(--o-gold); outline-offset: 2px; border-radius: 4px; }
.orousal-review-form textarea { width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--o-line); background: rgba(0,0,0,.25); color: var(--o-text); font: inherit; }
.orousal-my-reviews { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.orousal-my-reviews li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding-bottom: 14px; border-bottom: 1px solid var(--o-line); }
.orousal-my-reviews li:last-child { border-bottom: 0; padding-bottom: 0; }
.orousal-my-reviews .orousal-stars { color: var(--o-gold); }
.orousal-my-reviews em { font-style: normal; font-size: 15.5px; padding: 2px 10px; border-radius: 99px; background: rgba(255,255,255,.08); color: var(--o-muted); }
.orousal-my-reviews em.is-approved { background: rgba(201,162,77,.18); color: var(--o-gold); }
.orousal-my-reviews p { flex-basis: 100%; margin: 0; font-style: italic; color: #e2d3d6; }

/* Bigger, easier to read for everyone (Melissa, 2026-11-02). */
.orousal-profile.orousal-dash { font-size: 17px; }
.orousal-dash p, .orousal-dash li, .orousal-dash label { font-size: inherit; }
.orousal-dash .orousal-button { font-size: 15px; }
.orousal-dash-credits b { width: 26px; height: 26px; }
/* With the bigger words, Quick access shows 3 per row unless the screen is very wide. */
.orousal-dash-tiles strong { overflow-wrap: anywhere; }
/* Write-in boxes (feedback, reviews): dark like the rest, never white (Melissa, 2026-11-02). */
.orousal-dash-settings textarea { line-height: 1.5; resize: vertical; }
.orousal-dash-settings textarea::placeholder, .orousal-dash-settings input::placeholder { color: var(--o-muted); opacity: 1; }
.orousal-dash-settings textarea:focus, .orousal-dash-settings input[type=text]:focus, .orousal-dash-settings select:focus { outline: none; border-color: var(--o-gold-soft); }