/* AgentMetal Cloud: brand layer over the stock Skyline 2024.1 console.
   Skyline's own classes are CSS modules with build hashes, so they are matched with
   [class*="name--"] prefixes. Palette and fonts mirror apps/web/assets/style.css. */
@font-face { font-family: "IBM Plex Mono"; src: url(/am/fonts/ibmplexmono-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url(/am/fonts/ibmplexmono-latin-500-normal.woff2) format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url(/am/fonts/ibmplexmono-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url(/am/fonts/instrumentserif-latin-400-normal.woff2) format("woff2"); font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url(/am/fonts/instrumentserif-latin-400-italic.woff2) format("woff2"); font-style: italic; font-display: swap; }

:root {
  --am-bg: #060807; --am-bg-2: #0b100d; --am-bg-3: #101713;
  --am-ink: #e9f3ec; --am-mut: #8da69a; --am-dim: #5c7269;
  --am-grn: #34f5a2; --am-grn-hover: #6af8ba; --am-grn-soft: rgba(52, 245, 162, 0.12);
  --am-grn-ink: #0a8a57;            /* green that passes contrast on white */
  --am-line: rgba(141, 166, 154, 0.16); --am-line-2: rgba(141, 166, 154, 0.3);
  --am-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;
  --am-serif: "Instrument Serif", "Times New Roman", serif;
}

/* ---------- Login ---------- */
[class*="index__container--"], [class*="index__left--"] { background: var(--am-bg) !important; color: var(--am-ink); }
[class*="index__left--"] { border-right: 1px solid var(--am-line); }
img[class*="index__logo--"] { height: 24px !important; width: auto !important; }
[class*="index__welcome--"] { font-family: var(--am-serif) !important; font-weight: 400 !important; font-synthesis: none; font-size: 36px !important; line-height: 1.12 !important; color: var(--am-ink) !important; letter-spacing: 0.005em; }
[class*="index__left--"] .ant-input,
[class*="index__left--"] .ant-input-affix-wrapper,
[class*="index__left--"] .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: var(--am-bg-2) !important; border-color: var(--am-line-2) !important; color: var(--am-ink) !important;
}
[class*="index__left--"] .ant-input::placeholder,
[class*="index__left--"] .ant-select-selection-placeholder { color: var(--am-dim) !important; }
[class*="index__left--"] .ant-select-arrow,
[class*="index__left--"] .ant-input-suffix,
[class*="index__left--"] .anticon { color: var(--am-mut) !important; }
[class*="index__left--"] .ant-input:focus,
[class*="index__left--"] .ant-input-affix-wrapper-focused,
[class*="index__left--"] .ant-select-focused .ant-select-selector { border-color: var(--am-grn) !important; box-shadow: 0 0 0 2px var(--am-grn-soft) !important; }
[class*="index__left--"] .ant-form-item-explain-error { color: var(--am-amber, #ffb454); }
[class*="index__left--"] input:-webkit-autofill { -webkit-text-fill-color: var(--am-ink); -webkit-box-shadow: 0 0 0 1000px var(--am-bg-2) inset; }
.login-form-button { font-family: var(--am-mono) !important; font-weight: 600 !important; letter-spacing: 0.06em; }
[class*="index__right--"] { background: var(--am-bg) !important; }
[class*="index__full-image-front--"] { background: transparent !important; }
img[class*="index__login-full-image--"] { object-fit: cover !important; object-position: left center !important; }
img[class*="index__login-right-logo--"] { height: 22px !important; width: auto !important; opacity: 0.9; }

/* ---------- App chrome: header ---------- */
header.ant-layout-header,
header.ant-layout-header > [class*="index__header--"] { background: var(--am-bg) !important; border-bottom: 1px solid var(--am-line); color: var(--am-ink); }
[class*="index__global-nav-icon--"] { background: var(--am-bg-3) !important; border-right: 1px solid var(--am-line); }
[class*="index__logo--"] img { height: 22px !important; width: auto !important; }
[class*="index__logo--"] a { color: var(--am-ink) !important; }
[class*="index__project--"], [class*="index__project--"] span, [class*="index__project--"] .anticon { color: var(--am-ink) !important; }
[class*="index__domain--"] { color: var(--am-mut) !important; }
header.ant-layout-header [class*="index__right--"] .anticon,
header.ant-layout-header [class*="index__right--"] .ant-btn { color: var(--am-ink) !important; }
header.ant-layout-header .ant-avatar { background: var(--am-bg-3) !important; color: var(--am-grn) !important; }

/* ---------- App chrome: sidebar ---------- */
[class*="index__base-layout-sider--"], .ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub { background: var(--am-bg-2) !important; }
[class*="index__base-layout-sider--"] { border-right: 1px solid var(--am-line); }
.ant-menu-dark .ant-menu-inline.ant-menu-sub { background: var(--am-bg) !important; box-shadow: none !important; }
.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-submenu-title { color: var(--am-mut) !important; }
.ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-submenu-title:hover,
.ant-menu-dark .ant-menu-item:hover .anticon, .ant-menu-dark .ant-menu-submenu-title:hover .anticon { color: var(--am-ink) !important; }
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected,
.ant-menu-dark .ant-menu-item-selected { background: var(--am-grn-soft) !important; color: var(--am-grn) !important; box-shadow: inset 2px 0 0 var(--am-grn); }
.ant-menu-dark .ant-menu-item-selected::after { display: none !important; }
.ant-menu-dark .ant-menu-item-selected .anticon, .ant-menu-dark .ant-menu-item-selected span { color: var(--am-grn) !important; }
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title { color: var(--am-ink) !important; }
[class*="index__trigger--"] { background: var(--am-bg-3) !important; }

/* ---------- Accent colour on the light content area ---------- */
.ant-btn-primary { background: var(--am-grn) !important; border-color: var(--am-grn) !important; color: var(--am-bg) !important; text-shadow: none !important; font-weight: 500; }
.ant-btn-primary:hover, .ant-btn-primary:focus { background: var(--am-grn-hover) !important; border-color: var(--am-grn-hover) !important; color: var(--am-bg) !important; }
.ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: rgba(0, 0, 0, 0.25) !important; }
.ant-btn-default:hover, .ant-btn-default:focus { color: var(--am-grn-ink) !important; border-color: var(--am-grn-ink) !important; }
a, .ant-btn-link, .ant-typography a, .ant-dropdown-menu-item-selected { color: var(--am-grn-ink); }
a:hover, .ant-btn-link:hover { color: #0db06f; }
.ant-input:hover, .ant-input:focus, .ant-input-focused, .ant-input-affix-wrapper:hover, .ant-input-affix-wrapper-focused,
.ant-select:not(.ant-select-disabled):hover .ant-select-selector, .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector,
.ant-input-number:hover, .ant-input-number-focused { border-color: var(--am-grn-ink) !important; }
.ant-input:focus, .ant-input-focused, .ant-input-affix-wrapper-focused, .ant-input-number-focused,
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { box-shadow: 0 0 0 2px rgba(10, 138, 87, 0.15) !important; }
.ant-tabs-ink-bar { background: var(--am-grn-ink) !important; }
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .ant-tabs-tab:hover { color: var(--am-grn-ink) !important; }
.ant-checkbox-checked .ant-checkbox-inner, .ant-checkbox-indeterminate .ant-checkbox-inner::after,
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled), .ant-switch-checked,
.ant-steps-item-process .ant-steps-item-icon, .ant-slider-track { background: var(--am-grn-ink) !important; border-color: var(--am-grn-ink) !important; }
.ant-radio-checked .ant-radio-inner { border-color: var(--am-grn-ink) !important; }
.ant-radio-inner::after { background: var(--am-grn-ink) !important; }
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: #fff !important; }
.ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-pagination-item:hover { border-color: var(--am-grn-ink) !important; }
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) { background: rgba(10, 138, 87, 0.08) !important; }
.ant-spin-dot-item { background: var(--am-grn-ink) !important; }
.ant-spin { color: var(--am-grn-ink) !important; }
.ant-progress-bg { background: var(--am-grn-ink) !important; }
.ant-breadcrumb a:hover { color: var(--am-grn-ink) !important; }
.ant-table-thead > tr > th { font-family: var(--am-mono); font-size: 12px; letter-spacing: 0.03em; }