/* RustTime — Raid Comic: interior screens.
   Load after prototype-comic.css. This layer changes presentation only;
   the existing grids, form dimensions and evidence images remain intact. */
:root {
  --comic-success: #206447;
  --comic-success-paper: #e2ede4;
  --comic-warning: #744e15;
  --comic-warning-paper: #f8e7b7;
  --comic-error: #9d2830;
  --comic-error-paper: #f7dedb;
  --comic-rule-line: #b7a17a;
  --comic-card-shadow: 3px 3px 0 #cbbb9c;
}

/* Quiet paper panels; shadows belong to the main cards, not their contents. */
.wallet-summary article,
.wallet-form,
.wallet-help,
.wallet-ledger,
.deposit-invoice,
.chat-conversation,
.chat-review-card,
.portal-info-card,
.portal-fee-cards article,
.portal-ticket,
.portal-admin-stats article,
.portal-review-row,
.telegram-settings,
.push-settings,
.how-guide .how-intro,
.how-guide .how-scenario,
.how-guide .how-safety,
.how-guide .how-payout,
.how-guide .how-final-cta {
  background: var(--panel);
  color: var(--ink);
  border-color: var(--ink);
  box-shadow: var(--comic-card-shadow);
}

.wallet-form p,
.wallet-help p,
.wallet-summary span,
.rt-balance-policy p,
.withdraw-breakdown span,
.withdrawal-row small,
.ledger-row small {
  color: var(--muted);
}
.wallet-summary strong,
.rt-balance-policy strong {
  color: var(--red);
  font-family: var(--heading);
}
.funding-method,
.withdraw-breakdown,
.rt-balance-policy {
  background: var(--panel2);
  border-color: var(--ink);
  color: var(--ink);
}
.withdraw-breakdown strong,
.withdraw-breakdown .total > span,
.withdraw-breakdown .total > strong {
  color: var(--ink);
  border-color: var(--comic-rule-line);
}
.withdrawal-row,
.ledger-row {
  border-color: var(--comic-rule-line);
}
.withdrawal-row code {
  color: var(--teal);
}
.ledger-row b {
  font-family: var(--heading);
}
.ledger-row .credit {
  color: var(--comic-success);
}
.ledger-row .debit {
  color: var(--comic-error);
}

/* Funding is pending until it has actually been credited. */
.deposit-status {
  background: var(--comic-warning-paper);
  color: var(--comic-warning);
  border-color: var(--comic-warning);
}
.deposit-status.is-credited {
  background: var(--comic-success-paper);
  color: var(--comic-success);
  border-color: var(--comic-success);
}
.deposit-invoice-amount,
.deposit-fee-disclosure {
  border-color: var(--comic-rule-line);
}
.deposit-invoice-amount > span,
.deposit-invoice-amount p,
.deposit-invoice-amount > small,
.deposit-clock > span,
.deposit-clock small,
.deposit-address label,
.deposit-quote > span,
.deposit-quote small,
.deposit-network-note,
.deposit-safety-note,
.deposit-history-row small {
  color: var(--muted);
}
.deposit-invoice-amount > strong,
.deposit-clock b {
  color: var(--ink);
}
.deposit-address {
  background: var(--paper);
  border-color: var(--ink);
}
.deposit-address code {
  color: var(--ink);
}
.deposit-quote {
  background: var(--panel2);
  border-color: var(--ink);
}
.deposit-quote > strong {
  color: var(--red);
}
.deposit-history-row {
  background: var(--panel);
  border-color: var(--ink);
  color: var(--ink);
}
.deposit-history-row.is-selected,
.deposit-history-row:hover {
  background: var(--panel2);
  border-color: var(--teal);
  color: var(--ink);
}
.wallet-form .notice,
.wallet-help .notice,
.deposit-invoice .notice {
  background: var(--comic-warning-paper);
  border-color: var(--comic-warning);
  color: var(--comic-warning);
}
.deposit-invoice:has(.deposit-status.is-credited) .notice:not(.error) {
  background: var(--comic-success-paper);
  border-color: var(--comic-success);
  color: var(--comic-success);
}
.wallet-form .notice.error,
.wallet-help .notice.error,
.deposit-invoice .notice.error {
  background: var(--comic-error-paper);
  border-color: var(--comic-error);
  color: var(--comic-error);
}

