/* Shared black and gold workspace theme. Semantic status colors remain distinct. */
.app-gold {
  --bg: #0b0b0c;
  --panel: #151413;
  --line: #352c20;
  --ink: #f5ead6;
  --muted: #9d927e;
  --blue: #d1a85c;
  --blue-soft: #2b2419;
  --shadow: 0 12px 36px rgba(0, 0, 0, .24);
  background: #0b0b0c;
  color: #f5ead6;
}
.app-gold .sidebar {
  width: 250px;
  padding: 25px 16px;
  border-right: 1px solid #3e3020;
  background: linear-gradient(180deg, #11100f, #090909);
  box-shadow: 16px 0 45px rgba(0, 0, 0, .16);
}
.app-gold .side-brand { padding: 0 11px 36px; }
.app-gold .side-brand .brand-mark.small,
.app-gold .brand-mark.small {
  border: 1px solid #d8b66d;
  border-radius: 50%;
  color: #21170a;
  background: linear-gradient(145deg, #f0d18e, #a77732);
  box-shadow: 0 0 0 4px rgba(210, 168, 92, .08);
  font-family: Georgia, serif;
}
.app-gold .side-brand b { color: #f5ead6; letter-spacing: .06em; }
.app-gold .side-brand small { color: #a99779; letter-spacing: .05em; }
.app-gold .side-label { color: #806d4d; letter-spacing: .18em; }
.app-gold .nav-item { color: #aaa08e; border-radius: 3px; }
.app-gold .nav-item i { color: #987b48; }
.app-gold .nav-item:hover { color: #f8edda; background: #241d14; }
.app-gold .nav-item.active {
  color: #1e160b;
  background: linear-gradient(105deg, #a87935, #e7c982 48%, #ad7c38);
  box-shadow: 0 7px 18px rgba(168, 121, 53, .18);
}
.app-gold .nav-item.active i { color: #1e160b; }
.app-gold .side-user { border-top-color: #3c3021; }
.app-gold .side-user b { color: #f3e6cc; }
.app-gold .side-user small { color: #98886d; }
.app-gold .avatar { color: #2a1d0c; background: #dbba74; }
.app-gold .side-user .icon-btn { color: #c3a66c; }
.app-gold .main { width: calc(100% - 250px); margin-left: 250px; padding-right: 40px; padding-left: 40px; }
.app-gold .topbar { border-bottom-color: #352b1e; }
.app-gold .crumb { color: #756953; }
.app-gold .crumb b, .app-gold .topbar h2 { color: #f5ead6; }
.app-gold .topbar h2 { font-family: Georgia, "Microsoft YaHei", serif; font-weight: 400; letter-spacing: .02em; }
.app-gold .server-dot { background: #62c99a; box-shadow: 0 0 0 4px rgba(98, 201, 154, .12); }
.app-gold .server-text { color: #aa9e88; }
.app-gold .icon-btn { color: #c8a96a; }
.app-gold .icon-btn:hover { background: #281f14; }
.app-gold .muted { color: #9d927e; }
.app-gold .view-toolbar p { color: #aa9d87; }
.app-gold .segmented { background: #241d14; border: 1px solid #4a3822; }
.app-gold .segmented button { color: #a6967c; }
.app-gold .segmented button.active { color: #2b1d0b; background: #d3ad64; box-shadow: none; }
.app-gold .metric,
.app-gold .panel {
  border-color: #3a2e1e;
  background: linear-gradient(145deg, #171513, #11100f);
  box-shadow: var(--shadow);
}
.app-gold .metric-head { color: #ab9d83; }
.app-gold .metric-head i.blue { color: #ebc977; background: #302516; }
.app-gold .metric-head i.green { background: #172c25; }
.app-gold .metric-head i.purple { background: #27202d; }
.app-gold .metric-head i.orange { background: #302318; }
.app-gold .metric strong { color: #f7ead0; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 400; }
.app-gold .metric small { color: #8f836d; }
.app-gold .metric small b { color: #d4ae66; }
.app-gold .panel-title h3, .app-gold .table-toolbar h3 { color: #f1e4ca; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 400; letter-spacing: .02em; }
.app-gold .chart-legend { color: #9e927e; }
.app-gold .chart-legend i { background: #d3ad64; }
.app-gold .trend { background: repeating-linear-gradient(to bottom, transparent 0, transparent 41px, #2d261c 42px); }
.app-gold .trend-bar { background: linear-gradient(to top, #9e702d, #efd18e); }
.app-gold .trend-labels span { color: #887a62; }
.app-gold .donut { border-color: #342a1c; border-top-color: #d2aa60; border-right-color: #9d7434; }
.app-gold .donut b { color: #f4e7ce; font-family: Georgia, serif; font-weight: 400; }
.app-gold .donut small, .app-gold .legend-list { color: #a1937b; }
.app-gold .legend-list b { color: #e0bc73; }
.app-gold .gray-bg { background: #6e624e; }
.app-gold .detail-list, .app-gold .detail-list div, .app-gold .activity-list > div, .app-gold th, .app-gold td { border-color: #30271c; }
.app-gold .detail-list div, .app-gold td { color: #b5a78e; }
.app-gold .detail-list b { color: #e0bc73; }
.app-gold .alert-list b { color: #e8d7b8; }
.app-gold .alert-list small { color: #9b8e77; }
.app-gold .alert-icon.blue { color: #e1ba6b; background: #302516; }
.app-gold .alert-icon.orange { background: #342518; }
.app-gold .alert-icon.red { background: #351d20; }
.app-gold .text-btn { color: #d3ad64; }
.app-gold .search, .app-gold .table-toolbar select { border-color: #4a3923; color: #baa98b; background: #110f0d; }
.app-gold .search span { color: #9d8050; }
.app-gold .search input { color: #f2e5cc; background: transparent; }
.app-gold .search input::placeholder { color: #756a59; }
.app-gold th { color: #947e5b; background: #1b1712; }
.app-gold td { color: #c5b79b; }
.app-gold tbody tr:hover { background: #211a12; }
.app-gold .ghost { color: #d4b36c; border-color: #604824; background: transparent; }
.app-gold .ghost:hover { background: #2a2115; }
.app-gold .primary { color: #251b0d; border-color: #d6b36a; background: linear-gradient(105deg, #a87935, #e7c982 48%, #ad7c38); }
.app-gold .primary:hover { background: linear-gradient(105deg, #c08e3c, #f0d795 48%, #c08e3c); }
.app-gold .status-pill.ok { color: #80d3a8; background: #173426; }
.app-gold .status-pill.warn { color: #e5bb65; background: #342817; }
.app-gold .system-grid .status-pill.ok { border: 1px solid #387856; }
.app-gold .details dt { color: #93846b; }
.app-gold .details dd { color: #ddc28d; }
.app-gold .check-list li { color: #b5a78e; }
.app-gold .modal { background: rgba(0, 0, 0, .72); }
.app-gold .modal-card { border: 1px solid #584323; background: #171412; box-shadow: 0 20px 70px rgba(0,0,0,.55); }
.app-gold .modal-head h3 { color: #f4e5c8; font-family: Georgia, serif; font-weight: 400; }
.app-gold .modal input, .app-gold .modal select, .app-gold .modal textarea { border-color: #4a3822; color: #f3e4c8; background: #0f0e0c; }
.app-gold .modal label { color: #b9a98d; }
.app-gold .toast { color: #23190b; background: #e1be70; }

@media (max-width: 1000px) {
  .app-gold .sidebar { width: 78px; }
  .app-gold .main { width: calc(100% - 78px); margin-left: 78px; }
}
@media (max-width: 620px) {
  .app-gold .sidebar { width: 64px; }
  .app-gold .main { width: calc(100% - 64px); margin-left: 64px; padding-right: 13px; padding-left: 13px; }
}

/* ---------- Modal unified gold styling ---------- */
.app-gold .modal-card { border-radius: 10px; max-width: 520px; width: 100%; padding: 26px 28px 24px; position: relative; overflow: hidden; }
.app-gold .modal-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: linear-gradient(90deg, #8a5f22, #f0d795, #8a5f22); }
.app-gold .modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 14px; margin-bottom: 16px; border-bottom: 1px solid #3a2e1e; }
.app-gold .modal-head .eyebrow { color: #a98f5f; }
.app-gold .modal input, .app-gold .modal select, .app-gold .modal textarea { border-radius: 7px; padding: 10px 12px; margin-top: 6px; }
.app-gold .modal input:focus, .app-gold .modal select:focus, .app-gold .modal textarea:focus { outline: none; border-color: #d3ad64; box-shadow: 0 0 0 3px rgba(211, 173, 100, .15); }
.app-gold .modal input[type="checkbox"] { accent-color: #d3ad64; width: 15px; height: 15px; margin: 0; }
.app-gold .modal .row { display: flex; gap: 14px; }
.app-gold .modal .row label { flex: 1; }
.app-gold .modal .primary { width: 100%; margin-top: 16px; padding: 11px; font-weight: 700; }
.app-gold .grant-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.app-gold .grant-head .grant-chip { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; font-weight: 800; color: #241a0c; background: linear-gradient(145deg, #f0d18e, #a77732); }
.app-gold .grant-head b { display: block; color: #f4e5c8; font-size: 14px; }
.app-gold .grant-head small { color: #9d927e; font-size: 11px; }
.app-gold .grant-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 4px; }
.app-gold .grant-foot .primary { width: auto; margin-top: 0; padding: 10px 22px; }
.app-gold .status-pill.red { color: #f09b9b; background: #3d1d20; border: 1px solid #6b3033; }