/* ==========================================================================
   GEO-UX-106 — Layout, spacing and alignment normalization
   Single geometry system for cards, forms, filters and page composition.
   ========================================================================== */
.ui-092 {
    --ui-content-max: 1760px;
    --ui-page-pad: clamp(20px, 2vw, 32px);
    --ui-card-pad: 24px;
    --ui-section-gap: 18px;
}

.ui-092 .content {
    width: min(100%, var(--ui-content-max));
    max-width: var(--ui-content-max);
    padding: 24px var(--ui-page-pad) 44px;
}
.ui-092 .page-surface,
.ui-092 .geo-report-page-v87,
.ui-092 .content-page-v83,
.ui-092 .admin-page,
.ui-092 .finance-page { gap: var(--ui-section-gap); }
.ui-092 .page-surface > * + * { margin-top: 0; }
.ui-092 .panel { padding: var(--ui-card-pad); }
.ui-092 .section-heading { margin-bottom: 16px; }
.ui-092 .section-heading.compact { margin-bottom: 14px; }
.ui-092 .section-heading p { max-width: 72ch; }
.ui-092 .side-stack { display: grid; gap: 16px; }

/* Consistent action geometry. */
.ui-092 .btn,
.ui-092 button.btn { min-height: 40px; padding-inline: 15px; border-radius: 10px; }
.ui-092 .row-actions,
.ui-092 .form-actions,
.ui-092 .filter-actions { gap: 10px; }
.ui-092 .form-actions { margin-top: 2px; padding-top: 18px; }

/* Form rhythm: labels, controls and groups follow the same vertical cadence. */
.ui-092 .smart-form { gap: 18px; }
.ui-092 .form-grid { gap: 16px 18px; }
.ui-092 .smart-form label > span,
.ui-092 .form-grid label > span,
.ui-092 .compact-form label > span,
.ui-092 .detail-form label > span { margin-bottom: 7px; }
.ui-092 .smart-form label > small,
.ui-092 .form-grid label > small,
.ui-092 .form-note { margin-top: 6px; line-height: 1.55; }
.ui-092 .settings-group { margin: 0; padding: 20px; border-radius: 14px; }
.ui-092 .settings-group h3 { margin-bottom: 16px; }
.ui-092 .page-grid.settings-layout { grid-template-columns: minmax(0,1fr) minmax(280px,320px); gap: 20px; }
.ui-092 .page-settings .form-panel > .section-heading { margin-bottom: 20px; }
.ui-092 .page-settings .export-panel .btn + .btn { margin-top: 8px; }

/* Dashboard current-project card: label/value rows stay aligned and may wrap. */
.ui-092.page-dashboard .dashboard-project-overview {
    display: grid;
    grid-template-columns: minmax(300px,.95fr) minmax(0,1.45fr) auto;
    gap: 22px;
    align-items: center;
}
.ui-092.page-dashboard .dashboard-project-identity { display:flex; align-items:center; gap:14px; min-width:0; }
.ui-092.page-dashboard .dashboard-project-identity > div:last-child { min-width:0; }
.ui-092.page-dashboard .brand-project-monogram {
    display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px;
    border-radius:14px; color:#fff; background:linear-gradient(135deg,#2b83f6,#6558e8);
    font-size:20px; font-weight:800;
}
.ui-092.page-dashboard .dashboard-project-identity h2 { margin:4px 0 5px; font-size:20px; line-height:1.35; white-space:normal; overflow-wrap:anywhere; }
.ui-092.page-dashboard .dashboard-project-identity p { margin:0; color:var(--ui-muted); line-height:1.55; }
.ui-092.page-dashboard .dashboard-project-overview dl {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; margin:0;
}
.ui-092.page-dashboard .dashboard-project-overview dl > div {
    display:grid; grid-template-columns:72px minmax(0,1fr); gap:10px; align-items:start;
    padding:8px 0; border-bottom:1px solid var(--ui-border); background:transparent; border-radius:0;
}
.ui-092.page-dashboard .dashboard-project-overview dl > div:nth-last-child(-n+2) { border-bottom:0; }
.ui-092.page-dashboard .dashboard-project-overview dt { margin:0; color:var(--ui-muted); font-size:12px; line-height:1.6; }
.ui-092.page-dashboard .dashboard-project-overview dd { margin:0; color:var(--ui-text); font-size:13px; font-weight:650; line-height:1.6; white-space:normal; overflow-wrap:anywhere; }

