/* Unity QA/DEV banner offset is global; cancel the extra main-wrapper gap only on /ai/skills. */
body.jive-ai-skills.has-unity-env-banner #j-main-wrapper {
    margin-top: 0 !important;
}

/*
 * Jive header is #j-header-wrap { z-index: 9999 !important }.
 * Lower that chrome while a skills dialog is open so the overlay can cover it. Keep it above
 * the page content (sticky rail z-index 4, tabs 20), or the form shows through over the header.
 */
html.jive-ai-skills-overlay-open #j-header-wrap,
html.jive-ai-skills-overlay-open #j-header-wrap.fixed,
html.jive-ai-skills-overlay-open #j-header,
html.jive-ai-skills-overlay-open #j-compact-header,
html.jive-ai-skills-overlay-open #j-globalNav-bg,
html.jive-ai-skills-overlay-open #unity-env-banner {
    z-index: 100 !important;
}

html.jive-ai-skills-overlay-open .jive-ai-skills-nav {
    z-index: 20 !important;
}

#jive-ai-skills-modal-root,
#jive-ai-skills-modal.jai-modal-layer,
.jai-modal-layer {
    z-index: 2147483000 !important;
}

#jive-ai-skills-popovers {
    position: relative;
    z-index: 2147483100 !important;
}

#jive-ai-skills-popovers .jai-popover-scrim {
    z-index: 2147483100 !important;
}

#jive-ai-skills-popovers [data-radix-popper-content-wrapper] {
    z-index: 2147483110 !important;
}

#jive-ai-skills-popovers .jai-popover,
#jive-ai-skills-popovers .jai-select-menu {
    overflow: hidden !important;
    box-sizing: border-box !important;
    max-width: min(var(--radix-popover-trigger-width), calc(100vw - 24px));
}

#jive-ai-skills-popovers ul,
#jive-ai-skills-popovers ol,
#jive-ai-skills-popovers li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: none !important;
}

#jive-ai-skills-popovers ul::before,
#jive-ai-skills-popovers li::before,
#jive-ai-skills-popovers li::marker {
    content: none !important;
    display: none !important;
}

.jive-ai-skill-suggestions {
    margin: 0 0 16px;
}

.jive-ai-skill-suggestion {
    margin: 0 0 10px;
    padding: 15px 20px 20px;
    color: inherit;
    background: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
}

.jive-ai-skill-suggestion.jive-ai-skill-artifact.j-brick.j-act-content,
.j-stream-container .jive-ai-skill-suggestion.j-act-content,
.j-profile-stream .jive-ai-skill-suggestion.j-act-content {
    padding: 15px 20px 20px;
}

.jive-ai-skill-suggestion-kicker {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: inherit;
    opacity: 0.55;
}

.jive-ai-skill-suggestion-title {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: inherit;
}

.jive-ai-skill-artifact-summary {
    margin: 0 0 12px;
    color: inherit;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
}

.jive-ai-skill-artifact-summary.jive-ai-markdown {
    white-space: normal;
}

.jive-ai-skill-artifact-draft {
    margin: 0 0 12px;
    font-size: 13px;
}

.jive-ai-skill-artifact-draft-hint {
    display: block;
    margin-top: 4px;
    color: inherit;
    opacity: 0.7;
    font-size: 12px;
}

.jive-ai-skill-artifact-draft-failed {
    color: #b42318;
}

.jive-ai-skill-artifact-section {
    margin: 0 0 12px;
}

.jive-ai-skill-artifact-section h4 {
    margin: 0 0 4px;
    color: inherit;
    font-size: 13px;
    font-weight: 600;
}

.jive-ai-skill-artifact-section p,
.jive-ai-skill-section-body {
    display: block;
    margin: 0;
    color: inherit;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
}

.jive-content .jive-ai-skill-suggestion .jive-ai-skill-section-body {
    display: block;
    white-space: pre-wrap;
}

.jive-ai-skill-section-body.jive-ai-markdown,
.jive-content .jive-ai-skill-suggestion .jive-ai-skill-section-body.jive-ai-markdown {
    white-space: normal;
}

.jive-content .jive-ai-skill-suggestion .jive-ai-markdown ul,
.jive-content .jive-ai-skill-suggestion .jive-ai-markdown ol {
    display: block;
    list-style: disc;
    margin: 0 0 10px 22px;
    padding: 0;
}

