/**
 * AiDalil Skills — أنماط الواجهة العامة.
 * تعتمد كليًا على رموز تصميم الثيم --aidalil-* (dark/light تلقائي).
 * RTL-first مع دعم LTR عبر [dir=ltr].
 */

/* ===== 1) الهيرو والبحث ===== */
.adn-hero {
	background: linear-gradient(135deg, var(--aidalil-primary-soft), transparent 60%);
	border-block-end: 1px solid var(--aidalil-outline-variant);
	padding-block: 40px 32px;
}
.adn-hero--slim { padding-block: 24px; }
.adn-hero__title {
	font-size: clamp(1.5rem, 3.2vw, 2.2rem);
	margin: 0 0 8px;
	color: var(--aidalil-on-surface);
}
.adn-hero__sub { color: var(--aidalil-on-surface-variant); margin: 0 0 20px; }
.adn-hero__search { display: flex; gap: 8px; max-inline-size: 560px; }
.adn-hero__search input[type=search] {
	flex: 1;
	padding: 12px 16px;
	border-radius: 12px;
	border: 1px solid var(--aidalil-outline-strong);
	background: var(--aidalil-surface);
	color: var(--aidalil-on-surface);
	font: inherit;
}
.adn-hero__search input[type=search]:focus-visible {
	outline: 2px solid var(--aidalil-primary);
	outline-offset: 2px;
}

/* ===== 2) مسار التنقل ===== */
.adn-breadcrumbs { font-size: .85rem; color: var(--aidalil-on-surface-variant); display: flex; gap: 6px; align-items: center; }
.adn-breadcrumbs a { color: var(--aidalil-primary-strong); text-decoration: none; }
.adn-breadcrumbs a:hover { text-decoration: underline; }

/* ===== 3) شرائح المجالات ===== */
.adn-cats {
	display: flex; flex-wrap: wrap; gap: 8px;
	padding-block: 16px;
}
.adn-cat {
	padding: 6px 14px; border-radius: 999px;
	border: 1px solid var(--aidalil-outline);
	background: var(--aidalil-surface);
	color: var(--aidalil-on-surface-variant);
	font-size: .85rem; text-decoration: none;
}
.adn-cat:hover { border-color: var(--aidalil-primary); color: var(--aidalil-primary-strong); }
.adn-cat.is-active {
	background: var(--aidalil-primary);
	border-color: var(--aidalil-primary);
	color: var(--aidalil-on-primary);
}

/* ===== 4) التخطيط: فلاتر + نتائج ===== */
.adn-directory { display: grid; grid-template-columns: 260px 1fr; gap: 24px; align-items: start; }
.adn-filters {
	background: var(--aidalil-surface);
	border: 1px solid var(--aidalil-outline-variant);
	border-radius: 16px;
	padding: 18px;
	position: sticky; inset-block-start: 84px;
}
.adn-filters label { display: block; margin-block-end: 6px; }
.adn-filters select {
	inline-size: 100%;
	padding: 8px 10px;
	border-radius: 10px;
	border: 1px solid var(--aidalil-outline-strong);
	background: var(--aidalil-surface);
	color: var(--aidalil-on-surface);
}
.adn-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
}
.adn-grid--full { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }

/* ===== 5) كارت المهارة ===== */
.adn-card {
	background: var(--aidalil-surface);
	border: 1px solid var(--aidalil-outline-variant);
	border-radius: 16px;
	padding: 18px;
	display: flex; flex-direction: column; gap: 10px;
	box-shadow: var(--aidalil-e-1);
	transition: box-shadow .2s ease, transform .2s ease;
}
.adn-card:hover { box-shadow: var(--aidalil-e-2); transform: translateY(-2px); }
.adn-card__head { display: flex; justify-content: space-between; gap: 10px; align-items: start; }
.adn-card__title {
	font-weight: 700; font-size: 1.02rem;
	color: var(--aidalil-on-surface);
	text-decoration: none;
	line-height: 1.4;
	overflow-wrap: anywhere;
}
.adn-card__title:hover { color: var(--aidalil-primary-strong); }
.adn-card__summary {
	color: var(--aidalil-on-surface-variant);
	font-size: .88rem; margin: 0; line-height: 1.6;
	min-block-size: 2.8em;
}
.adn-card__meta { display: flex; flex-wrap: wrap; gap: 6px; }
.adn-card__foot {
	display: flex; justify-content: space-between; align-items: center;
	border-block-start: 1px dashed var(--aidalil-outline);
	padding-block-start: 10px;
	font-size: .8rem; color: var(--aidalil-on-surface-variant);
	overflow-wrap: anywhere;
}

