.dividend-company-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 26rem);
	grid-template-areas:
		"identity actions"
		"links links";
	gap: 1rem 1.25rem;
	padding: 1.15rem 1.25rem;
	border: 1px solid #d9dee5;
	border-radius: 8px;
	background: #fff;
}

.dividend-company-header__identity {
	grid-area: identity;
	min-width: 0;
}

.dividend-company-header .dividend-company-heading {
	display: block;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.dividend-company-ticker {
	display: inline-block;
	margin-left: .35rem;
	padding: .15rem .4rem;
	border: 1px solid #d9dee5;
	border-radius: 4px;
	font-family: SFMono-Regular, Consolas, "Liberation Mono", monospace;
	font-size: .75rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: .02em;
	vertical-align: middle;
	white-space: nowrap;
	color: #64748b;
}

.dividend-company-header .dividend-company-quote {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .45rem;
	margin-top: .6rem;
}

.dividend-company-price {
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.1;
	color: #111827;
}

.dividend-company-price--unavailable {
	font-size: 1rem;
	font-weight: 600;
	color: #64748b;
}

.dividend-company-currency {
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .04em;
	color: #64748b;
}

.dividend-company-change {
	display: inline-block;
	padding: .2rem .45rem;
	border-radius: 4px;
	font-size: .82rem;
	font-weight: 600;
}

.dividend-company-change.is-positive {
	background: #ecfdf3;
	color: #166534;
}

.dividend-company-change.is-negative {
	background: #fef2f2;
	color: #b91c1c;
}

.dividend-company-change.is-neutral,
.dividend-company-change.is-unavailable {
	background: #f1f5f9;
	color: #475569;
}

.dividend-company-updated {
	display: block;
	margin-top: .4rem;
	font-size: .78rem;
	color: #64748b;
}

.dividend-company-header__actions {
	display: flex;
	grid-area: actions;
	flex-wrap: wrap;
	min-width: 0;
	align-items: stretch;
	gap: .5rem;
	align-self: start;
}

.dividend-company-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: .45rem .8rem;
	white-space: normal;
	max-width: 100%;
	gap: .35rem;
}

.dividend-company-action small {
	display: block;
	font-size: .75rem;
}

.dividend-company-action-help {
	flex-basis: 100%;
}

.dividend-company-market-links {
	display: flex;
	grid-area: links;
	flex-wrap: wrap;
	align-items: center;
	gap: .25rem .75rem;
	padding-top: .7rem;
	border-top: 1px solid #e5e7eb;
	font-size: .8rem;
	color: #64748b;
}