/* Steam's white provider mark stays on its own dark, recognisable block. */
.steam-auth-modal.modal {
  background: var(--panel);
  color: var(--ink);
  border-color: var(--ink);
  box-shadow: 7px 8px 0 #121b2399;
}
.steam-auth-modal .modal-head {
  background: var(--paper);
  border-color: var(--ink);
}
.steam-auth-modal .close {
  color: var(--ink);
  background: var(--panel);
  border-color: var(--ink);
}
.steam-auth-modal .close:hover {
  background: var(--panel2);
  color: var(--red);
}
.steam-auth-kicker,
.steam-auth-details svg {
  color: var(--teal);
}
.steam-auth-intro > p,
.steam-return-note,
.steam-auth-details p > span {
  color: var(--muted);
}
.steam-auth-details {
  border-color: var(--comic-rule-line);
}
.steam-auth-details strong {
  color: var(--ink);
}
.steam-destination {
  background: var(--ink);
  color: #fbf6e8;
  border-color: var(--ink);
  box-shadow: none;
}
.steam-provider {
  border-color: #637581;
}
.steam-provider > span,
.steam-destination-address small {
  color: #c7d5db;
}
.steam-destination-address svg {
  color: #a8d3d6;
}
.steam-destination-address strong {
  color: #fbf6e8;
}
.steam-continue {
  background: var(--ink);
  border-color: var(--ink);
  color: #fbf6e8;
  box-shadow: none;
}
.steam-continue:hover {
  background: #253945;
  border-color: #253945;
  color: #fbf6e8;
}
.steam-continue:focus-visible {
  outline-color: var(--teal);
}
.steam-profile-avatar,
.user-avatar.steam-profile-avatar,
.profile-avatar.steam-profile-avatar {
  border-color: var(--ink);
}
.steam-profile-avatar .avatar-initials {
  background: var(--panel2);
  color: var(--ink);
}

/* Private claim chat: own, received and system messages keep their identity. */
.chat-conversation-head,
.chat-composer-wrap {
  background: var(--paper);
  border-color: var(--ink);
}
.chat-status,
.chat-status-pending,
.chat-status-disputed,
.chat-status-accepted,
.chat-status-approved_pending {
  color: var(--comic-warning);
}
.chat-status-approved {
  color: var(--comic-success);
}
.chat-status-rejected {
  color: var(--comic-error);
}
.chat-refresh {
  background: var(--panel);
  color: var(--teal);
  border-color: var(--ink);
}
.chat-refresh:hover:not(:disabled) {
  background: var(--panel2);
}
.chat-participants,
.chat-details > div,
.chat-check-note,
.chat-proof-details {
  border-color: var(--comic-rule-line);
}
.chat-participant {
  background: var(--panel2);
  border-color: var(--comic-rule-line);
  color: var(--ink);
}
.chat-participant small {
  color: var(--muted);
}
.chat-participant-dot {
  background: var(--red);
}
.chat-participant-dot.admin {
  background: var(--teal);
}
.chat-message-log {
  background: var(--panel);
  scrollbar-color: var(--teal) var(--panel2);
}
.chat-message {
  background: var(--paper);
  color: var(--ink);
  border-color: var(--comic-rule-line);
}
.chat-message-own {
  background: #e3ece5;
  border-color: #5d8071;
}
.chat-message-system {
  background: var(--panel2);
  border-color: #8d8065;
  color: var(--muted);
}
.chat-message-meta strong,
.chat-empty h3,
.chat-readonly,
.chat-details dd,
.chat-checklist b,
.chat-proof-details p strong {
  color: var(--ink);
}
.chat-message-meta time,
.chat-message .chat-message-meta time,
.chat-empty,
.chat-composer-footer > span,
.chat-contact-note,
.chat-readonly p,
.chat-details dt,
.chat-checklist p,
.chat-check-note,
.chat-actions p,
.chat-proof-details p,
.chat-approve-amount small {
  color: var(--muted);
}
.chat-role {
  background: var(--panel2);
  color: var(--ink);
}
.chat-role-admin {
  background: var(--teal);
  color: #fbf6e8;
}
.chat-empty-mark,
.chat-checklist li > span,
.chat-review .chat-checklist > li > span,
.chat-checklist time,
.chat-proof-details summary {
  color: var(--teal);
}
.chat-reward,
.chat-approve-amount {
  color: var(--red);
}
.chat-reserve-note,
.chat-actions .chat-admin-requested,
.chat-accepted-notice {
  background: var(--comic-warning-paper);
  color: var(--comic-warning);
  border-color: var(--comic-warning);
}
.chat-proof-ids code {
  background: var(--paper);
  border-color: var(--comic-rule-line);
  color: var(--ink);
}