/* شرائح وأزراد صغيرة */
.adn-chip {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 3px 10px; border-radius: 999px;
	background: var(--aidalil-surface-2);
	color: var(--aidalil-on-surface-variant);
	font-size: .76rem;
	text-decoration: none;
}
.adn-chip--agent { background: var(--aidalil-info-soft); color: var(--aidalil-info); }
.adn-chip--proto { background: var(--aidalil-primary-container); color: var(--aidalil-primary-strong); }
.adn-chip--license { background: var(--aidalil-success-soft); color: var(--aidalil-success); }

.adn-pill {
	display: inline-flex; align-items: center;
	padding: 2px 10px; border-radius: 999px;
	font-size: .72rem; font-weight: 600;
	white-space: nowrap;
}
.adn-pill--ok { background: var(--aidalil-success-soft); color: var(--aidalil-success); }
.adn-pill--warn { background: var(--aidalil-warning-soft); color: var(--aidalil-warning); }
.adn-pill--error { background: var(--aidalil-error-soft); color: var(--aidalil-error); }
.adn-pill--info { background: var(--aidalil-info-soft); color: var(--aidalil-info); }
.adn-pill--muted { background: var(--aidalil-surface-2); color: var(--aidalil-on-surface-variant); }

/* ===== 6) صفحة المهارة ===== */
.adn-single__head {
	display: flex; justify-content: space-between; gap: 24px; align-items: flex-start;
	flex-wrap: wrap;
	margin-block-end: 20px;
}
.adn-single__title { margin: 0 0 10px; font-size: clamp(1.4rem, 2.6vw, 2rem); overflow-wrap: anywhere; }
.adn-single__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.adn-install {
	background: var(--aidalil-surface);
	border: 1px solid var(--aidalil-outline-variant);
	border-radius: 16px; padding: 16px 18px;
	box-shadow: var(--aidalil-e-1);
	min-inline-size: min(340px, 100%);
}
.adn-install__row { display: flex; gap: 8px; flex-wrap: wrap; }
.adn-install__checksum {
	display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
	margin: 12px 0 0; font-size: .78rem; color: var(--aidalil-on-surface-variant);
}
.adn-install__checksum code {
	direction: ltr; unicode-bidi: embed;
	background: var(--aidalil-surface-2); padding: 3px 8px; border-radius: 8px;
	cursor: pointer; max-inline-size: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.adn-single__grid { display: grid; grid-template-columns: 1fr 320px; gap: 24px; align-items: start; }
.adn-single__main { display: flex; flex-direction: column; gap: 16px; }
.adn-single__side { display: flex; flex-direction: column; gap: 16px; }
.adn-lang-label { font-size: .82rem; color: var(--aidalil-on-surface-variant); margin: 8px 0 2px; }

.adn-versions { inline-size: 100%; border-collapse: collapse; font-size: .88rem; }
.adn-versions th, .adn-versions td { padding: 8px 10px; text-align: start; border-block-end: 1px solid var(--aidalil-outline-variant); }
.adn-versions tr.is-selected { background: var(--aidalil-primary-container); }

.adn-findings { margin: 0; padding-inline-start: 18px; font-size: .84rem; }
.adn-findings li { margin-block: 4px; overflow-wrap: anywhere; }

.adn-attribution { margin: 0; }
.adn-attribution dt { font-size: .76rem; color: var(--aidalil-on-surface-variant); margin-block-start: 10px; }
.adn-attribution dd { margin: 2px 0 0; overflow-wrap: anywhere; }
.adn-attribution a { overflow-wrap: anywhere; }

.adn-ok-msg { color: var(--aidalil-success); font-weight: 600; }

/* ===== 7) لوحة الصدارة ===== */
.adn-boards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.adn-ranked { margin: 0; padding-inline-start: 20px; }
.adn-ranked li { margin-block: 8px; }
.adn-ranked a { text-decoration: none; color: var(--aidalil-on-surface); font-weight: 600; }
.adn-ranked a:hover { color: var(--aidalil-primary-strong); }
.adn-ranked__num {
	font-size: .78rem; background: var(--aidalil-surface-2);
	padding: 2px 8px; border-radius: 999px; color: var(--aidalil-on-surface-variant);
}

/* ===== 8) نموذج الإرسال ===== */
.adn-submit { max-inline-size: 760px; }
.adn-form fieldset {
	border: 1px solid var(--aidalil-outline-variant);
	border-radius: 14px; padding: 16px 18px; margin-block-end: 16px;
}
.adn-form legend { font-weight: 700; padding-inline: 8px; }
.adn-form label { display: block; margin-block-end: 4px; }
.adn-form input[type=text], .adn-form input[type=url], .adn-form textarea, .adn-form select {
	inline-size: 100%; max-inline-size: 480px;
	padding: 10px 12px; border-radius: 10px;
	border: 1px solid var(--aidalil-outline-strong);
	background: var(--aidalil-surface); color: var(--aidalil-on-surface);
	font: inherit;
}
.adn-mode-picker { display: flex; gap: 18px; flex-wrap: wrap; }
.adn-mode-picker label { display: inline-flex; gap: 6px; align-items: center; font-weight: 400; }
.adn-checks { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.adn-check { display: inline-flex; gap: 6px; align-items: center; font-weight: 400; }
.adn-notice { border-radius: 12px; padding: 12px 16px; }
.adn-rate { font-size: .8rem; color: var(--aidalil-on-surface-variant); }

/* ===== 9) لوحة العضو (تبويب مهاراتي) ===== */
.adn-dash__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-block-end: 12px; }
.adn-dash__head h2 { margin: 0; }
.adn-dash__group { margin-block: 18px; }
.adn-dash__group h3 { margin-block-end: 8px; }
.adn-count { color: var(--aidalil-on-surface-variant); font-weight: 400; }
.adn-table { inline-size: 100%; border-collapse: collapse; font-size: .88rem; background: var(--aidalil-surface); border-radius: 12px; }
.adn-table th, .adn-table td { padding: 10px 12px; text-align: start; border-block-end: 1px solid var(--aidalil-outline-variant); vertical-align: top; }
.adn-feedback { margin: 6px 0 0; font-size: .8rem; color: var(--aidalil-error); }
.adn-dash__foot { margin-block-start: 16px; }

/* ===== 10) تجاوب ===== */
@media (max-width: 1024px) {
	.adn-single__grid { grid-template-columns: 1fr; }
	.adn-single__side { order: -1; }
}
@media (max-width: 820px) {
	.adn-directory { grid-template-columns: 1fr; }
	.adn-filters { position: static; }
}
@media (max-width: 520px) {
	.adn-hero__search { flex-direction: column; }
	.adn-grid { grid-template-columns: 1fr; }
	.adn-single__head { flex-direction: column; }
	.adn-install { inline-size: 100%; }
}

/* ===== 11) دعم LTR ===== */
[dir=ltr] .adn-breadcrumbs span[aria-hidden] { transform: scaleX(-1); }


/* ===== 12) واجهة دليل المهارات — متوافقة مع نظام تصميم دليل AI ===== */
.adn-hero--directory {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-block: clamp(42px, 6vw, 76px) clamp(34px, 5vw, 58px);
    background:
        radial-gradient(ellipse at 12% 10%, color-mix(in srgb, var(--aidalil-primary, #6558d3) 18%, transparent), transparent 42%),
        radial-gradient(ellipse at 88% 80%, color-mix(in srgb, var(--aidalil-secondary, #16a6a0) 13%, transparent), transparent 38%),
        var(--aidalil-surface, #fff);
    border-block-end: 1px solid var(--aidalil-outline-variant, #e6e7ec);
}
.adn-hero--directory::after {
    content: ""; position: absolute; z-index: -1; inset-inline-end: -80px; inset-block-start: -120px;
    inline-size: 340px; block-size: 340px; border: 1px solid color-mix(in srgb, var(--aidalil-primary, #6558d3) 16%, transparent);
    border-radius: 50%; box-shadow: 0 0 0 34px color-mix(in srgb, var(--aidalil-primary, #6558d3) 4%, transparent), 0 0 0 70px color-mix(in srgb, var(--aidalil-primary, #6558d3) 3%, transparent);
    pointer-events: none;
}
.adn-hero__inner { position: relative; }
.adn-hero__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-block-end: 14px; color: var(--aidalil-primary-strong, #5546b8); font-size: .86rem; font-weight: 750; }
.adn-hero__spark { display: inline-grid; place-items: center; inline-size: 28px; block-size: 28px; border-radius: 9px; background: var(--aidalil-primary-container, #eeebff); }
.adn-hero--directory .adn-hero__title { max-inline-size: 850px; font-size: clamp(2rem, 5vw, 3.35rem); line-height: 1.18; letter-spacing: -.035em; font-weight: 850; }
.adn-hero--directory .adn-hero__sub { max-inline-size: 700px; font-size: clamp(1rem, 1.6vw, 1.12rem); line-height: 1.9; }
.adn-hero__stats { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-block: 0 22px; color: var(--aidalil-on-surface-variant, #626575); font-size: .84rem; }
.adn-hero__stats span { display: inline-flex; align-items: center; gap: 6px; }
.adn-hero__stats strong { color: var(--aidalil-on-surface, #191a22); font-size: 1rem; }
.adn-hero__search { max-inline-size: 680px; padding: 6px; border: 1px solid var(--aidalil-outline, #dedfe7); border-radius: 16px; background: var(--aidalil-surface, #fff); box-shadow: 0 12px 34px rgb(24 24 40 / 8%); }
.adn-hero__search input[type=search] { min-block-size: 48px; border: 0; box-shadow: none; }
.adn-hero__search input[type=search]:focus-visible { outline-offset: -2px; }
.adn-hero__search .aidalil-btn { min-inline-size: 100px; }
.adn-results__bar { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-block: 4px 18px; }
.adn-results__bar h2 { margin: 0 0 4px; font-size: 1.35rem; }
.adn-results__bar p { margin: 0; color: var(--aidalil-on-surface-variant, #626575); font-size: .88rem; }
.adn-results__count { color: var(--aidalil-on-surface-variant, #626575); font-size: .8rem; white-space: nowrap; }
.adn-empty-state { display: grid; justify-items: center; text-align: center; padding: clamp(30px, 6vw, 64px) clamp(18px, 4vw, 42px); border: 1px solid var(--aidalil-outline-variant, #e6e7ec); border-radius: 24px; background: linear-gradient(145deg, var(--aidalil-surface, #fff), var(--aidalil-surface-2, #f7f7fb)); box-shadow: var(--aidalil-e-1, 0 8px 24px rgb(0 0 0 / 4%)); }
.adn-empty-state__icon { display: grid; place-items: center; inline-size: 64px; block-size: 64px; margin-block-end: 18px; border-radius: 20px; color: var(--aidalil-primary-strong, #5546b8); background: var(--aidalil-primary-container, #eeebff); font-size: 1.8rem; }
.adn-empty-state__eyebrow { color: var(--aidalil-primary-strong, #5546b8); font-size: .82rem; font-weight: 750; }
.adn-empty-state h2 { margin: 8px 0 10px; font-size: clamp(1.3rem, 3vw, 1.8rem); }
.adn-empty-state > p { max-inline-size: 620px; margin: 0; color: var(--aidalil-on-surface-variant, #626575); line-height: 1.9; }
.adn-empty-state__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-block: 22px 26px; }
.adn-empty-state__note { display: grid; gap: 5px; max-inline-size: 680px; padding: 14px 18px; border: 1px solid var(--aidalil-outline-variant, #e6e7ec); border-radius: 14px; background: var(--aidalil-surface, #fff); color: var(--aidalil-on-surface-variant, #626575); font-size: .82rem; }
.adn-empty-state__note strong { color: var(--aidalil-on-surface, #191a22); }
.adn-attribution a { color: var(--aidalil-primary-strong, #5546b8); text-decoration: none; font-weight: 650; }
.adn-attribution a:hover { text-decoration: underline; }
@media (max-width: 600px) {
    .adn-hero--directory { padding-block: 34px 28px; }
    .adn-hero__stats { gap: 8px 14px; }
    .adn-hero__search { flex-direction: column; }
    .adn-hero__search .aidalil-btn { inline-size: 100%; }
    .adn-results__bar { align-items: start; flex-direction: column; }
    .adn-empty-state__actions { inline-size: 100%; flex-direction: column; }
    .adn-empty-state__actions .aidalil-btn { inline-size: 100%; }
}

.adn-single__head {
    padding: clamp(20px, 4vw, 34px);
    border: 1px solid var(--aidalil-outline-variant, #e6e7ec);
    border-radius: 22px;
    background: radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--aidalil-primary, #6558d3) 11%, transparent), transparent 48%), var(--aidalil-surface, #fff);
    box-shadow: var(--aidalil-e-1, 0 8px 24px rgb(0 0 0 / 4%));
}
.adn-single__title { font-size: clamp(1.7rem, 3.5vw, 2.5rem); line-height: 1.2; letter-spacing: -.025em; }
.adn-single__main > .aidalil-panel, .adn-single__side > .aidalil-panel { border-radius: 18px; }
.aidalil-panel h2, .aidalil-panel h3 {padding: 9px 0; }
.aidalil-panel details summary {color: var(--aidalil-primary-strong);font-weight: bold;}

/* شريط تنقل وتذييل فرعيان يربطان صفحات المهارات بهوية الموقع. */
.adn-portal-nav { position: relative; z-index: 5; border-block-end: 1px solid var(--aidalil-outline-variant, #e6e7ec); background: var(--aidalil-surface, #fff); }
.adn-portal-nav__inner { min-block-size: 66px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.adn-portal-nav__brand { display: inline-flex; align-items: center; gap: 10px; color: var(--aidalil-on-surface, #191a22); text-decoration: none; font-weight: 800; line-height: 1.2; }
.adn-portal-nav__brand small { display: block; margin-block-start: 3px; color: var(--aidalil-on-surface-variant, #626575); font-size: .68rem; font-weight: 500; }
.adn-portal-nav__mark { display: grid; place-items: center; inline-size: 38px; block-size: 38px; border-radius: 12px; color: var(--aidalil-primary-strong, #5546b8); background: var(--aidalil-primary-container, #eeebff); font-size: 1.15rem; }
.adn-portal-nav__links { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.adn-portal-nav__links a { padding: 9px 12px; border-radius: 10px; color: var(--aidalil-on-surface-variant, #626575); text-decoration: none; font-size: .84rem; font-weight: 650; }
.adn-portal-nav__links a:hover, .adn-portal-nav__links a[aria-current=page] { color: var(--aidalil-primary-strong, #5546b8); background: var(--aidalil-primary-container, #eeebff); }
.adn-portal-nav__links .adn-portal-nav__submit { color: var(--aidalil-on-primary, #fff); background: var(--aidalil-primary, #6558d3); }
.adn-portal-nav__links .adn-portal-nav__submit:hover { color: var(--aidalil-on-primary, #fff); filter: brightness(.96); }
.adn-portal-footer { margin-block-start: clamp(34px, 6vw, 72px); border-block-start: 1px solid var(--aidalil-outline-variant, #e6e7ec); background: linear-gradient(120deg, var(--aidalil-surface-2, #f7f7fb), var(--aidalil-surface, #fff)); }
.adn-portal-footer__inner { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-block: clamp(28px, 5vw, 48px); }
.adn-portal-footer__eyebrow { color: var(--aidalil-primary-strong, #5546b8); font-size: .8rem; font-weight: 750; }
.adn-portal-footer__inner h2 { margin: 7px 0; font-size: clamp(1.2rem, 2.8vw, 1.65rem); }
.adn-portal-footer__inner p { max-inline-size: 650px; margin: 0; color: var(--aidalil-on-surface-variant, #626575); line-height: 1.8; font-size: .9rem; }
.adn-portal-footer__actions { display: flex; flex-wrap: wrap; gap: 8px; flex-shrink: 0; }
.adn-portal-footer__bottom { display: flex; justify-content: space-between; gap: 16px; padding-block: 14px; border-block-start: 1px solid var(--aidalil-outline-variant, #e6e7ec); color: var(--aidalil-on-surface-variant, #626575); font-size: .78rem; }
.adn-portal-footer__bottom a { color: var(--aidalil-primary-strong, #5546b8); text-decoration: none; }
@media (max-width: 700px) {
    .adn-portal-nav__inner { align-items: flex-start; flex-direction: column; padding-block: 12px; gap: 10px; }
    .adn-portal-nav__links { inline-size: 100%; gap: 2px; }
    .adn-portal-nav__links a { padding: 8px 9px; font-size: .78rem; }
    .adn-portal-footer__inner { align-items: stretch; flex-direction: column; }
    .adn-portal-footer__actions { flex-direction: column; }
    .adn-portal-footer__actions .aidalil-btn { inline-size: 100%; }
    .adn-portal-footer__bottom { flex-direction: column; }
}


/* ===== 13) تثبيت المهارات عبر AiDalil CLI ===== */
.adn-hero__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr);
    gap: clamp(24px, 4vw, 54px);
    align-items: center;
}
.adn-hero__copy { min-width: 0; }
.adn-hero__links { display: flex; gap: 10px; flex-wrap: wrap; margin-block: 14px; }
.adn-hero-install {
    position: relative;
    overflow: hidden;
    padding: clamp(18px, 2.5vw, 26px);
    border: 1px solid color-mix(in srgb, var(--aidalil-primary, #6558d3) 24%, var(--aidalil-outline-variant, #e6e7ec));
    border-radius: 24px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--aidalil-surface, #fff) 96%, var(--aidalil-primary, #6558d3)), var(--aidalil-surface, #fff));
    box-shadow: 0 24px 70px rgb(31 25 74 / 12%);
    animation: adn-install-float 6s ease-in-out infinite;
}
.adn-hero-install::before {
    content: "";
    position: absolute;
    inset-block-start: -70px;
    inset-inline-end: -70px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--aidalil-primary, #6558d3) 9%, transparent);
    pointer-events: none;
}
.adn-hero-install__top, .adn-hero-install__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.adn-hero-install__live { display: inline-flex; align-items: center; gap: 8px; color: var(--aidalil-on-surface-variant, #626575); font-size: .76rem; font-weight: 750; }
.adn-hero-install__live i { width: 8px; height: 8px; border-radius: 50%; background: #16a36a; box-shadow: 0 0 0 5px rgb(22 163 106 / 12%); animation: adn-live-pulse 1.8s ease-out infinite; }
.adn-hero-install__dots { display: inline-flex; gap: 5px; }
.adn-hero-install__dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--aidalil-outline, #dedfe7); }
.adn-hero-install__heading { display: grid; gap: 4px; margin-block: 24px 18px; }
.adn-hero-install__heading span { color: var(--aidalil-on-surface-variant, #626575); font-size: .82rem; }
.adn-hero-install__heading strong { color: var(--aidalil-on-surface, #191a22); font-size: clamp(1.22rem, 2vw, 1.65rem); letter-spacing: -.025em; }
.adn-agent-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-block-end: 10px; }
.adn-agent-tabs button { min-height: 34px; padding: 6px 12px; border: 1px solid var(--aidalil-outline-variant, #e6e7ec); border-radius: 9px; background: var(--aidalil-surface, #fff); color: var(--aidalil-on-surface-variant, #626575); font: inherit; font-size: .75rem; font-weight: 700; cursor: pointer; transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; }
.adn-agent-tabs button:hover { transform: translateY(-1px); border-color: var(--aidalil-primary, #6558d3); }
.adn-agent-tabs button.is-active { color: var(--aidalil-on-primary, #fff); background: var(--aidalil-primary, #6558d3); border-color: var(--aidalil-primary, #6558d3); }
.adn-terminal { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 14px 12px; border: 1px solid #252b3a; border-radius: 13px; background: #111827; color: #e5e7eb; box-shadow: 0 12px 28px rgb(17 24 39 / 16%); direction: ltr; text-align: left; }
.adn-terminal__prompt { flex: 0 0 auto; color: #6ee7b7; font: 700 .9rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }
.adn-terminal code { min-width: 0; flex: 1 1 auto; overflow-wrap: anywhere; color: #e5e7eb; font: 500 .78rem/1.65 ui-monospace, SFMono-Regular, Menlo, monospace; }
.adn-terminal__copy { flex: 0 0 auto; min-width: 30px; border: 0; padding: 4px 6px; border-radius: 7px; background: #283246; color: #fff; cursor: pointer; }
.adn-terminal__copy:hover { background: #3c4962; }
.adn-hero-install__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-block: 18px; }
.adn-hero-install__steps span { display: flex; align-items: center; gap: 6px; color: var(--aidalil-on-surface-variant, #626575); font-size: .7rem; white-space: nowrap; }
.adn-hero-install__steps b { color: var(--aidalil-primary-strong, #5546b8); font: 800 .68rem/1 ui-monospace, monospace; }
.adn-hero-install__foot { padding-block-start: 12px; border-block-start: 1px solid var(--aidalil-outline-variant, #e6e7ec); color: var(--aidalil-on-surface-variant, #626575); font-size: .68rem; }
.adn-hero-install__foot a { color: var(--aidalil-primary-strong, #5546b8); text-decoration: none; font-weight: 750; white-space: nowrap; }
.adn-skill-deploy { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(300px, 1.2fr); gap: 18px 28px; align-items: center; margin-block: 18px 26px; padding: clamp(18px, 3vw, 28px); border: 1px solid var(--aidalil-outline-variant, #e6e7ec); border-radius: 20px; background: linear-gradient(120deg, color-mix(in srgb, var(--aidalil-primary-container, #eeebff) 48%, var(--aidalil-surface, #fff)), var(--aidalil-surface, #fff)); }
.adn-skill-deploy__eyebrow { color: var(--aidalil-primary-strong, #5546b8); font-size: .76rem; font-weight: 800; }
.adn-skill-deploy__intro h2 { margin: 7px 0; font-size: clamp(1.1rem, 2vw, 1.45rem); }
.adn-skill-deploy__intro p, .adn-skill-deploy__hint { margin: 0; color: var(--aidalil-on-surface-variant, #626575); font-size: .83rem; line-height: 1.8; }
.adn-skill-deploy__command { min-width: 0; }
.adn-terminal--skill { min-height: 58px; }
.adn-skill-deploy__hint { margin-block-start: 8px; font-size: .74rem; }
.adn-skill-deploy__actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; padding-block-start: 14px; border-block-start: 1px solid var(--aidalil-outline-variant, #e6e7ec); }
.adn-agent-paths { display: grid; gap: 8px; margin-block: 14px; }
.adn-agent-paths > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 10px 12px; border: 1px solid var(--aidalil-outline-variant, #e6e7ec); border-radius: 10px; background: var(--aidalil-surface-2, #f7f7fb); }
.adn-agent-paths strong { font-size: .8rem; }
.adn-agent-paths code { direction: ltr; unicode-bidi: plaintext; overflow-wrap: anywhere; color: var(--aidalil-primary-strong, #5546b8); font-size: .74rem; }
.adn-version-note { display: block; max-width: 260px; margin-block-start: 4px; color: var(--aidalil-on-surface-variant, #626575); font-size: .72rem; line-height: 1.5; }
@keyframes adn-install-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes adn-live-pulse { 0% { box-shadow: 0 0 0 0 rgb(22 163 106 / 25%); } 100% { box-shadow: 0 0 0 8px rgb(22 163 106 / 0%); } }
@media (max-width: 900px) {
    .adn-hero__layout { grid-template-columns: 1fr; }
    .adn-hero-install { max-width: 620px; }
    .adn-skill-deploy { grid-template-columns: 1fr; }
    .adn-skill-deploy__actions { grid-column: auto; }
}
@media (max-width: 600px) {
    .adn-hero-install { padding: 18px; border-radius: 18px; }
    .adn-hero-install__steps { gap: 4px; }
    .adn-hero-install__steps span { font-size: .62rem; }
    .adn-hero-install__foot { align-items: flex-start; flex-direction: column; }
    .adn-skill-deploy__actions { flex-direction: column; }
    .adn-skill-deploy__actions .aidalil-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .adn-hero-install, .adn-hero-install__live i { animation: none !important; }
    .adn-agent-tabs button { transition: none; }
}