/*
 * AI-O admin consistency layer for the modular transition.
 *
 * This file intentionally loads after the historic Visibility and Search Ops
 * stylesheets. It removes page-level width caps and aligns shared surfaces
 * without rewriting the mature feature-specific layouts in this release.
 */

body.wp-admin .wrap.ai-o-optimiser-wrap,
body.wp-admin .wrap.ai-o-optimiser-schema-dash-wrap,
body.wp-admin .wrap.ai-o-optimiser-opportunities-wrap,
body.wp-admin .wrap.ai-o-optimiser-metadata-wrap {
	box-sizing: border-box;
	margin-right: 20px;
	max-width: none !important;
	padding-bottom: 72px;
	width: auto !important;
}

body.wp-admin .wrap.ai-o-optimiser-wrap *,
body.wp-admin .wrap.ai-o-optimiser-schema-dash-wrap *,
body.wp-admin .wrap.ai-o-optimiser-opportunities-wrap *,
body.wp-admin .wrap.ai-o-optimiser-metadata-wrap * {
	box-sizing: border-box;
}

body.wp-admin .wrap.ai-o-optimiser-wrap > h1,
body.wp-admin .wrap.ai-o-optimiser-schema-dash-wrap > h1,
body.wp-admin .wrap.ai-o-optimiser-opportunities-wrap > h1,
body.wp-admin .wrap.ai-o-optimiser-metadata-wrap > h1,
body.wp-admin .ai-o-optimiser-opportunities-header h1,
body.wp-admin .ai-o-optimiser-metadata-hero h1 {
	font-size: 26px;
	font-weight: 650;
	line-height: 1.2;
}

body.wp-admin .ai-o-optimiser-card,
body.wp-admin .ai-o-optimiser-priority-panel,
body.wp-admin .ai-o-optimiser-connect-card,
body.wp-admin .ai-o-optimiser-connection-card,
body.wp-admin .ai-o-optimiser-summary-card,
body.wp-admin .ai-o-optimiser-review-meta,
body.wp-admin .ai-o-optimiser-review-summary,
body.wp-admin .ai-o-optimiser-review-grid > details,
body.wp-admin .ai-o-optimiser-review-grid > div,
body.wp-admin .ai-o-optimiser-metadata-card,
body.wp-admin .ai-o-optimiser-metadata-help-strip,
body.wp-admin .ai-o-optimiser-metadata-control-strip,
body.wp-admin .ai-o-optimiser-metadata-empty-state {
	border-radius: 12px;
}

body.wp-admin .ai-o-optimiser-wrap input[type="text"],
body.wp-admin .ai-o-optimiser-wrap input[type="email"],
body.wp-admin .ai-o-optimiser-wrap input[type="url"],
body.wp-admin .ai-o-optimiser-wrap input[type="search"],
body.wp-admin .ai-o-optimiser-wrap input[type="number"],
body.wp-admin .ai-o-optimiser-wrap input[type="password"],
body.wp-admin .ai-o-optimiser-wrap select,
body.wp-admin .ai-o-optimiser-wrap textarea,
body.wp-admin .ai-o-optimiser-opportunities-wrap input[type="text"],
body.wp-admin .ai-o-optimiser-opportunities-wrap input[type="search"],
body.wp-admin .ai-o-optimiser-opportunities-wrap select,
body.wp-admin .ai-o-optimiser-opportunities-wrap textarea,
body.wp-admin .ai-o-optimiser-metadata-wrap input[type="text"],
body.wp-admin .ai-o-optimiser-metadata-wrap input[type="search"],
body.wp-admin .ai-o-optimiser-metadata-wrap input[type="number"],
body.wp-admin .ai-o-optimiser-metadata-wrap input[type="password"],
body.wp-admin .ai-o-optimiser-metadata-wrap select,
body.wp-admin .ai-o-optimiser-metadata-wrap textarea {
	border-radius: 7px;
	min-height: 36px;
}

body.wp-admin .ai-o-optimiser-wrap textarea,
body.wp-admin .ai-o-optimiser-opportunities-wrap textarea,
body.wp-admin .ai-o-optimiser-metadata-wrap textarea {
	min-height: 88px;
}

body.wp-admin .ai-o-optimiser-wrap .widefat,
body.wp-admin .ai-o-optimiser-opportunities-wrap .widefat,
body.wp-admin .ai-o-optimiser-metadata-wrap .widefat {
	border-radius: 10px;
	overflow: hidden;
}

body.wp-admin .ai-o-optimiser-settings-tab-nav,
body.wp-admin .ai-o-optimiser-metadata-wrap .nav-tab-wrapper {
	display: flex;
	gap: 6px;
	overflow-x: auto;
	padding-bottom: 2px;
	white-space: nowrap;
}

body.wp-admin .ai-o-optimiser-settings-tab-nav .nav-tab,
body.wp-admin .ai-o-optimiser-metadata-wrap .nav-tab {
	float: none;
	margin-left: 0;
}

body.wp-admin .ai-o-optimiser-opportunities-wrap .ai-o-optimiser-connection-settings,
body.wp-admin .ai-o-optimiser-opportunities-wrap .ai-o-optimiser-connect-card > div,
body.wp-admin .ai-o-optimiser-opportunities-header p,
body.wp-admin .ai-o-optimiser-schema-dash-wrap > h1 + .description,
body.wp-admin .ai-o-optimiser-wrap > h1 + .description {
	max-width: none !important;
}

body.wp-admin .ai-o-optimiser-opportunity-table-wrap,
body.wp-admin .ai-o-optimiser-schema-table,
body.wp-admin .ai-o-optimiser-metadata-table-wrap {
	max-width: 100%;
}

