/* Golden Thorns: shared studio identity across administrative screens. */
:root { --mint: #8a6b2f; --mint-dark: #6f5423; --mint-soft: #f1eadc; --ink: #292b26; --muted: #76756a; --canvas: #f3f0e9; --line: #e4dfd3; --bs-primary: #8a6b2f; --bs-primary-rgb: 138,107,47; --bs-link-color: #6f5423; --bs-link-hover-color: #53401d; --sidebar-width: 264px; }
:focus-visible { outline-color: var(--mint); }
.btn { border-radius: 5px; }
.btn-primary { --bs-btn-active-bg: #5b451f; --bs-btn-active-border-color: #5b451f; --bs-btn-focus-shadow-rgb: 138,107,47; }
.admin-sidebar { background: #252722 !important; color: #eee9dd; border-color: #48483a; }
.sidebar-brand { padding: 21px 20px; height: 100px; border-bottom: 1px solid #c9b47625; }
.sidebar-brand .brand { color: #e0c988; gap: 10px; letter-spacing: 0; }
.sidebar-brand .golden-logo { flex-basis: 42px; width: 42px; height: 42px; }
.sidebar-brand .golden-wordmark { font-size: 14px; letter-spacing: 1px; }
.sidebar-brand .golden-wordmark small { font-size: 7px; letter-spacing: 1.3px; color: #c3bead; }
.admin-sidebar .btn-close { filter: invert(1); }
.nav-caption { color: #bcb69e; font-size: 9px; letter-spacing: 2px; }
.sidebar-link { color: #c8c8b9; border-radius: 5px; }
.sidebar-link:hover { color: #f3e1b4; background: #ffffff09; }
.sidebar-link.active { background: #c9b47620; color: #e4cb8c; box-shadow: inset 2px 0 #c9ac66; }
.nav-soon { color: #beb9a5; background: #ffffff0b; }
.sidebar-note { color: #e4ddc7; background: #ffffff05; border-color: #c9b47625; border-radius: 5px; }
.sidebar-note > .ui-icon { color: #d1ba7e; }
.sidebar-note p, .sidebar-account small { color: #b0b0a1; }
.sidebar-account { border-color: #c9b47625; }
.sidebar-account strong { color: #eee9dd; }
.avatar { background: #eee6d4; color: #80652f; }
.topbar { background: #fdfcf9; border-color: #e4dfd3; }
.page-heading h1 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.7px; font-size: clamp(1.8rem, 2.5vw, 2.4rem); }
.eyebrow { color: #80652f; letter-spacing: 2px; }
.demo-notice { color: #79735e; }
.metric-card, .panel { border-color: #e4dfd3; border-radius: 7px; background: #fdfcf9; box-shadow: 0 5px 20px #302b2004; }
.metric-icon, .metric-success, .metric-warm, .metric-blue { border-radius: 50%; background: #f1eadc; color: #8a6b2f; }
.metric-icon.amber { background: #f5ecdb; color: #8a6b2f; }
.metric-detail { border-color: #ece7dc; color: #827c6d; }
.metric-value { color: #6f5423; font-weight: 500; }
.chart-grid { stroke: #eee9df; }
.chart-label, .chart-month { fill: #827c6d; }
.chart-area { fill: #f1eadc; }
.shortcut { background: #fdfcf9; border-radius: 5px; }
.shortcut:hover { background: #f6f1e6; border-color: #cfbc90; }
.shortcut-icon { background: #f1eadc; border-radius: 5px; }
.shortcut small, .shortcut > .ui-icon { color: #827c6d; }
.soft-badge { color: #716a58; background: #f2eee4; }
.activity-table { --bs-table-bg: #fdfcf9; }
.activity-table th { background: #f6f3ec; }
.activity-table td { border-color: #eee9df; }
.workspace-footer { color: #827c6d; }
.form-control, .form-select, .dataTables_filter input { border-color: #dcd7ca !important; border-radius: 5px; background-color: #fdfcf9; }
.form-control:focus, .form-select:focus, .dataTables_filter input:focus { border-color: #a88b4c !important; box-shadow: 0 0 0 .2rem #a88b4c20; }
.form-control::placeholder { color: #98968c; }
.user-action { border-color: #ded3b9; background: #f4eedf; }
.user-access-switch { background: #f7f3eb; border-radius: 5px; }
#tableUsers thead th { color: #79735e; }
#tableUsers tbody td { border-color: #eee9df; }
#tableUsers tbody tr:hover { background: #faf7f0; }
.permission-copy, .dt-buttons .btn { color: #746b55; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { border-color: #cfbc90 !important; }
.modal-content { background: #fdfcf9; border-radius: 8px; border: 1px solid #e4dfd3; }
.user-modal-content .modal-title { font-family: Georgia, serif; font-weight: 400; font-size: 1.7rem; }
.studio-banner { display: flex; justify-content: space-between; align-items: center; gap: 22px; padding: 27px 30px; margin-bottom: 26px; color: #eee9dd; background: radial-gradient(ellipse at right, #484735, #252722); border: 1px solid #48483a; border-radius: 7px; }
.studio-banner h2 { font: 28px/1.25 Georgia, serif; margin: 6px 0 10px; }
.studio-banner p { color: #c3bfac; font-size: 12px; margin: 0; }
.studio-banner .eyebrow { color: #d9c38a; font-size: 9px; }
.studio-banner a { color: #e0c988; font-size: 12px; white-space: nowrap; }
.studio-banner .golden-logo { width: 68px; height: 68px; flex-basis: 68px; }
.studio-banner-copy { flex: 1; }
@media (max-width: 767px) { .studio-banner { padding: 23px; flex-wrap: wrap; } .studio-banner .golden-logo { display: none; } .studio-banner h2 { font-size: 25px; } .sidebar-brand { height: 88px; } }