/* Brand project cards: remove legacy .status-line dimensions and lock footer alignment. */
.ui-092.page-projects .project-center { gap:18px; }
.ui-092.page-projects .project-center-hero { padding:24px; }
.ui-092.page-projects .brand-project-grid { align-items:stretch; gap:18px; }
.ui-092.page-projects .brand-project-card { grid-template-rows:auto auto minmax(0,1fr) auto; gap:16px; padding:20px; }
.ui-092.page-projects .brand-project-card-head { align-items:flex-start; }
.ui-092.page-projects .brand-project-title { flex:1 1 auto; min-width:0; }
.ui-092.page-projects .status-line { width:auto; height:auto; min-height:24px; background:transparent; border-radius:0; }
.ui-092.page-projects .brand-project-title h3 { margin:8px 0 5px; white-space:normal; overflow:visible; line-height:1.4; }
.ui-092.page-projects .brand-project-title p { white-space:normal; overflow-wrap:anywhere; line-height:1.5; }
.ui-092.page-projects .brand-project-summary { gap:10px 12px; }
.ui-092.page-projects .brand-project-summary > div { min-height:68px; display:flex; flex-direction:column; justify-content:center; padding:11px 12px; }
.ui-092.page-projects .brand-project-summary dd { white-space:normal; overflow-wrap:anywhere; line-height:1.45; }
.ui-092.page-projects .token-row { align-content:flex-start; }
.ui-092.page-projects .brand-project-actions { margin-top:auto; padding-top:14px; }

/* GEO report: KPI cards and analysis blocks form a predictable dashboard grid. */
.ui-092.page-geo-report .geo-report-page-v87 { gap:18px; }
.ui-092.page-geo-report .geo-report-hero-v87 { padding:24px; align-items:center; }
.ui-092.page-geo-report .geo-kpi-grid-v87 { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ui-092.page-geo-report .geo-kpi-grid-v87 > article { min-height:104px; display:flex; flex-direction:column; justify-content:center; padding:16px 18px; }
.ui-092.page-geo-report .geo-kpi-grid-v87 > article span,
.ui-092.page-geo-report .geo-kpi-grid-v87 > article small { display:block; }
.ui-092.page-geo-report .geo-kpi-grid-v87 > article strong { display:block; margin:6px 0 4px; line-height:1.1; }
.ui-092.page-geo-report .geo-report-two-col-v87 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }

/* Content center: the workflow is a component, not a second page canvas. */
.ui-092.page-content .content-page-v83 { display:grid; gap:18px; }
.ui-092.page-content .content-generation-panel-v83 { margin:0; }
.ui-092.page-content .content-workflow-v106 {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px;
    width:100%; margin:0; padding:0;
}
.ui-092.page-content .content-workflow-v106 article {
    display:grid; grid-template-columns:34px minmax(0,1fr); gap:12px; align-items:start;
    min-width:0; padding:16px; border:1px solid var(--ui-border); border-radius:13px; background:#fff;
}
.ui-092.page-content .content-workflow-v106 article b {
    display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:var(--ui-brand); background:var(--ui-brand-soft);
}
.ui-092.page-content .content-workflow-v106 article strong,
.ui-092.page-content .content-workflow-v106 article span { display:block; }
.ui-092.page-content .content-workflow-v106 article span { margin-top:5px; color:var(--ui-muted); font-size:12px; line-height:1.55; }
.ui-092.page-content .content-workflow-v106 > i { display:none; }
.ui-092.page-content .stage-overview-v83 { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:0; }
.ui-092.page-content .stage-overview-v83 > div { padding:16px; }
.ui-092.page-content .content-filter-panel-v83 { margin:0; }