/* Support, notification centre, CMS and moderation. */
.portal-info-card p,
.portal-fee-cards span,
.portal-fee-cards p,
.portal-list-heading p,
.portal-ticket-head p,
.portal-ticket-message small,
.portal-notification small,
.portal-admin-stats span,
.portal-data-list dt,
.portal-table small,
.portal-review-row p,
.portal-settings-list dt,
.portal-pagination-label {
  color: var(--muted);
}
.portal-field-note {
  color: var(--muted) !important;
}
.portal-fee-cards b,
.portal-admin-stats b {
  color: var(--red);
}
.portal-calculation b,
.portal-calculation span:last-child,
.portal-data-list dd,
.portal-settings-list dd {
  color: var(--ink);
}
.portal-ticket-body,
.portal-ticket-message,
.portal-settings-list,
.admin-section-editor,
.admin-preview,
.admin-report {
  background: var(--paper);
  border-color: var(--ink);
  color: var(--ink);
}
.portal-ticket-message {
  border-color: var(--comic-rule-line);
}
.portal-ticket-message.from-admin {
  background: #e3ece5;
  border-color: #5d8071;
}
.portal-ticket-message strong,
.portal-ticket-message p,
.portal-notification p {
  color: var(--ink);
}
.portal-notification {
  background: var(--panel2);
  border-color: var(--ink);
}
.portal-notification.is-read {
  background: var(--panel);
  border-color: var(--comic-rule-line);
}
.portal-notification-dot {
  background: var(--red);
}
.portal-notification.is-read .portal-notification-dot {
  background: transparent;
  border: 1px solid var(--muted);
}
.portal-admin-nav {
  background: var(--panel);
  border-color: var(--ink);
  scrollbar-color: var(--teal) var(--panel2);
}
.portal-admin-nav button {
  background: transparent;
  color: var(--muted);
}
.portal-admin-nav button:hover {
  background: var(--panel2);
  color: var(--ink);
}
.portal-admin-nav button.active {
  background: var(--teal);
  color: #fbf6e8;
  border-color: var(--ink);
}
.portal-table-scroll {
  border-color: var(--ink);
  scrollbar-color: var(--teal) var(--panel2);
}
.portal-table {
  background: var(--panel);
  color: var(--ink);
}
.portal-table th {
  background: var(--panel2);
  color: var(--ink);
}
.portal-table td,
.portal-settings-list > div {
  border-color: var(--comic-rule-line);
  color: var(--ink);
}
.portal-table tbody tr:hover {
  background: var(--paper);
}
.portal-table strong {
  color: var(--ink);
}
.portal-table a,
.portal-table summary {
  color: var(--teal);
}
.portal-table pre {
  background: var(--panel2);
  color: var(--ink);
}
.admin-filter input,
.admin-form select {
  background: #fffaf0;
  color: var(--ink);
  border-color: #877d67;
}
.admin-status-badge {
  background: var(--panel2);
  border-color: var(--ink);
  color: var(--ink);
}
.admin-status-badge.blocked {
  background: var(--comic-error-paper);
  color: var(--comic-error);
  border-color: var(--comic-error);
}
.admin-success {
  color: var(--comic-success);
}