.jive-content .jive-ai-skill-suggestion .jive-ai-markdown ol {
    list-style: decimal;
}

.jive-content .jive-ai-skill-suggestion .jive-ai-markdown li {
    display: list-item;
    margin: 0 0 4px;
}

.jive-ai-markdown {
    color: inherit;
    font-size: 13px;
    line-height: 1.55;
}

.jive-ai-markdown p {
    margin: 0 0 8px;
    white-space: normal;
}

.jive-ai-markdown p:last-child,
.jive-ai-markdown ul:last-child,
.jive-ai-markdown ol:last-child,
.jive-ai-markdown .jive-ai-markdown-table-wrap:last-child {
    margin-bottom: 0;
}

.jive-ai-markdown-table-wrap {
    display: block;
    overflow-x: auto;
    margin: 8px 0 12px;
}

.jive-ai-markdown table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    line-height: 1.4;
}

.jive-ai-markdown thead {
    display: table-header-group;
}

.jive-ai-markdown tbody {
    display: table-row-group;
}

.jive-ai-markdown tr {
    display: table-row;
}

.jive-ai-markdown th,
.jive-ai-markdown td {
    display: table-cell;
    border: 1px solid #d7dde3;
    padding: 6px 8px;
    text-align: left;
    vertical-align: top;
    white-space: normal;
}

.jive-ai-markdown th {
    background: #f2f4f5;
    font-weight: 700;
}

.jive-ai-markdown tbody tr:nth-child(even) td {
    background: #fafbfc;
}

.jive-ai-markdown ul,
.jive-ai-markdown ol {
    margin: 0 0 10px 22px;
}

.jive-ai-markdown li {
    margin: 0 0 4px;
}

.jive-ai-markdown .jive-ai-markdown-depth-1 {
    margin-left: 16px;
}

.jive-ai-markdown .jive-ai-markdown-depth-2 {
    margin-left: 32px;
}

.jive-ai-markdown .jive-ai-markdown-depth-3 {
    margin-left: 48px;
}

.jive-ai-markdown h1,
.jive-ai-markdown h2,
.jive-ai-markdown h3,
.jive-ai-markdown h4,
.jive-ai-markdown h5,
.jive-ai-markdown h6 {
    margin: 12px 0 5px;
    font-size: 13px;
    font-weight: 700;
}

.jive-ai-markdown hr {
    margin: 10px 0;
    border: 0;
    border-top: 1px solid #d7dde3;
}

.jive-ai-markdown blockquote {
    margin: 8px 0;
    border-left: 3px solid #d7dde3;
    padding-left: 10px;
    color: #5f6b76;
}

.jive-ai-markdown code {
    border-radius: 3px;
    background: #f2f4f5;
    padding: 1px 4px;
    font-family: monospace;
}

.jive-ai-markdown pre {
    overflow-x: auto;
    border-radius: 4px;
    background: #f2f4f5;
    padding: 8px;
}

.jive-ai-markdown pre code {
    padding: 0;
}

.jive-ai-skill-artifact-section .jive-ai-skill-suggestion-editor {
    margin: 4px 0 0;
}

.jive-ai-skill-suggestion-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
}

.jive-ai-skill-suggestion-tag {
    background: rgba(0, 0, 0, 0.06);
    color: inherit;
    border-radius: 3px;
    padding: 4px 10px;
    font-size: 12px;
}

.jive-ai-skill-suggestion-editor {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 12px;
    border: 1px solid #c5c5c5;
    background: #fff;
    color: inherit;
    border-radius: 3px;
    padding: 8px 10px;
}

.jive-ai-skill-suggestion-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.jive-ai-skill-suggestion-error {
    margin: 10px 0 0;
    color: #b42318;
    font-size: 12px;
}

.jive-ai-ask .jive-ai-skill-suggestion-tag {
    background: #e8f3fb;
    color: #2268a8;
}

.tox .jive-ai-editor-skills,
.jive-ai-editor-skills {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 4px;
    padding-left: 4px;
}

.tox .jive-ai-editor-skills[hidden],
.jive-ai-editor-skills[hidden] {
    display: none !important;
}