/* Finance: cards and call-to-action spacing. */
.ui-092.page-finance-recharge .finance-recharge-layout { grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr); gap:20px; }
.ui-092.page-finance-recharge .recharge-create-panel,
.ui-092.page-finance-recharge .recharge-guide-panel { height:100%; }
.ui-092.page-finance-recharge .recharge-form-card { gap:16px; }
.ui-092.page-finance-recharge .payment-channel-picker { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:0; }
.ui-092.page-finance-recharge .payment-channel-picker legend { margin-bottom:2px; }
.ui-092.page-finance-recharge .channel-card { min-height:62px; grid-template-columns:40px minmax(0,1fr); grid-template-rows:1fr; gap:11px; padding:10px 12px; }
.ui-092.page-finance-recharge .channel-card > b { grid-row:auto; }
.ui-092.page-finance-recharge .channel-card strong { align-self:center; }
.ui-092.page-finance-recharge .recharge-guide-panel .process-list { margin-bottom:16px; }
.ui-092.page-finance-recharge .recharge-guide-panel > .btn + .btn { margin-top:10px; }

/* Search/filter bars: inputs on top, actions in a stable compact group. */
.ui-092.page-admin-projects .admin-project-filter-v106 {
    display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:end;
    margin-bottom:18px; padding:16px; border:1px solid var(--ui-border); border-radius:12px; background:var(--ui-surface-subtle);
}
.ui-092.page-admin-projects .admin-project-filter-v106 label { margin:0; }
.ui-092.page-admin-projects .admin-project-filter-v106 .filter-actions { justify-content:flex-end; }
.ui-092.page-admin-errors .system-error-filter-v96 {
    display:grid; grid-template-columns:minmax(300px,1.5fr) repeat(3,minmax(140px,.55fr)); gap:12px; align-items:end;
}
.ui-092.page-admin-errors .system-error-filter-actions-v106 { grid-column:1/-1; justify-content:flex-end; padding-top:2px; }

@media (max-width: 1180px) {
    .ui-092.page-dashboard .dashboard-project-overview { grid-template-columns:minmax(0,1fr) auto; }
    .ui-092.page-dashboard .dashboard-project-overview dl { grid-column:1/-1; }
    .ui-092.page-content .content-workflow-v106 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ui-092.page-finance-recharge .payment-channel-picker { grid-template-columns:1fr 1fr; }
    .ui-092.page-admin-errors .system-error-filter-v96 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ui-092.page-admin-errors .system-error-filter-v96 .filter-grow { grid-column:1/-1; }
}
@media (max-width: 900px) {
    .ui-092 .page-grid.settings-layout,
    .ui-092.page-finance-recharge .finance-recharge-layout,
    .ui-092.page-geo-report .geo-report-two-col-v87 { grid-template-columns:1fr; }
    .ui-092.page-geo-report .geo-kpi-grid-v87 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ui-092.page-projects .brand-project-grid { grid-template-columns:1fr; }
}
@media (max-width: 680px) {
    .ui-092 { --ui-card-pad:18px; }
    .ui-092 .content { padding:18px 14px 34px; }
    .ui-092.page-dashboard .dashboard-project-overview { grid-template-columns:1fr; }
    .ui-092.page-dashboard .dashboard-project-overview dl { grid-template-columns:1fr; }
    .ui-092.page-dashboard .dashboard-project-overview dl > div,
    .ui-092.page-dashboard .dashboard-project-overview dl > div:nth-last-child(-n+2) { border-bottom:1px solid var(--ui-border); }
    .ui-092.page-dashboard .dashboard-project-overview dl > div:last-child { border-bottom:0; }
    .ui-092.page-content .content-workflow-v106,
    .ui-092.page-content .stage-overview-v83,
    .ui-092.page-geo-report .geo-kpi-grid-v87,
    .ui-092.page-finance-recharge .payment-channel-picker,
    .ui-092.page-admin-projects .admin-project-filter-v106,
    .ui-092.page-admin-errors .system-error-filter-v96 { grid-template-columns:1fr; }
    .ui-092.page-admin-projects .admin-project-filter-v106 .filter-actions,
    .ui-092.page-admin-errors .system-error-filter-actions-v106 { grid-column:auto; justify-content:stretch; }
    .ui-092.page-admin-projects .filter-actions > *,
    .ui-092.page-admin-errors .filter-actions > * { flex:1 1 0; }
}