/* Native card links stretch across their unchanged card surface. */
article[class*="--gq-menu-card-start"]:has(a[href*="/ai?assistant="]) { position: relative; }
article[class*="--gq-menu-card-start"] a[href*="/ai?assistant="]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
article[class*="--gq-menu-card-start"] a[href*="/ai?assistant="]:focus-visible::after { outline: 2px solid var(--el-color-primary); outline-offset: 3px; }
/* Product tools use the theme's surfaces, typography and form tokens. */
[data-cnc-tool] { font-size: var(--el-font-size-base,14px); }
[data-cnc-tool] form { margin: 0; }
[data-cnc-tool] .cnc-tool-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.1rem; }
[data-cnc-tool] label { display: flex; flex-direction: column; gap: .5rem; margin: 0; font-weight: 400; }
[data-cnc-tool] input,[data-cnc-tool] select { width: 100%; min-width: 0; height: 2.65rem; padding: 0 .8rem; border: 1px solid var(--el-border-color); border-radius: var(--el-border-radius-base); background: var(--el-fill-color-blank); color: var(--el-text-color-primary); font: inherit; color-scheme: dark light; }
[data-cnc-tool] input:focus,[data-cnc-tool] select:focus { outline: 2px solid var(--el-color-primary); outline-offset: 1px; }
[data-cnc-tool] [aria-invalid="true"] { border-color: var(--el-color-danger); }
[data-cnc-tool] .cnc-tool-result { margin-top: 1.2rem; padding: 1.1rem; border: 1px solid var(--el-border-color); border-radius: var(--el-border-radius-base); overflow-wrap: anywhere; }
[data-cnc-tool] output { display: block; font: 600 1.65rem/1.6 monospace; letter-spacing: .08em; color: var(--el-color-primary); user-select: text; }
[data-cnc-tool] .cnc-tool-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-top: 1.2rem; }
[data-cnc-tool] .cnc-tool-status { min-height: 1.5em; margin-top: .75rem; font-size: .875em; }
[data-cnc-tool] .cnc-tool-muted { color: var(--el-text-color-secondary); font-size: .875em; }
[data-cnc-tool] [hidden] { display: none !important; }
@media(max-width:600px) { [data-cnc-tool] .cnc-tool-fields { grid-template-columns: 1fr; } }