.tox .jive-ai-editor-skills-toggle,
.jive-ai-editor-skills-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 28px;
    background: #f7f7f7;
    color: #408bd0;
    border: 0;
    border-radius: 3px;
    padding: 0;
    cursor: pointer;
}

.tox .jive-ai-editor-skills-toggle .jive-ai-editor-wand,
.jive-ai-editor-skills-toggle .jive-ai-editor-wand {
    display: block;
    width: 16px;
    height: 16px;
}

.tox .jive-ai-editor-skills-toggle:hover,
.tox .jive-ai-editor-skills-toggle[aria-expanded="true"],
.jive-ai-editor-skills-toggle:hover,
.jive-ai-editor-skills-toggle[aria-expanded="true"] {
    background: #dee0e2;
    color: #222f3e;
}

.tox .jive-ai-editor-skills-menu,
.jive-ai-editor-skills-menu {
    position: fixed;
    z-index: 20000;
    min-width: 260px;
    max-height: 320px;
    overflow-y: auto;
    background: #fff;
    color: #222f3e;
    border: 1px solid #d5d9df;
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 4px 14px rgba(34, 47, 62, 0.2);
}

.jive-ai-editor-skills-menu[hidden] {
    display: none !important;
}

.tox .jive-ai-editor-skills-menu button,
.tox .jive-ai-editor-skills-empty,
.jive-ai-editor-skills-menu button,
.jive-ai-editor-skills-empty {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    background: #fff;
    background-image: none !important;
    color: #222f3e;
    border: 0 !important;
    border-radius: 4px;
    box-shadow: none !important;
    padding: 10px 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    -webkit-font-smoothing: auto;
    text-rendering: auto;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
    text-decoration: none;
    cursor: pointer;
}

.jive-ai-editor-skill-icon {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    color: #62737d;
}

.jive-ai-editor-skill-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.jive-ai-editor-skill-copy strong {
    font-weight: 600;
}