.dividend-company-market-links a {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	color: #475569;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.dividend-company-market-links a:focus-visible,
.dividend-company-action:focus-visible {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}

body.dark-mode .dividend-company-header,
.theme-dark .dividend-company-header {
	border-color: #454b52;
	background: #30353b;
}

body.dark-mode .dividend-company-heading,
.theme-dark .dividend-company-heading,
body.dark-mode .dividend-company-price,
.theme-dark .dividend-company-price {
	color: #f3f4f6;
}

body.dark-mode .dividend-company-ticker,
.theme-dark .dividend-company-ticker,
body.dark-mode .dividend-company-currency,
.theme-dark .dividend-company-currency,
body.dark-mode .dividend-company-updated,
.theme-dark .dividend-company-updated,
body.dark-mode .dividend-company-market-links,
.theme-dark .dividend-company-market-links {
	color: #cbd5e1;
}

body.dark-mode .dividend-company-price--unavailable,
.theme-dark .dividend-company-price--unavailable,
body.dark-mode .dividend-company-change.is-unavailable,
.theme-dark .dividend-company-change.is-unavailable {
	color: #cbd5e1;
}

body.dark-mode .dividend-company-change.is-positive,
.theme-dark .dividend-company-change.is-positive {
	background: #164e33;
	color: #bbf7d0;
}

body.dark-mode .dividend-company-change.is-negative,
.theme-dark .dividend-company-change.is-negative {
	background: #5b2626;
	color: #fecaca;
}

body.dark-mode .dividend-company-change.is-neutral,
.theme-dark .dividend-company-change.is-neutral,
body.dark-mode .dividend-company-change.is-unavailable,
.theme-dark .dividend-company-change.is-unavailable {
	background: #46505a;
	color: #e2e8f0;
}

body.dark-mode .dividend-company-market-links,
.theme-dark .dividend-company-market-links {
	border-color: #454b52;
}

body.dark-mode .dividend-company-market-links a,
.theme-dark .dividend-company-market-links a {
	color: #cbd5e1;
}

body.dark-mode .dividend-company-ticker,
.theme-dark .dividend-company-ticker {
	border-color: #62707e;
}

body.dark-mode .dividend-company-header .btn-outline-secondary,
.theme-dark .dividend-company-header .btn-outline-secondary {
	border-color: #62707e;
	color: #e2e8f0;
}

body.dark-mode .dividend-company-header .btn-outline-secondary:hover,
.theme-dark .dividend-company-header .btn-outline-secondary:hover {
	background: #3b444e;
	color: #fff;
}

@media (max-width: 1199.98px) {
	.dividend-company-header {
		grid-template-columns: 1fr;
		grid-template-areas:
			"identity"
			"actions"
			"links";
		gap: .8rem;
		padding: .9rem 1rem;
	}

	.dividend-company-header .dividend-company-heading {
		font-size: 1.35rem;
	}

	.dividend-company-header__actions {
		width: 100%;
	}

	.dividend-company-action {
		min-height: 44px;
		flex: 0 1 auto;
	}

	.dividend-company-market-links {
		gap: .2rem .6rem;
	}

	.dividend-company-market-links > span {
		display: none;
	}

	.dividend-company-market-links a {
		min-height: 32px;
	}
}

/* Full labels remain visible; only the history table scrolls on wider screens. */
.dividend-company-tabs.nav-tabs,
.dividend-company-personal-tabs {
	flex-wrap: wrap;
	overflow: visible;
	min-width: 0;
	gap: .2rem 0;
}
.dividend-company-tabs .nav-link,
.dividend-company-personal-tabs .nav-link {
	min-height: 44px;
	white-space: normal;
	padding: .65rem .7rem;
}
.dividend-company-personal-tabs {
	font-size: .9rem;
}
@media (max-width: 575.98px) {
	.dividend-company-header__actions .dividend-company-action {
		flex: 1 1 calc(50% - .5rem);
		font-size: .9rem;
		padding: .45rem .5rem;
	}
	.dividend-company-tabs.nav-tabs .nav-item {
		flex: 1 1 50%;
	}
	.dividend-company-tabs.nav-tabs .nav-link {
		white-space: normal;
	}
}

/* Company identity stays compact; the dividend summary follows the company tabs. */
.company-page { max-width: 1200px; margin: 0 auto; }
.company-identity { margin-bottom: 20px; }
.company-identity .dividend-company-heading { margin: 0 0 8px; font-size: clamp(26px, 3vw, 32px); }
.company-identity .company-brand { width: 36px; height: 36px; flex-basis: 36px; }
.company-quote-line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
.company-quote-line strong { font-size: 18px; }
.company-quote-line > small { flex-basis: 100%; }
.company-quote-line .company-quote-meta { color: var(--ui-muted); font-size: 12px; }
.company-quote-line .company-quote-meta::before { content: '· '; }
.company-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 16px; }
.company-more { position: relative; min-width: 88px; }
.company-more > summary { display: flex; align-items: center; justify-content: center; gap: 12px; cursor: pointer; min-height: 44px; padding: 8px 12px; border: 1px solid var(--ui-line); border-radius: 6px; list-style: none; }
.company-more > summary::-webkit-details-marker { display: none; }
.company-more > summary::after { content: ''; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
.company-more[open] > summary { background: var(--ui-surface); }
.company-more[open] > summary::after { transform: translateY(2px) rotate(225deg); }
.company-more__items { position: absolute; top: calc(100% + 6px); right: 0; z-index: 1040; display: grid; width: 224px; max-width: calc(100vw - 32px); max-height: min(440px, 65vh); overflow-y: auto; padding: 6px; background: var(--ui-surface); border: 1px solid var(--ui-line); border-radius: 8px; box-shadow: 0 8px 24px rgba(15, 23, 42, .14); }
.company-more__items a { display: flex; align-items: center; justify-content: space-between; min-height: 40px; padding: 8px 10px; border-radius: 4px; font-size: 14px; color: var(--ui-ink) !important; }
.company-more__items a:hover, .company-more__items a:focus-visible { background: var(--ui-page); text-decoration: none; }
.company-more__items a[target="_blank"]::after { content: '↗'; color: var(--ui-muted); }
.company-more__items > span { margin-top: 6px; padding: 10px 10px 4px; border-top: 1px solid var(--ui-line); font-size: 12px; }
.company-content-tabs.dividend-company-tabs.nav-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; gap: 0; margin: 0 0 20px; }
.company-content-tabs.dividend-company-tabs.nav-tabs .nav-item { flex: 0 0 auto; }
.company-content-tabs.dividend-company-tabs.nav-tabs .nav-link { white-space: nowrap; padding: 10px 12px; font-size: 14px; }
.company-page .dividend-summary { padding: 14px 16px; background: var(--ui-surface); border: 1px solid var(--ui-line); }
@media(max-width:767.98px) {
    .company-identity { margin-bottom: 10px; }
    .company-identity .dividend-company-heading { margin-bottom: 4px; }
    .company-page .dividend-summary { padding: 10px 12px; gap: 10px; }
    .company-page .dividend-summary h2 { font-size: 18px; }
    .company-quote-line { gap: 2px 8px; line-height: 1.35; }
    .company-quote-line strong { font-size: 17px; }
    .company-quote-line > small { flex-basis: auto; }
    .company-quote-line .company-quote-meta::before { content: ''; }
    .company-toolbar { gap: 6px; margin-bottom: 10px; }
    .company-toolbar .btn, .company-more > summary { min-height: 40px; padding: 6px 9px; }
    .company-content-tabs.dividend-company-tabs.nav-tabs .nav-link { padding-right: 10px; padding-left: 10px; }
}

.company-identity-name{min-width:0;overflow-wrap:anywhere}.dividend-company-heading{flex-wrap:wrap}.company-identity-name{flex:0 1 auto}
@media(max-width:575px){.company-identity-name{max-width:calc(100% - 56px)}.dividend-company-heading:has(.company-identity-name) .company-identity-name{font-size:clamp(22px,6vw,28px)}}