/* Telegram and push opt-in settings retain visible focus and consent fields. */
.tg-heading p,
.tg-muted,
.tg-connected span,
.tg-checkbox small,
.tg-language,
.tg-server-heading > span,
.tg-search-label,
.tg-server-result code,
.tg-watch code,
.tg-privacy-note,
.push-heading p,
.push-muted,
.push-privacy,
.push-devices h3 small,
.push-servers h3 small,
.push-device small,
.push-preferences small,
.push-language,
.push-server code,
.push-servers > label {
  color: var(--muted);
}
.tg-title-icon,
.push-symbol {
  background: var(--panel2);
  color: var(--teal);
  border-color: var(--ink);
}
.tg-state,
.push-state {
  background: var(--panel2);
  border-color: var(--comic-rule-line);
  color: var(--muted);
}
.tg-state.connected,
.push-state.connected {
  background: var(--comic-success-paper);
  border-color: var(--comic-success);
  color: var(--comic-success);
}
.tg-info,
.push-info {
  background: #e4ece6;
  border-color: var(--teal);
  color: #214f56;
}
.tg-primary,
.push-primary {
  background: var(--teal) !important;
  border-color: var(--ink) !important;
  color: #fbf6e8 !important;
  box-shadow: none;
}
.tg-primary:hover,
.push-primary:hover {
  background: #174e59 !important;
  border-color: var(--ink) !important;
  color: #fbf6e8 !important;
}
.tg-connect-steps {
  background: var(--paper);
  border-color: var(--teal);
}
.tg-connect-steps p {
  color: var(--muted);
}
.tg-identity {
  background: var(--panel2);
  border-color: var(--ink);
}
.tg-identity small {
  color: var(--muted);
}
.tg-code {
  color: var(--teal);
}
.tg-connected,
.tg-server-section,
.tg-watch,
.push-current,
.push-device,
.push-server,
.push-privacy {
  border-color: var(--comic-rule-line);
}
.tg-checkbox input,
.push-preferences input {
  accent-color: var(--teal);
}
.tg-language select,
.tg-search-row input,
.push-language select,
.push-search input {
  background: #fffaf0;
  border-color: #877d67;
  color: var(--ink);
  color-scheme: light;
}
.tg-server-result,
.tg-all-bounties,
.push-preferences label {
  background: var(--paper);
  border-color: var(--comic-rule-line);
  color: var(--ink);
}
.tg-watch > div svg {
  color: var(--teal);
}
.tg-all-bounties strong {
  color: var(--ink);
}
.tg-search-row input:focus,
.telegram-settings :focus-visible,
.push-settings button:focus-visible,
.push-settings input:focus-visible,
.push-settings select:focus-visible {
  outline-color: var(--teal);
}

/* Photo selection and inline thumbnails: actual screenshot pixels are untouched. */
.photo-picker {
  background: var(--paper);
  color: var(--ink);
  border-color: var(--ink);
}
.photo-picker.is-dragging {
  background: #e3ece5;
  border-color: var(--teal);
}
.photo-picker-header > strong {
  background: var(--panel2);
  border-color: var(--ink);
  color: var(--teal);
}
.photo-picker-hint,
.photo-picker-file > small {
  color: var(--muted);
}
.photo-picker-progress {
  color: var(--teal);
}
.photo-picker-progress progress {
  accent-color: var(--teal);
}
.photo-picker-card {
  background: var(--panel);
  border-color: var(--ink);
}
.photo-picker-card.is-cover {
  border-color: var(--teal);
}
.photo-picker-thumb {
  background: var(--panel2);
  border-color: var(--ink);
  color: #fbf6e8;
}
.photo-picker-thumb img,
.photo-picker-thumb:hover img {
  transform: none;
}
.photo-picker-placeholder {
  background: var(--panel2);
}
.photo-picker-number,
.photo-picker-zoom {
  background: #121b23eb;
  border-color: #fbf6e899;
  color: #fbf6e8;
}
.photo-picker-cover-badge {
  background: var(--teal);
  border-color: #fbf6e8;
  color: #fbf6e8;
}
.photo-picker-file {
  color: var(--ink);
}
.photo-picker-controls button {
  background: var(--paper);
  border-color: var(--ink);
  color: var(--ink);
  box-shadow: none;
}
.photo-picker-controls .photo-picker-remove {
  color: var(--comic-error);
}
.photo-picker-controls button:hover:not(:disabled) {
  background: var(--panel2);
  border-color: var(--teal);
}
.photo-picker button:focus-visible {
  outline-color: var(--teal);
}
.bounty-gallery {
  border-color: var(--comic-rule-line);
}
.gallery-heading h3 span {
  background: var(--panel2);
  color: var(--teal);
}
.gallery-heading p {
  color: var(--muted);
}
.gallery-thumbnails {
  scrollbar-color: var(--teal) var(--panel2);
}
.bounty-gallery-cover,
.gallery-thumbnail {
  background: var(--panel2);
  border-color: var(--ink);
}
.gallery-cover-label,
.gallery-thumbnail span {
  background: #121b23ed;
  color: #fbf6e8;
  border-color: #fbf6e899;
}
.gallery-cover-label b {
  color: #fbf6e8;
}
.gallery-thumbnail:hover {
  border-color: var(--teal);
}
.bounty-gallery-cover:focus-visible,
.gallery-thumbnail:focus-visible {
  outline-color: var(--teal);
}
.gallery-image-failed {
  color: var(--muted);
  background: var(--panel2);
}