.jive-ai-editor-skill-copy span {
    overflow: hidden;
    color: #62737d;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jive-ai-editor-skills-menu button:hover .jive-ai-editor-skill-copy span,
.jive-ai-editor-skills-menu button:focus .jive-ai-editor-skill-copy span {
    color: inherit;
}

.jive-ai-editor-skills-menu button:hover .jive-ai-editor-skill-icon,
.jive-ai-editor-skills-menu button:focus .jive-ai-editor-skill-icon {
    color: currentColor;
}

.tox .jive-ai-editor-skills-menu button:hover,
.tox .jive-ai-editor-skills-menu button:focus,
.tox .jive-ai-editor-skills-empty:hover,
.tox .jive-ai-editor-skills-empty:focus,
.jive-ai-editor-skills-menu button:hover,
.jive-ai-editor-skills-menu button:focus,
.jive-ai-editor-skills-empty:hover,
.jive-ai-editor-skills-empty:focus {
    background: #0875e1;
    color: #fff;
    text-shadow: none !important;
    outline: none;
}

.jive-ai-editor-skill-result {
    margin: 12px 0 0;
    background: #f3f8fb;
    color: #222f3e;
    border: 1px solid #c8dce8;
    border-radius: 5px;
    padding: 12px 14px;
}

.jive-ai-editor-skill-title,
.jive-ai-editor-skill-status {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: #222f3e;
}

.jive-ai-editor-skill-status.jive-ai-editor-skill-streaming {
    font-size: 13px;
    font-weight: 500;
    color: #62737d;
}

.jive-ai-editor-skill-streaming-text {
    min-height: 1.6em;
}

.jive-ai-editor-skill-streaming-text::after {
    content: '▍';
    margin-left: 1px;
    color: #1a73e8;
    animation: jive-ai-editor-caret 1s step-end infinite;
}

@keyframes jive-ai-editor-caret {
    50% {
        opacity: 0;
    }
}

.jive-ai-editor-skill-helper {
    margin: -4px 0 14px;
    color: #62737d;
    font-size: 13px;
    line-height: 1.45;
}

.jive-ai-editor-skill-form {
    display: grid;
    gap: 12px;
}

.jive-ai-editor-skill-field {
    display: grid;
    gap: 5px;
    max-width: 640px;
}

.jive-ai-editor-skill-label {
    color: #34444f;
    font-size: 12px;
    font-weight: 600;
}

.jive-ai-editor-skill-required {
    color: #b42318;
}

.jive-ai-editor-skill-control {
    width: 100%;
    min-height: 34px;
    box-sizing: border-box;
    padding: 7px 9px;
    color: #222f3e;
    background: #fff;
    border: 1px solid #aebbc4;
    border-radius: 3px;
    box-shadow: none;
    font: inherit;
}

.jive-ai-editor-skill-control:focus {
    border-color: #408bd0;
    box-shadow: 0 0 0 2px rgba(64, 139, 208, 0.16);
    outline: none;
}

.jive-ai-date-range {
    display: grid;
    gap: 8px;
}

.jive-ai-date-range-preset {
    appearance: auto;
    padding-right: 28px;
}

.jive-ai-date-range-hint {
    margin: 0;
    color: #62737d;
    font-size: 12px;
    line-height: 1.4;
}

.jive-ai-date-range-custom,
.jive-ai-date-range-extra {
    display: grid;
    gap: 8px;
}

.jive-ai-date-range-custom {
    grid-template-columns: 1fr 1fr;
}

.jive-ai-date-range-custom[hidden],
.jive-ai-date-range-extra[hidden],
.jive-ai-date-range-hint[hidden] {
    display: none !important;
}

.jive-ai-date-range-label {
    display: grid;
    gap: 4px;
    color: #62737d;
    font-size: 11px;
    font-weight: 600;
}

.jive-ai-editor-skill-textarea {
    min-height: 88px;
    resize: vertical;
}

.jive-ai-mention {
    position: relative;
    width: 100%;
}

.jive-ai-mention-editor {
    white-space: pre-wrap;
    word-break: break-word;
    overflow: auto;
    resize: none;
}

.jive-ai-mention-editor.is-empty:before {
    content: attr(data-placeholder);
    color: #8b8b8b;
    pointer-events: none;
}

.jive-ai-mention-chip {
    color: #3778c7;
    font-weight: 600;
    white-space: nowrap;
}

.jive-ai-mention-hint {
    display: block;
    margin-top: 4px;
    color: #62737d;
    font-size: 12px;
}

.jive-ai-mention-list {
    margin: 0;
    padding: 4px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #c5d8e8;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 40, 70, 0.12);
    max-height: 240px;
    overflow: auto;
}

.jive-ai-mention-empty,
.jive-ai-mention-group-label {
    display: block;
    padding: 8px 12px 4px;
    color: #6b7c8a;
    font-size: 12px;
}

.jive-ai-mention-group-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.jive-ai-mention-list button {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 8px 12px;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
}

.jive-ai-mention-list button.is-active,
.jive-ai-mention-list button:hover {
    background: #e8f1f8;
}

.jive-ai-mention-label {
    color: #1f3a4d;
}

.jive-ai-mention-detail {
    font-size: 12px;
    color: #6b7c8a;
}

.jive-ai-editor-skill-text {
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.55;
    color: #3d3d3d;
}

.jive-ai-editor-skill-text.jive-ai-markdown h1,
.jive-ai-editor-skill-text.jive-ai-markdown h2,
.jive-ai-editor-skill-text.jive-ai-markdown h3,
.jive-ai-editor-skill-text.jive-ai-markdown h4 {
    margin: 16px 0 6px;
    color: #222f3e;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}

.jive-ai-editor-skill-text.jive-ai-markdown h1:first-child,
.jive-ai-editor-skill-text.jive-ai-markdown h2:first-child,
.jive-ai-editor-skill-text.jive-ai-markdown h3:first-child,
.jive-ai-editor-skill-text.jive-ai-markdown p:first-child {
    margin-top: 0;
}

.jive-ai-editor-skill-text.jive-ai-markdown p {
    margin: 0 0 12px;
}

.jive-ai-editor-skill-text.jive-ai-markdown ul,
.jive-ai-editor-skill-text.jive-ai-markdown ol {
    margin: 0 0 14px;
    padding-left: 22px;
}

.jive-ai-editor-skill-text.jive-ai-markdown li {
    margin: 0 0 5px;
}

.jive-ai-editor-skill-text.jive-ai-markdown strong {
    font-weight: 700;
    color: #222f3e;
}

.jive-ai-editor-skills-error {
    margin: 0;
    color: #b42318;
    font-size: 12px;
}

.jive-ai-editor-skill-result .jive-ai-skill-suggestion-tag {
    background: #e8f3fb;
    color: #2268a8;
}

.jive-ai-editor-skill-result .jive-ai-skill-suggestion-editor {
    border: 1px solid #c8dce8;
    background: #fff;
    color: #222f3e;
    border-radius: 3px;
}

.jive-ai-editor-skill-result .jive-ai-skill-suggestion-actions button {
    border-radius: 3px;
}

.jive-ai-editor-skill-result .jive-ai-skill-suggestion-accept {
    background: #408bd0;
    color: #fff;
}

.jive-ai-editor-skill-result .jive-ai-skill-suggestion-edit,
.jive-ai-editor-skill-result .jive-ai-skill-suggestion-dismiss {
    background: #fff;
    color: #408bd0;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.jive-ai-contextual-launcher {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 4px 6px;
}

.jive-ai-contextual-launcher-icon,
.jive-ai-contextual-skill-icon {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
}

.jive-ai-place-skills-menu {
    max-width: calc(100vw - 32px);
}

.jive-ai-place-skills-menu[hidden] {
    display: none !important;
}

.jive-ai-place-skills-status {
    margin: 0;
    padding: 12px;
}

#jive-ai-content-skills {
    margin-bottom: 16px;
}

#jive-ai-content-skills .jive-ai-content-skills-status {
    margin: 0;
    padding: 2px 0;
}

