/**
 * Services minimal — navbar/footer styles without mbr/theme
 * Replaces mbr-additional, dropdown, theme for services page only
 */
body.ta-dash-body { background: #fafafa !important; margin: 0; overflow-x: hidden; }
html { overflow-x: hidden; }
body.ta-dash-body .ta-dashboard { overflow-x: hidden; max-width: 100%; }
body.ta-dash-body .ta-dash-wrap { max-width: 100%; overflow-x: hidden; }

/* Simple top bar */
.ta-nav-simple {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 56px;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  z-index: 1000;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.ta-nav-simple a { color: #374151; text-decoration: none; font-weight: 500; font-size: 0.9375rem; }
.ta-nav-simple a:hover { color: #059669; }
.ta-nav-simple .ta-nav-logo img { height: 2.25rem; }
.ta-nav-simple .ta-nav-links { display: flex; align-items: center; gap: 1.5rem; }
.ta-nav-simple .ta-nav-links a i { margin-right: 0.35em; opacity: 0.9; }
.ta-nav-user { display: inline-flex; align-items: center; gap: 0.5rem; min-width: 0; }
.ta-nav-user-text { color: #64748b; font-size: 0.875rem; min-width: 0; display: inline-flex; align-items: baseline; gap: 0.2em; }
.ta-nav-user-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ta-nav-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; vertical-align: middle; flex-shrink: 0; }
.ta-nav-simple .ta-btn-logout {
  background: #059669;
  color: #fff !important;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}
.ta-nav-simple .ta-btn-logout:hover { background: #047857; color: #fff !important; }
.ta-nav-simple .ta-nav-logo { flex-shrink: 0; }
.ta-nav-simple .ta-nav-links { min-width: 0; }

/* Mobile: hide top nav links (bottom nav handles navigation) */
@media (max-width: 768px) {
  .ta-nav-simple .ta-nav-links > a:not(.ta-btn-logout) {
    display: none !important;
  }
  .ta-nav-simple .ta-nav-links { gap: 0.5rem; font-size: 0.8125rem; }
  .ta-nav-simple { padding: 0 0.75rem; }
  .ta-nav-user-name { max-width: 100px; }
}

/* Small phones: compact header */
@media (max-width: 400px) {
  .ta-nav-simple { padding: 0 0.5rem; height: 52px; }
  .ta-nav-simple .ta-nav-logo img { height: 1.75rem; }
  .ta-nav-avatar { width: 24px; height: 24px; }
  .ta-nav-user-text { font-size: 0.8125rem; }
  .ta-nav-user-name { max-width: 72px; }
  .ta-nav-simple .ta-btn-logout {
    padding: 0.4rem 0.6rem;
    font-size: 0.8125rem;
  }
  .ta-nav-simple .ta-btn-logout .fa { margin-right: 0; }
}

/* Very small: tighter spacing, logout icon emphasized */
@media (max-width: 340px) {
  .ta-nav-user-name { max-width: 56px; }
  .ta-nav-simple .ta-btn-logout { padding: 0.45rem 0.6rem; font-size: 0.75rem; }
  .ta-nav-simple .ta-btn-logout .ta-btn-logout-text { display: none; }
}

/* Mobile responsive — services page */
@media (max-width: 768px) {
  .ta-page-services .ta-dash-main {
    padding: 0.75rem 1rem calc(2rem + 64px + env(safe-area-inset-bottom, 0px)) 1rem !important;
  }
  .ta-page-services .ta-dash-header h1 { font-size: 1.25rem; }
  .ta-page-services .ta-dash-header p { font-size: 0.875rem; }
  .ta-page-services .ta-credit-badge-inline { padding: 0.3rem 0.5rem; font-size: 0.75rem; }
  .ta-service-order-card { padding: 1.25rem; }
  .ta-alert-actions { flex-direction: column; align-items: stretch; }
}

@media (max-width: 480px) {
  .ta-page-services .ta-dash-main { padding: 0.75rem 0.75rem calc(1.5rem + 64px + env(safe-area-inset-bottom, 0px)) 0.75rem !important; }
  .ta-service-order-card { padding: 1rem; }
}

/* Prevent horizontal overflow / view shift on mobile */
@media (max-width: 768px) {
  .ta-page-services .ta-dash-main,
  .ta-page-services .ta-page-services-inner,
  .ta-page-services .ta-dash-card,
  .ta-service-order-card,
  .ta-orders-card {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }
  .ta-page-services .ta-dash-main { padding-left: 1rem !important; padding-right: 1rem !important; }
  .ta-service-order-card,
  .ta-orders-card { padding-left: 1rem; padding-right: 1rem; }
  .ta-order-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .ta-service-dropdown-wrap,
  .ta-ref-row,
  .ta-form-input,
  input[type="text"],
  input[type="url"] { max-width: 100%; box-sizing: border-box; }
}
/* Services page layout — mobile: narrow centered; desktop: full width with sidebar (see logged-dashboard.css) */
@media (max-width: 768px) {
  .ta-page-services .ta-dash-main { max-width: 640px; margin: 0 auto; padding: 2rem 1.5rem 4rem !important; }
}
.ta-page-services .ta-page-services-inner { max-width: 100%; }
.ta-page-services .ta-page-header { margin-top: 0; }
.ta-page-services .ta-credit-badge-inline { margin-top: 0.5rem; }
.ta-service-order-card .ta-service-select-wrap { margin-bottom: 1rem; }
.ta-service-order-card .ta-service-form { margin-top: 0; }
.ta-orders-card .ta-order-table-wrap { margin-top: 0; padding-top: 0; border-top: none; }
.ta-alert-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin: 0 !important; padding-top: 0.5rem; }
.ta-alert-actions .ta-btn { display: inline-flex !important; }