/* How-it-works is deliberately scoped; it does not restyle the homepage. */
.how-guide p {
  color: var(--muted);
}
.how-guide .how-label {
  color: var(--teal);
}
.how-guide .how-intro::before {
  background: none;
}
.how-guide .how-intro h2,
.how-guide .how-example p,
.how-guide .how-final-cta strong {
  color: var(--ink);
}
.how-guide .how-intro-facts,
.how-guide .how-open-note,
.how-guide .how-example,
.how-guide .how-raider {
  border-color: var(--comic-rule-line);
}
.how-guide .how-intro-facts > div > strong,
.how-guide .how-step-number {
  color: var(--red);
}
.how-guide .how-open-note,
.how-guide .how-example > span,
.how-guide .how-inline-note svg {
  color: var(--teal);
}
.how-guide .how-open-note p {
  color: var(--muted);
}
.how-guide .how-scenario.rival {
  background: var(--paper);
  border-color: var(--ink);
}
.how-guide .how-scenario-icon,
.how-guide .how-panel-icon {
  background: var(--panel2);
  border-color: var(--ink);
  color: var(--teal);
}
.how-guide .how-scenario.rival .how-scenario-icon {
  background: var(--comic-error-paper);
  border-color: var(--red);
  color: var(--red);
}
.how-guide .how-inline-note,
.how-guide .how-step,
.how-guide .how-payout-example,
.how-guide .how-faq-item {
  background: var(--paper);
  border-color: var(--comic-rule-line);
  color: var(--ink);
}
.how-guide .how-evidence-strip {
  background: var(--panel2);
  border-color: var(--ink);
  color: var(--ink);
}
.how-guide .how-evidence-strip > span,
.how-guide .how-evidence-strip i,
.how-guide .how-payout-example > span,
.how-guide .how-availability {
  color: var(--muted);
}
.how-guide .how-evidence-strip b,
.how-guide .how-payout-example strong {
  color: var(--red);
}
.how-guide .how-payout-example strong span,
.how-guide .how-faq-item summary > span {
  color: var(--teal);
}
.how-guide .how-bottom-grid a {
  color: var(--teal);
  border-color: var(--teal);
}
.how-guide .how-bottom-grid a:hover {
  color: #114e59;
}
.how-guide .how-faq-item summary {
  color: var(--ink);
}
.how-guide a:focus-visible,
.how-guide button:focus-visible,
.how-guide summary:focus-visible {
  outline-color: var(--teal);
}

/* Interior forms and proof controls stay geometrically stable on hover. */
:is(.wallet-form, .wallet-help, .deposit-invoice, .chat-page,
  .portal-extra-page, .portal-admin-page, .telegram-settings, .push-settings,
  .steam-auth-modal, .photo-picker, .how-guide) .btn {
  box-shadow: none;
}
:is(.wallet-form, .wallet-help, .deposit-invoice, .chat-page,
  .portal-extra-page, .portal-admin-page, .telegram-settings, .push-settings,
  .steam-auth-modal, .photo-picker, .how-guide) .btn:hover {
  transform: none;
}