#jive-ai-content-skills .jive-ai-content-skill-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    color: #2e3a80;
}

#jive-ai-content-skills li[data-jive-ai-run-key] {
    position: relative;
}

#jive-ai-content-skills .jive-ai-skill-run-disc {
    display: none;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    vertical-align: middle;
}

#jive-ai-content-skills .is-skill-running .jive-ai-content-skill-icon {
    display: none;
}

#jive-ai-content-skills .is-skill-running .jive-ai-skill-run-disc {
    display: inline-block;
    box-sizing: border-box;
    flex: 0 0 16px;
    min-width: 16px;
    min-height: 16px;
    border: 4px solid #2e3a80;
    border-radius: 50%;
    background: #2e3a80;
    box-shadow: 0 0 0 0 rgba(46, 58, 128, 0.4);
    animation: jive-ai-skill-run-beam 1.2s ease-in-out infinite;
}

#jive-ai-content-skills .jive-ai-skill-run-tip {
    display: none;
    position: absolute;
    left: 24px;
    bottom: 100%;
    z-index: 10;
    margin-bottom: 2px;
    padding: 4px 8px;
    border-radius: 4px;
    background: #1f2a5c;
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
    pointer-events: none;
}

#jive-ai-content-skills .is-skill-running:hover .jive-ai-skill-run-tip,
#jive-ai-content-skills .is-skill-running a:focus-visible ~ .jive-ai-skill-run-tip {
    display: block;
}

#jive-ai-content-skills .is-skill-running.is-tip-dismissed .jive-ai-skill-run-tip {
    display: none;
}

.jive-ai-skill-artifact {
    position: relative;
}

.jive-ai-skill-artifact-regen {
    position: absolute;
    top: 12px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #2e3a80;
    font-size: 13px;
    font-weight: 600;
}

.jive-ai-skill-artifact-regen .jive-ai-skill-run-disc {
    display: inline-block;
    box-sizing: border-box;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border: 4px solid #2e3a80;
    border-radius: 50%;
    background: #2e3a80;
    animation: jive-ai-skill-run-beam 1.2s ease-in-out infinite;
}

