/**
 * ============================================================
 * Inner Pages — Shared Layout Styles
 * Location : assets/css/pages/inner-pages.css
 * Used on  : Account pages, business dashboard, GPT logged-in
 *            templates, Bid4Biz boxed/fullwidth page templates
 * Purpose  : Keep spacing, typography, cards, forms, and
 *            content chrome consistent across all inner pages
 * ============================================================
 */

/* ------------------------------------------------------------
   Page shell / content wrappers
   ------------------------------------------------------------ */
.dcs-content,
.bid4biz-inner-page,
.bg-polar.rounded-4,
.page-template-gpt-loggedin-template .dcs-content,
.page-template-gpt-default .dcs-content,
body.b4b-gpt-chrome .dcs-content {
	color: var(--b4b-text, #4a5568);
}

.dcs-content .bg-polar.rounded-4,
.bid4biz-inner-page .bg-polar.rounded-4 {
	background: var(--b4b-bg-alt, #f7f8fc);
}

.dcs-content .bg-white.rounded-4,
.bid4biz-inner-page .bg-white.rounded-4 {
	background: var(--b4b-bg, #fff);
	border-color: var(--b4b-border, #e8eaf0);
}

/* ------------------------------------------------------------
   Section titles & field labels (shared)
   ------------------------------------------------------------ */
.dcs-content .field-title,
.bid4biz-inner-page .field-title,
.cd-section-title h5 {
	font-weight: 700;
	color: var(--b4b-heading, #1a1a2e);
}

.dcs-content h3,
.dcs-content h5,
.bid4biz-inner-page h3,
.bid4biz-inner-page h5 {
	color: var(--b4b-heading, #1a1a2e);
}

.dcs-content .text-hit-gray,
.bid4biz-inner-page .text-hit-gray {
	color: var(--b4b-muted, #8a94a6);
}

/* ------------------------------------------------------------
   Forms — base shell only; full clean UI lives in forms-ui.css
   ------------------------------------------------------------ */
.dcs-content .form-group,
.bid4biz-inner-page .form-group {
	margin-bottom: 1.25rem;
}

/* ------------------------------------------------------------
   Buttons — shared primary / outline look
   (colors come from the design-token layer; kept selector-only
   here since inc/theme-design-tokens.php already targets
   .dcs-content .btn-primary / .bid4biz-inner-page .btn-primary
   with the Customizer button colors)
   ------------------------------------------------------------ */
.dcs-content .btn-primary,
.bid4biz-inner-page .btn-primary,
.cd-action-box .btn-primary {
	font-weight: 600;
}

/* ------------------------------------------------------------
   Cards / white panels
   ------------------------------------------------------------ */
.dcs-content .card,
.bid4biz-inner-page .card {
	border: 1px solid var(--b4b-border, #e8e8e8);
	border-radius: var(--b4b-space-card-radius, 10px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* ------------------------------------------------------------
   Alerts / flash messages spacing
   ------------------------------------------------------------ */
.dcs-content .alert,
.bid4biz-inner-page .alert,
.dcs-content .flash-messages,
.bid4biz-inner-page .flash-messages {
	border-radius: 8px;
}

/* ------------------------------------------------------------
   Tables on account / business pages
   ------------------------------------------------------------ */
.dcs-content table,
.bid4biz-inner-page table {
	width: 100%;
}

.dcs-content .table th,
.bid4biz-inner-page .table th {
	font-weight: 600;
	color: var(--b4b-heading, #1a1a2e);
	border-bottom-width: 2px;
}

/* Pagination lives in assets/css/pages/pagination.css */

/* ------------------------------------------------------------
   Responsive consistency
   ------------------------------------------------------------ */
@media (max-width: 767px) {
	.dcs-content .p-10,
	.bid4biz-inner-page .p-10 {
		padding: 1.25rem !important;
	}
}