/* Compact legacy controls need the same usable hit area as the main actions. */
.chat-refresh {
  width: 44px;
  min-width: 44px;
  min-height: 44px;
}
.chat-proof-details summary {
  min-height: 44px;
  display: flex;
  align-items: center;
}
.section-page:has(.rt-balance-policy) .tabs button {
  min-width: 44px;
  min-height: 44px;
}
.wallet-form .checkbox {
  min-height: 44px;
}
.photo-picker-add,
.photo-picker-controls button {
  min-width: 44px;
  min-height: 44px;
}
.portal-admin-nav button,
#admin-settings-form .checkbox {
  min-height: 44px;
}
.admin-policy summary {
  min-height: 44px;
  display: flex;
  align-items: center;
}
:is(.wallet-form, .wallet-help, .deposit-invoice, .chat-page,
  .portal-extra-page, .portal-admin-page, .telegram-settings, .push-settings)
  .text-button {
  min-height: 44px;
}

/* Fullscreen .rusttime-gallery / .gallery-viewer-* keep the original dark theme. */
/* Distinct private screens and optional notifications keep the Comic layout. */
.account-page .section-top h1{font-size:clamp(30px,4vw,46px)}
.account-navigation{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--comic-line,#aa9970)}
.account-navigation .btn{min-height:44px;white-space:normal;text-align:left}
.account-navigation .btn.active{background:var(--comic-ink,#112027);color:var(--comic-paper,#f3ecd9);box-shadow:3px 3px 0 var(--comic-red,#bc2636)}
.account-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}
.account-destination{display:block;min-width:0;padding:22px;background:#fbf5e5;border:2px solid #112027;box-shadow:4px 4px 0 #c7b68f;color:#112027;text-decoration:none}
.account-destination>span{font-weight:800;display:block;font-size:18px;overflow-wrap:anywhere}
.account-destination>strong{display:block;font:800 38px/1.3 'Roboto Condensed',sans-serif;color:#b92334;margin:12px 0}
.account-destination>p{line-height:1.6;color:#695535;min-height:3.2em;margin:0 0 18px}
.account-destination>b{color:#176372;font-size:14px}
.account-destination:focus-visible{outline:3px solid #176372;outline-offset:5px}
.account-list-summary{margin:0 0 20px;color:#695535;line-height:1.6}
.account-list-summary strong{color:#112027}
.account-own-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-page .claim-row{margin-bottom:14px}
.account-page .known-proof-form{margin-top:30px}
.notification-offer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;margin:0 0 26px;background:#fbf5e5;border:2px solid #112027;box-shadow:4px 4px 0 #c7b68f}
.notification-offer strong{font:800 21px/1.2 'Roboto Condensed',sans-serif;color:#112027}
.notification-offer p{color:#695535;max-width:820px;line-height:1.6;margin:8px 0 0}
.notification-offer .btn{flex-shrink:0;min-height:44px}
.notification-subscriptions{margin:0 0 38px}
.notification-subscriptions .section-top h2{font-size:28px}
.notification-subscriptions .section-top p{max-width:820px;line-height:1.6;color:#695535}
.notification-history-title{font-size:28px;margin:0 0 20px}
.bounty .card-footer{gap:8px;flex-wrap:wrap}
.bounty .card-footer .btn:first-child{flex:1 1 145px}
.bounty .listing-share{flex:1 1 90px;min-height:44px;justify-content:center}
.bounty .card-footnote{flex-wrap:wrap;gap:8px;align-items:flex-start}
.bounty .listing-completion{flex-basis:100%;font-size:12px;line-height:1.5;color:#695535;overflow-wrap:anywhere}
.detail-reward .listing-share{width:100%;margin-top:12px;min-height:44px}
.detail-reward .listing-completion{line-height:1.5;color:#695535}
@media(max-width:950px){.account-overview-grid,.account-own-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-offer{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:600px){.account-overview-grid,.account-own-cards{grid-template-columns:minmax(0,1fr)}.account-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.account-navigation .btn{min-width:0;line-height:1.35;justify-content:flex-start}.account-destination{padding:20px}.notification-offer{padding:18px}.notification-offer .btn{width:100%}.account-page .claim-row{grid-template-columns:72px minmax(0,1fr)}.account-page .claim-row>button{grid-column:1/-1;width:100%;min-height:44px}}