.jive-ai-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@keyframes jive-ai-skill-run-beam {
    0%,
    100% {
        transform: scale(0.8);
        box-shadow: 0 0 0 0 rgba(46, 58, 128, 0.4);
    }
    50% {
        transform: scale(1);
        box-shadow: 0 0 0 6px rgba(46, 58, 128, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    #jive-ai-content-skills .is-skill-running .jive-ai-skill-run-disc,
    .jive-ai-skill-artifact-regen .jive-ai-skill-run-disc {
        animation: none;
        transform: none;
        box-shadow: none;
    }
}

.jive-ai-dialog-open {
    overflow: hidden;
}

html.jive-ai-dialog-open .j-alert-container {
    z-index: 30001;
}

.jive-ai-contextual-dialog {
    position: fixed;
    z-index: 30000;
    inset: 0;
}

.jive-ai-contextual-dialog[hidden] {
    display: none !important;
}

.jive-ai-contextual-dialog-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(22, 31, 39, 0.52);
}

.jive-ai-contextual-dialog-panel {
    position: relative;
    overflow: auto;
    width: min(550px, calc(100% - 32px));
    max-height: calc(100vh - 72px);
    margin: 52px auto 24px;
    padding: 18px 20px 16px;
    color: #303030;
    background: #fff;
    border: 1px solid #e3e6f2;
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(20, 26, 70, 0.22);
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.jive-ai-contextual-dialog-header {
    display: block;
    padding: 0 0 8px;
    border-bottom: 3px solid #f9b91a;
}

.jive-ai-contextual-dialog-header h2 {
    margin: 0;
    padding: 2px 28px 8px 0;
    color: #2e3a80;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
}

.jive-ai-contextual-dialog-header h2:empty {
    display: none;
}

.jive-ai-contextual-dialog-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 24px;
    height: 24px;
    padding: 0;
    color: #5a6184;
    background: transparent;
    border: 0;
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    cursor: pointer;
}

.jive-ai-contextual-dialog-close:hover,
.jive-ai-contextual-dialog-close:focus {
    color: #2e3a80;
    background: transparent;
    outline: none;
}

.jive-ai-contextual-dialog-content {
    overflow: visible;
    max-height: none;
    padding: 0;
}

.jive-ai-contextual-status {
    margin: 14px 0 16px;
    color: #303030;
    font-size: 14px;
    line-height: 1.45;
}

.jive-ai-contextual-dialog .j-btn-global {
    color: #2f397e;
    background: #fff;
    border: 1px solid #cfd4e6;
    border-radius: 4px;
    box-shadow: none;
}

.jive-ai-contextual-dialog .j-btn-global:hover,
.jive-ai-contextual-dialog .j-btn-global:focus {
    color: #fff;
    background: #2e3a80;
    border-color: #2e3a80;
}

.jive-ai-contextual-dialog .j-btn-callout {
    color: #fff;
    background: #2f397e;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
}

/* Darker background plus the inset highlight Jive's own .j-btn-callout:hover uses (see
   button.j-btn-callout:hover in jive.css), so the hover/focus state reads as clearly different
   from the resting state instead of two similarly dark blues. */
.jive-ai-contextual-dialog .j-btn-callout:hover,
.jive-ai-contextual-dialog .j-btn-callout:focus {
    color: #fff;
    background: #1b2158;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 0 2px rgba(0, 0, 0, 0.3);
    outline: none;
}

.jive-ai-contextual-dialog .j-btn-callout:active {
    background: #12153c;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.35);
}

.jive-ai-contextual-skill-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.jive-ai-contextual-skill {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    color: #222f3e;
    background: #fff;
    border: 1px solid #d8dee3;
    border-radius: 5px;
    text-align: left;
    cursor: pointer;
}

.jive-ai-contextual-skill:hover,
.jive-ai-contextual-skill:focus {
    border-color: #1d56a5;
    background: #eef0fa;
    outline: none;
}

.jive-ai-contextual-skill-copy {
    display: grid;
    gap: 4px;
}

.jive-ai-contextual-skill-copy strong {
    font-size: 14px;
}

.jive-ai-contextual-skill-copy span {
    color: #62737d;
    font-size: 12px;
    line-height: 1.45;
}

.jive-ai-contextual-form-description {
    margin: 5px 0 20px;
    color: #3d3d3d;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.45;
}

.jive-ai-contextual-form {
    display: block;
}

.jive-ai-contextual-form p {
    margin: 0;
}

.jive-ai-contextual-form .jive-ai-editor-skill-field {
    display: block;
    max-width: none;
    margin: 0 0 16px;
}

.jive-ai-contextual-form .jive-ai-editor-skill-label {
    display: block;
    padding: 5px 0;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.jive-ai-contextual-form .jive-ai-editor-skill-required {
    color: inherit;
    font-weight: bold;
}

.jive-ai-contextual-form .jive-ai-editor-skill-control,
.jive-ai-contextual-form .jive-ai-date-range-preset,
.jive-ai-contextual-form .jive-ai-date-range-days,
.jive-ai-contextual-form input[type="date"] {
    width: 100%;
    min-height: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 10px;
    color: inherit;
    background: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    box-shadow: none;
    font: inherit;
}

.jive-ai-contextual-form .jive-ai-editor-skill-control:focus,
.jive-ai-contextual-form .jive-ai-date-range-preset:focus,
.jive-ai-contextual-form .jive-ai-date-range-days:focus,
.jive-ai-contextual-form input[type="date"]:focus {
    border-color: #c5c5c5;
    box-shadow: none;
    outline: none;
}

.jive-ai-contextual-form .jive-ai-date-range {
    gap: 8px;
}

.jive-ai-contextual-form .jive-ai-date-range-hint {
    margin: 5px 0 0;
    color: #a9a9a9;
    font-size: 13px;
}

.jive-ai-contextual-form .jive-ai-skill-suggestion-actions {
    margin-top: 8px;
}

.jive-ai-activity-artifacts {
    clear: both;
    margin: 10px 0 6px;
}

.jive-ai-place-activity-artifacts {
    margin: 0 0 14px;
}

.jive-ai-activity-artifacts .jive-ai-skill-suggestion {
    padding: 12px 14px;
    background: #f8fafb;
}

.jive-ai-ask {
    --a2ui-color-primary: #408bd0;
    --a2ui-color-primary-hover: #2268a8;
    margin-top: 16px;
}

.jive-ai-a2ui-column {
    display: flex;
    flex-direction: column;
}

.jive-ai-a2ui-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.jive-ai-ask-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
}

.jive-ai-ask-empty-link {
    display: inline-block;
    text-decoration: none;
}

.jive-ai-ask-thread {
    min-height: 220px;
    max-height: 420px;
    overflow: auto;
    margin: 0 0 12px;
    padding: 16px 18px;
    color: inherit;
    background: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
}

.jive-ai-ask-empty,
.jive-ai-ask-kept {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: inherit;
    opacity: 0.75;
}

.jive-ai-ask-bubble {
    margin: 0 0 10px;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 1.45;
    color: inherit;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.jive-ai-ask-user {
    font-weight: 600;
}

.jive-ai-ask-status {
    background: #f3f8fb;
    border-color: #c8dce8;
}

.jive-ai-ask-result {
    margin: 0 0 12px;
    padding: 12px 14px;
}

.jive-ai-ask-result.is-accepted {
    border-color: #408bd0;
}

.jive-ai-ask-result-title {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: inherit;
}

.jive-ai-ask-result-text {
    white-space: pre-wrap;
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.45;
    color: inherit;
}

.jive-ai-ask-form {
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

.jive-ai-ask-input {
    flex: 1;
    box-sizing: border-box;
    min-height: 48px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    padding: 8px 10px;
    font-size: 13px;
    color: inherit;
    background: #fff;
}

.jive-ai-ask-send {
    flex: 0 0 auto;
}

.jive-ai-ask-error {
    color: #b42318;
    font-size: 13px;
    background: #fff;
    border-color: #f0b8b4;
}

.jive-ai-home-recommended {
    float: none;
    width: auto;
    margin: 0 0 20px;
    padding: 18px 20px 20px;
    color: inherit;
    background: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    box-sizing: border-box;
}

.jive-ai-home-kicker {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: inherit;
    opacity: 0.55;
}

.jive-ai-home-recommended h2 {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 300;
    color: inherit;
}

.jive-ai-home-copy {
    margin: 0 0 16px;
    font-size: 13px;
    color: inherit;
    opacity: 0.75;
}

.jive-ai-home-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.jive-ai-home-card {
    float: none;
    width: auto;
    padding: 16px 18px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box;
}

.jive-ai-home-empty {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 16px 18px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.jive-ai-home-empty p {
    margin: 0;
    font-size: 13px;
    color: inherit;
}

.jive-ai-home-card h3 {
    margin: 0 0 6px;
    font-size: 15px;
    color: inherit;
}

.jive-ai-home-card p {
    margin: 0 0 12px;
    font-size: 13px;
    color: inherit;
    opacity: 0.8;
}

.jive-ai-home-use {
    display: inline-block;
    flex: 0 0 auto;
    margin: 0;
    text-decoration: none;
}