/* Keeps the original Bootstrap 2 directory appearance while improving PHP 8.4 pages. */
html, body { min-height: 100%; }
body { background: #f5f5f5; overflow-x: hidden; }
a { word-break: break-word; }
.big-unit { background-color: #1b1b1b; background-size: cover; }
.navbar .brand { font-weight: 700; }
.main-well { min-height: 560px; background: #fff; }
.page-title { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.listing-table td { vertical-align: top; }
.site-thumbnail { width: 220px; max-width: 100%; height: 145px; object-fit: cover; background: #eee; border: 1px solid #ddd; }
.site-domain { font-family: Menlo, Monaco, Consolas, monospace; font-size: 12px; color: #666; }
.plan-card { background: #fff; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 20px; overflow: hidden; }
.plan-card .plan-head { background: #f5f5f5; border-bottom: 1px solid #ddd; padding: 18px; text-align: center; }
.plan-card .plan-body { padding: 18px; }
.plan-price { font-size: 34px; line-height: 1; font-weight: 700; color: #08c; }
.wallet-balance { font-size: 32px; line-height: 1.2; font-weight: 700; color: #468847; }
.muted-box { background: #f8f8f8; border: 1px solid #e3e3e3; padding: 15px; border-radius: 4px; }
.status-pending { color: #c09853; }
.status-active, .status-approved, .status-paid { color: #468847; }
.status-rejected, .status-blocked, .status-deleted { color: #b94a48; }
.status-inactive, .status-cancelled, .status-expired { color: #777; }
.table-wrap { overflow-x: auto; width: 100%; }
.table td, .table th { word-break: normal; }
.form-actions.sticky-actions { position: sticky; bottom: 0; z-index: 10; background: #f5f5f5; border-top: 1px solid #ddd; }
.avatar-large { width: 120px; height: 120px; border-radius: 4px; object-fit: cover; border: 1px solid #ddd; background: #f5f5f5; }
.dashboard-stat { text-align: center; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 18px 10px; margin-bottom: 20px; }
.dashboard-stat strong { display: block; font-size: 28px; line-height: 1.25; }
.google-button { display: block; box-sizing: border-box; width: 100%; padding: 10px 14px; border: 1px solid #ccc; border-radius: 4px; background: #fff; color: #333; text-align: center; font-weight: 700; }
.google-button:hover { background: #f5f5f5; text-decoration: none; }
.keyword-tag { display: inline-block; background: #e8f4fb; color: #0572a7; border: 1px solid #c9e6f4; padding: 3px 8px; margin: 2px; border-radius: 3px; }
.proof-preview { max-width: 360px; max-height: 420px; border: 1px solid #ddd; }
.admin-navbar { margin-bottom: 25px; }
.admin-toolbar { margin-bottom: 15px; }
.admin-toolbar .btn { margin-bottom: 5px; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.required { color: #b94a48; }
#footer { margin-top: 35px; background: #222; color: #aaa; padding: 28px 0; }
#footer a { color: #ddd; }
.alert ul { margin-bottom: 0; }
@media (max-width: 768px) {
  body { padding-left: 0; padding-right: 0; overflow-x: hidden; }
  .container { padding-left: 12px; padding-right: 12px; }
  .big-unit { padding: 12px 0; margin-bottom: 18px; }
  .navbar { margin: 8px auto !important; }
  .main-well { padding: 12px; }
  .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  input, select, textarea { font-size: 16px !important; box-sizing: border-box; max-width: 100%; }
  .btn.mobile-full { width: 100%; box-sizing: border-box; margin-bottom: 8px; }
  .site-thumbnail { width: 100%; height: auto; }
  .listing-table, .listing-table tbody, .listing-table tr, .listing-table td { display: block; width: 100%; box-sizing: border-box; }
  .listing-table td { border-top: 0; }
  .listing-table td:first-child { border-top: 1px solid #ddd; }
}