/* Local24 platform interaction language. Public operator pages do not opt in. */
:root {
	--l24-control-height-s: 32px;
	--l24-control-height-m: 40px;
	--l24-control-height-l: 48px;
	--l24-control-radius: 10px;
	--l24-control-radius-pill: 999px;
	--l24-control-border-width: 1px;
	--l24-control-border: color-mix(in srgb, var(--local24-petrol) 22%, var(--local24-line));
	--l24-control-surface: var(--local24-panel);
	--l24-control-surface-soft: color-mix(in srgb, var(--local24-petrol) 5%, var(--local24-panel));
	--l24-control-primary: var(--local24-petrol);
	--l24-control-primary-hover: var(--local24-petrol-dark);
	--l24-control-primary-active: color-mix(in srgb, var(--local24-petrol-dark) 88%, #000000);
	--l24-control-disabled: #b8c7cc;
	--l24-control-gap: 8px;
	--l24-control-padding-s: 10px;
	--l24-control-padding-m: 14px;
	--l24-control-padding-l: 18px;
	--l24-control-icon-s: 14px;
	--l24-control-icon-m: 18px;
	--l24-control-icon-l: 22px;
	--l24-toolbar-target: var(--l24-control-height-s);
	--l24-toolbar-target-touch: 44px;
	--l24-control-shadow-primary: 0 6px 16px color-mix(in srgb, var(--local24-petrol) 20%, transparent);
	--l24-control-focus: color-mix(in srgb, var(--local24-orange) 72%, #ffffff);
}

/* Compact native single choice for assistant decisions and ordinary platform forms. */
.l24-radio-group { display:grid; gap:var(--l24-control-gap); min-width:0; margin:0; padding:0; border:0; width:100%; }
.l24-radio-group--inline { display:flex; flex-wrap:wrap; column-gap:var(--l24-control-padding-m); }
.l24-radio-group legend { margin-block-end:var(--l24-control-gap); padding:0; font:inherit; }
.l24-radio-group .l24-radio-option { display:flex; align-items:center; gap:var(--l24-control-gap); min-height:var(--l24-control-height-m); margin:0; cursor:pointer; color:inherit; font:inherit; }
.l24-radio-group .l24-radio-option input[type="radio"] { appearance:auto; position:static; display:block; flex:0 0 auto; width:var(--l24-control-icon-m); height:var(--l24-control-icon-m); min-height:0; margin:0; padding:0; border:0; accent-color:var(--l24-control-primary); box-shadow:none; }
.l24-radio-option>span { display:flex; flex-wrap:wrap; align-items:baseline; column-gap:var(--l24-control-gap); }
.l24-radio-option small { color:var(--local24-muted); }
.l24-radio-option:has(input:focus-visible) { outline:2px solid var(--l24-control-focus); outline-offset:2px; }

.l24-action,
.l24-icon-action,
.l24-segmented-control,
.l24-suggestion-chip,
.l24-split-action {
	box-sizing: border-box;
	font-family: var(--local24-ui-font);
}

.l24-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--l24-control-gap);
	min-height: var(--l24-control-height-m);
	padding: 0 var(--l24-control-padding-m);
	border: var(--l24-control-border-width) solid transparent;
	border-radius: var(--l24-control-radius);
	font-size: var(--l24-font-size-label);
	font-weight: var(--l24-font-weight-semibold);
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.l24-action.l24-action--s { min-height: var(--l24-control-height-s); padding-inline: var(--l24-control-padding-s); }
.l24-action[hidden], .l24-icon-action[hidden], .l24-split-action[hidden], .l24-suggestion-chip[hidden] { display: none; }
.l24-action.l24-action--m { min-height: var(--l24-control-height-m); padding-inline: var(--l24-control-padding-m); }
.l24-action.l24-action--l { min-height: var(--l24-control-height-l); padding-inline: var(--l24-control-padding-l); }
.l24-action.l24-action--pill { border-radius: var(--l24-control-radius-pill); }
.l24-action--primary { color: #fff; background: var(--l24-control-primary); border-color: var(--l24-control-primary); box-shadow: var(--l24-control-shadow-primary); }
.l24-action--primary:hover { color: #fff; background: var(--l24-control-primary-hover); border-color: var(--l24-control-primary-hover); }
.l24-action--primary:active { background: var(--l24-control-primary-active); border-color: var(--l24-control-primary-active); box-shadow: none; }
.l24-action--secondary { color: var(--local24-petrol); background: var(--l24-control-surface); border-color: var(--l24-control-border); box-shadow: none; }
.l24-action--secondary:hover { color: var(--local24-petrol-dark); background: var(--l24-control-surface-soft); border-color: var(--local24-petrol); }
.l24-action--secondary[aria-pressed="true"] {color:var(--local24-petrol-dark);background:var(--l24-control-surface-soft);border-color:var(--local24-petrol)}
.l24-action--quiet { color: var(--local24-petrol); background: transparent; border-color: transparent; box-shadow: none; }
.l24-action--quiet:hover { color: var(--local24-petrol-dark); background: var(--l24-control-surface-soft); }
.l24-action--danger { color: #9f2f2f; background: #fff; border-color: #e7bcbc; box-shadow: none; }
.l24-action--danger:hover { color: #7f1d1d; background: #fff1f1; border-color: #cf8f8f; }
.l24-action svg { width: var(--l24-control-icon-m); height: var(--l24-control-icon-m); stroke-width: 2; }

.l24-icon-action {
	display: inline-grid;
	place-items: center;
	flex: 0 0 auto;
	width: var(--l24-control-height-m);
	height: var(--l24-control-height-m);
	min-height: var(--l24-control-height-m);
	padding: 0;
	color: var(--local24-petrol);
	background: var(--l24-control-surface);
	border: var(--l24-control-border-width) solid var(--l24-control-border);
	border-radius: 50%;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}
.l24-icon-action.l24-icon-action--s { width: var(--l24-control-height-s); height: var(--l24-control-height-s); min-height: var(--l24-control-height-s); }
.l24-icon-action.l24-icon-action--m { width: var(--l24-control-height-m); height: var(--l24-control-height-m); min-height: var(--l24-control-height-m); }
.l24-icon-action.l24-icon-action--l { width: var(--l24-control-height-l); height: var(--l24-control-height-l); min-height: var(--l24-control-height-l); }
.l24-icon-action:hover,
.l24-icon-action.is-active,
details[open] > .l24-icon-action { color: var(--local24-petrol-dark); background: var(--l24-control-surface-soft); border-color: var(--local24-petrol); }
.l24-icon-action--primary { color: #fff; background: var(--l24-control-primary); border-color: var(--l24-control-primary); box-shadow: var(--l24-control-shadow-primary); }
.l24-icon-action--primary:hover { color: #fff; background: var(--l24-control-primary-hover); border-color: var(--l24-control-primary-hover); }
.l24-icon-action svg { width: var(--l24-control-icon-m); height: var(--l24-control-icon-m); stroke-width: 2; }
.l24-icon-action.l24-icon-action--s svg { width: var(--l24-control-icon-s); height: var(--l24-control-icon-s); }
.l24-icon-action.l24-icon-action--l svg { width: var(--l24-control-icon-l); height: var(--l24-control-icon-l); }

/* Dense tools share a field header instead of competing as individual CTAs. */
.l24-toolbar-action {
	display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
	box-sizing:border-box;width:var(--l24-toolbar-target);height:var(--l24-toolbar-target);min-height:var(--l24-toolbar-target);
	padding:0;border:0;border-radius:calc(var(--l24-control-radius) / 2);box-shadow:none;
	font:inherit;color:var(--local24-petrol);background:transparent;cursor:pointer;
}
.l24-toolbar-action svg {width:var(--l24-control-icon-s);height:var(--l24-control-icon-s);stroke-width:2;flex-shrink:0}
.l24-toolbar-action:hover,.l24-toolbar-action[aria-pressed=true],.l24-toolbar-action[aria-expanded=true] {color:var(--local24-petrol-dark);background:var(--l24-control-surface-soft)}
.l24-toolbar-action[aria-pressed=true] {background:color-mix(in srgb,var(--local24-petrol) 18%,var(--l24-control-surface));box-shadow:inset 0 0 0 1px var(--l24-control-border)}
.l24-toolbar-action[aria-pressed=mixed] {background:repeating-linear-gradient(135deg,var(--l24-control-surface-soft) 0 4px,var(--l24-control-surface) 4px 8px);box-shadow:inset 0 -2px 0 var(--local24-petrol)}
.l24-toolbar-action:focus-visible {outline:2px solid var(--l24-control-focus);outline-offset:-2px}
.l24-toolbar-action:disabled {opacity:.55;cursor:wait}
@media(max-width:600px),(any-pointer:coarse) {
	.l24-toolbar-action {--l24-toolbar-target:var(--l24-toolbar-target-touch)}
}

.l24-segmented-control {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 3px;
	background: var(--l24-control-surface-soft);
	border: var(--l24-control-border-width) solid var(--l24-control-border);
	border-radius: var(--l24-control-radius-pill);
	box-shadow: none;
}
.l24-segmented-control .l24-segmented-control__segment {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-height: calc(var(--l24-control-height-s) - 6px);
	padding: 0 9px;
	color: var(--local24-muted);
	background: transparent;
	border: 0;
	border-radius: var(--l24-control-radius-pill);
	box-shadow: none;
	font-size: var(--l24-font-size-caption);
	font-weight: var(--l24-font-weight-medium);
	line-height: 1;
	text-decoration: none;
}
.l24-segmented-control .l24-segmented-control__segment:hover { color: var(--local24-petrol); background: color-mix(in srgb, var(--local24-panel) 66%, transparent); }
.l24-segmented-control .l24-segmented-control__segment.is-active { color: var(--local24-petrol-dark); background: var(--local24-panel); box-shadow: 0 1px 4px color-mix(in srgb, var(--local24-petrol) 10%, transparent); }
.l24-segmented-control .l24-segmented-control__segment:disabled { color:var(--l24-control-disabled);background:transparent;box-shadow:none;cursor:not-allowed;opacity:.72; }
.l24-segmented-control__segment svg { width: var(--l24-control-icon-s); height: var(--l24-control-icon-s); stroke-width: 2; }

a.l24-suggestion-chip,
button.l24-suggestion-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: var(--l24-control-height-m);
	padding: 0 var(--l24-control-padding-m);
	color: var(--local24-petrol-dark);
	background: color-mix(in srgb, var(--local24-panel) 90%, transparent);
	border: var(--l24-control-border-width) solid var(--l24-control-border);
	border-radius: var(--l24-control-radius-pill);
	box-shadow: none;
	font-size: var(--l24-font-size-label);
	font-weight: var(--l24-font-weight-semibold);
	line-height: 1;
	text-decoration: none;
}
a.l24-suggestion-chip:hover,
button.l24-suggestion-chip:hover { color: var(--local24-petrol-dark); background: var(--l24-control-surface-soft); border-color: var(--local24-petrol); }
.l24-suggestion-chip svg { width: var(--l24-control-icon-m); height: var(--l24-control-icon-m); stroke-width: 2; }

.l24-split-action {
	display: inline-flex;
	align-items: stretch;
	min-height: var(--l24-control-height-m);
	border-radius: var(--l24-control-radius);
	box-shadow: var(--l24-control-shadow-primary);
}
.l24-split-action--s { min-height: var(--l24-control-height-s); }
.l24-split-action .l24-split-action__primary {
	min-height: inherit;
	border-radius: var(--l24-control-radius) 0 0 var(--l24-control-radius);
	box-shadow: none;
}
.l24-split-action .l24-split-action__toggle {
	display: inline-grid;
	place-items: center;
	width: var(--l24-control-height-m);
	min-height: inherit;
	padding: 0;
	color: #fff;
	background: var(--l24-control-primary);
	border: var(--l24-control-border-width) solid var(--l24-control-primary);
	border-left-color: color-mix(in srgb, #ffffff 34%, transparent);
	border-radius: 0 var(--l24-control-radius) var(--l24-control-radius) 0;
}
.l24-split-action--s .l24-split-action__toggle { width: var(--l24-control-height-s); }
.l24-split-action .l24-split-action__toggle:hover,
.l24-split-action .l24-split-action__toggle[aria-expanded="true"] { background: var(--l24-control-primary-hover); border-color: var(--l24-control-primary-hover); border-left-color: color-mix(in srgb, #ffffff 34%, transparent); }
.l24-split-action__toggle svg { width: var(--l24-control-icon-s); height: var(--l24-control-icon-s); stroke-width: 2; }

/*
 * Horizontal accordion
 *
 * A compact row of icon actions in which exactly one action may grow into a
 * connected content control. Product views provide only content and optional
 * surface variables; geometry and state styling stay in this primitive.
 */
.l24-horizontal-accordion {
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 6px;
	max-width: 100%;
}

.l24-horizontal-accordion__item {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 0;
	min-width: 0;
	height: var(--l24-control-height-m);
	box-sizing: border-box;
	border: var(--l24-control-border-width) solid transparent;
	border-radius: var(--l24-control-radius-pill);
	transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.l24-horizontal-accordion__item.is-open {
	overflow: hidden;
	background: var(--l24-horizontal-accordion-surface, var(--l24-control-surface));
	border-color: var(--l24-horizontal-accordion-border, var(--l24-control-border));
	box-shadow: var(--l24-horizontal-accordion-shadow, 0 14px 34px color-mix(in srgb, var(--local24-petrol) 12%, transparent));
}

.l24-horizontal-accordion__item--wide.is-open {
	border-radius: var(--l24-control-radius-pill);
}

.l24-horizontal-accordion__toggle.is-active {
	color: var(--local24-petrol-dark);
	background: var(--l24-control-surface-soft);
	border-color: var(--local24-petrol);
}

.l24-horizontal-accordion__closed { display: grid; place-items: center; }
.l24-horizontal-accordion__closed > span { display: grid; place-items: center; }
.l24-horizontal-accordion__closed > span[hidden] { display: none; }
.l24-horizontal-accordion__open { display: none; align-items: center; gap: var(--l24-control-gap); white-space: nowrap; }
.l24-horizontal-accordion__open b { color: inherit; font-size: var(--l24-font-size-label); }

.l24-horizontal-accordion__item.is-open .l24-horizontal-accordion__toggle {
	order: 0;
	width: auto;
	min-width: 0;
	height: calc(var(--l24-control-height-m) - (2 * var(--l24-control-border-width)));
	min-height: calc(var(--l24-control-height-m) - (2 * var(--l24-control-border-width)));
	padding: 0 var(--l24-control-padding-s);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.l24-horizontal-accordion__item.is-open .l24-horizontal-accordion__closed { display: none; }
.l24-horizontal-accordion__item.is-open .l24-horizontal-accordion__open { display: inline-flex; }

.l24-horizontal-accordion__panel {
	display: grid;
	order: 1;
	flex: 0 1 auto;
	min-width: 0;
	height: calc(var(--l24-control-height-m) - (2 * var(--l24-control-border-width)));
	box-sizing: border-box;
	align-items: center;
	padding: 2px 6px;
	color: var(--l24-horizontal-accordion-text, var(--local24-muted));
	background: transparent;
	border: 0;
	border-left: var(--l24-control-border-width) solid var(--l24-horizontal-accordion-divider, var(--l24-control-border));
	border-radius: 0;
	box-shadow: none;
	transform-origin: right center;
}

.l24-horizontal-accordion__panel[hidden] { display: none; }

/* Reusable platform popup for compact information and decision overviews. */
body.l24-popup-open { overflow: hidden; }

.l24-popup[hidden] { display: none; }
.l24-popup {
	position: fixed;
	inset: 0;
	z-index: 100;
	display: grid;
	place-items: center;
	padding: 24px;
}

.l24-popup__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15,23,42,.38);
	backdrop-filter: blur(4px);
}

.l24-popup__dialog {
	position: relative;
	z-index: 1;
	width: min(640px, 100%);
	max-height: min(760px, calc(100vh - 48px));
	overflow: auto;
	box-sizing: border-box;
	padding: 28px;
	color: var(--local24-ink);
	background: var(--local24-panel);
	border: var(--l24-control-border-width) solid var(--l24-control-border);
	border-radius: calc(var(--l24-control-radius) + 4px);
	box-shadow: 0 24px 70px rgba(15,23,42,.24);
}

.l24-popup__close {
	position: absolute;
	top: 12px;
	right: 12px;
}

.l24-popup__eyebrow {
	margin: 0 42px 6px 0;
	color: var(--local24-petrol);
	font-size: var(--l24-font-size-caption);
	font-weight: var(--l24-font-weight-semibold);
	letter-spacing: .05em;
	text-transform: uppercase;
}

.l24-popup__title {
	margin: 0 42px 8px 0;
	color: var(--local24-ink);
	font-size: var(--l24-font-size-h3);
	line-height: var(--l24-line-height-h3);
}

.l24-popup__intro { margin: 0 42px 20px 0; color: var(--local24-muted); }
.l24-popup__list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.l24-popup__list li { display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; gap: 10px; padding: 10px; border-radius: var(--l24-control-radius); background: var(--l24-control-surface-soft); }
.l24-popup__list li.is-active { box-shadow: inset 3px 0 0 var(--l24-control-primary); }
.l24-popup__list li > svg { width: var(--l24-control-icon-m); height: var(--l24-control-icon-m); color: var(--local24-petrol); }
.l24-popup__list li > span { display: grid; gap: 2px; }
.l24-popup__list strong { color: var(--local24-ink); font-size: var(--l24-font-size-label); }
.l24-popup__list small { color: var(--local24-muted); font-size: var(--l24-font-size-caption); }

.l24-action:focus-visible,
label.l24-action:has(input[type="file"]:focus-visible),
.l24-icon-action:focus-visible,
.l24-horizontal-accordion__toggle:focus-visible,
.l24-popup__close:focus-visible,
.l24-segmented-control__segment:focus-visible,
.l24-suggestion-chip:focus-visible,
.l24-split-action__toggle:focus-visible {
	outline: 3px solid var(--l24-control-focus);
	outline-offset: 2px;
}

.l24-action:disabled,
.l24-icon-action:disabled,
.l24-suggestion-chip:disabled,
.l24-split-action__toggle:disabled,
.l24-action[aria-disabled="true"],
.l24-icon-action[aria-disabled="true"] {
	color: #fff;
	background: var(--l24-control-disabled);
	border-color: var(--l24-control-disabled);
	box-shadow: none;
	cursor: not-allowed;
	opacity: .72;
}

.l24-icon-action.is-active,
details[open] > .l24-icon-action,
.l24-icon-action[aria-pressed="true"] {
	color: var(--l24-control-primary);
	background: var(--l24-control-surface-soft);
	border-color: color-mix(in srgb, var(--l24-control-primary) 42%, var(--l24-control-border));
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--l24-control-primary) 8%, transparent);
}

/* Reusable quiet controls over media. */
.l24-icon-action.l24-icon-action--glass:not(:disabled) {color:#fff;background:#00000026;border-color:#ffffff30;box-shadow:none}
.l24-icon-action.l24-icon-action--glass:not(:disabled):hover {background:#00000066;border-color:#ffffff70}
.l24-icon-action--glass svg {filter:drop-shadow(0 1px 1px #0008)}

.l24-action--secondary.is-loading:disabled,
.l24-action--quiet.is-loading:disabled,
.l24-icon-action.is-loading:disabled {
	color: var(--l24-control-primary);
	background: var(--l24-control-surface-soft);
	border-color: color-mix(in srgb, var(--l24-control-primary) 42%, var(--l24-control-border));
	box-shadow: none;
	cursor: progress;
	opacity: 1;
}

.l24-icon-action.is-loading svg { animation: l24-control-pulse .9s ease-in-out infinite alternate; }

@keyframes l24-control-pulse {
	from { opacity: .45; transform: scale(.9); }
	to { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.l24-action,
	.l24-icon-action,
	.l24-horizontal-accordion__item { transition: none; }
	.l24-icon-action.is-loading svg { animation: none; }
}

@media (max-width: 560px) {
	.l24-popup { padding: 12px; }
	.l24-popup__dialog { max-height: calc(100vh - 24px); padding: 22px 18px; }
}

/* Existing 44px touch target token also owns compact actions and chat controls. */
@media(max-width:600px),(any-pointer:coarse){
 .l24-action:not(.l24-action--l){min-height:var(--l24-toolbar-target-touch)}
 .l24-icon-action:not(.l24-icon-action--l){width:var(--l24-toolbar-target-touch);height:var(--l24-toolbar-target-touch);min-height:var(--l24-toolbar-target-touch)}
 .l24-segmented-control>button.l24-segmented-control__segment{min-height:var(--l24-toolbar-target-touch);min-width:var(--l24-toolbar-target-touch)}
 a.l24-suggestion-chip,button.l24-suggestion-chip{min-height:var(--l24-toolbar-target-touch)}
}

/* Shared close-icon geometry, also used on themed operator content. */
button.l24-close-control{box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 32px;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;border:1px solid color-mix(in srgb,currentColor 18%,transparent)!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;cursor:pointer;line-height:1}
button.l24-close-control>svg{display:block;width:18px!important;height:18px!important;flex:none;pointer-events:none}
button.l24-close-control:hover{background:color-mix(in srgb,currentColor 7%,transparent)!important}
button.l24-close-control:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.editor-button-row>button.l24-close-control{margin-left:auto}
@media(pointer:coarse){button.l24-close-control{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;flex-basis:44px}}
.l24-text-allowance-status{display:grid;gap:4px;min-width:112px;max-width:100%;text-align:left}
.l24-text-allowance-status>span{display:flex;justify-content:space-between;gap:12px;font-size:var(--l24-font-size-caption);color:var(--local24-muted)}
.l24-text-allowance-status progress{display:block;width:100%;height:8px;appearance:none;border:0;border-radius:var(--l24-control-radius-pill);overflow:hidden;background:var(--local24-line);accent-color:var(--local24-petrol)}
.l24-text-allowance-status progress::-webkit-progress-bar{background:var(--local24-line)}
.l24-text-allowance-status progress::-webkit-progress-value{background:var(--local24-petrol)}
.l24-text-allowance-status progress::-moz-progress-bar{background:var(--local24-petrol)}