@media (max-width: 782px) {
	body.wp-admin .wrap.ai-o-optimiser-wrap,
	body.wp-admin .wrap.ai-o-optimiser-schema-dash-wrap,
	body.wp-admin .wrap.ai-o-optimiser-opportunities-wrap,
	body.wp-admin .wrap.ai-o-optimiser-metadata-wrap {
		margin-right: 10px;
		padding-bottom: 56px;
	}

	body.wp-admin .ai-o-optimiser-opportunities-header,
	body.wp-admin .ai-o-optimiser-connect-card,
	body.wp-admin .ai-o-optimiser-opportunity-toolbar,
	body.wp-admin .ai-o-optimiser-metadata-card-title-row {
		align-items: stretch;
		flex-direction: column;
	}
}


/* Persistent in-window product navigation. This stays visible while the user
 * scrolls long audit/settings screens and mirrors the four-area IA without
 * relying on the WordPress sidebar. */
body.wp-admin .ai-o-optimiser-global-nav-shell {
	position: sticky;
	top: 32px;
	z-index: 999;
	margin: 8px 20px 12px 2px;
}
body.wp-admin .ai-o-optimiser-global-nav {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 46px;
	padding: 8px 14px;
	background: rgba(255,255,255,.98);
	border: 1px solid var(--ai-o-optimiser-border, var(--aio-hair));
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
body.wp-admin .ai-o-optimiser-global-nav-brand { white-space: nowrap; }
body.wp-admin .ai-o-optimiser-global-nav nav {
	display: flex;
	align-items: center;
	gap: 4px;
	min-width: 0;
	overflow-x: auto;
	white-space: nowrap;
}
body.wp-admin .ai-o-optimiser-global-nav nav a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 11px;
	border-radius: 7px;
	color: var(--ai-o-optimiser-text, var(--aio-ink));
	font-weight: 600;
	text-decoration: none;
}
body.wp-admin .ai-o-optimiser-global-nav nav a:hover,
body.wp-admin .ai-o-optimiser-global-nav nav a:focus { background: var(--aio-ground); color: var(--aio-accent-ink); }
body.wp-admin .ai-o-optimiser-global-nav nav a.is-active { background: #e8f4fb; color: var(--aio-accent-ink); }
body.wp-admin .ai-o-optimiser-global-nav-role {
	margin-left: auto;
	padding: 3px 8px;
	border-radius: 999px;
	background: var(--aio-ground);
	color: var(--aio-muted);
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}
/* No longer nested inside .ai-o-optimiser-global-nav-shell: only the compact nav bar
   stays sticky. Keeping this verbose warning paragraph inside the sticky
   shell made the whole block (up to 200px+ on a phone, once the mobile
   flex-direction:column rule below stacks its lines) permanently pin to
   the top of the viewport, which read as scrolled content getting stuck
   behind/overlapping it. It now scrolls away normally like any other
   in-flow content. */
body.wp-admin .ai-o-optimiser-advanced-change-warning {
	display: flex;
	gap: 10px;
	align-items: baseline;
	margin: 6px 20px 12px 2px;
	padding: 8px 12px;
	border-left: 4px solid var(--aio-warn-edge);
	border-radius: 7px;
	background: var(--aio-warn-fill);
	color: var(--aio-muted);
}
body.wp-admin .ai-o-optimiser-advanced-change-warning strong { white-space: nowrap; }
body.wp-admin .ai-o-optimiser-ga4-readonly-state { margin-top: 14px; }

@media (max-width: 782px) {
	body.wp-admin .ai-o-optimiser-global-nav-shell { top: 46px; margin-right: 10px; }
	body.wp-admin .ai-o-optimiser-global-nav { align-items: flex-start; flex-direction: column; gap: 6px; }
	body.wp-admin .ai-o-optimiser-global-nav nav { width: 100%; }
	body.wp-admin .ai-o-optimiser-global-nav-role { margin-left: 0; }
	body.wp-admin .ai-o-optimiser-advanced-change-warning { align-items: flex-start; flex-direction: column; gap: 2px; margin: 8px 10px 12px 2px; }
}


/* 1.17.14 critical metadata workflow layout — later-loaded cache guard. */
#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-workflow-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:34px;align-items:start}
#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-workflow-step-generate{border-left:1px solid var(--ai-o-optimiser-ui-border-soft, var(--aio-hair));padding-left:34px}
#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px;margin:14px 0 16px}
#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-choice{align-items:center;background:#fff;border:1px solid var(--aio-hair);border-radius:9px;box-sizing:border-box;display:flex;gap:9px;min-height:42px;padding:10px 12px;width:100%}
#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-generation-toggle{align-items:flex-start;background:var(--ai-o-optimiser-ui-surface-soft, var(--aio-ground));border:1px solid var(--aio-hair);border-radius:9px;display:flex;gap:10px;padding:12px 14px}
#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-generation-toggle>span{display:flex;flex-direction:column;gap:2px}
#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-generation-pace{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}
#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-generation-pace label{display:flex;flex-direction:column;gap:5px}
@media(max-width:1180px){#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-workflow-columns{grid-template-columns:1fr;gap:28px}#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-workflow-step-generate{border-left:0;border-top:1px solid var(--ai-o-optimiser-ui-border-soft, var(--aio-hair));padding-left:0;padding-top:28px}}
@media(max-width:782px){#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-choice-grid{grid-template-columns:1fr}#ai-o-optimiser-metadata-metadata-workflow .ai-o-optimiser-metadata-generation-pace{align-items:stretch;flex-direction:column}}