/* Shared support workspace. Keep the established Griddy type scale. */
html[data-visual-theme="consulta"] body #appMain .app-view.support-experience > .internal-hero {
  min-height:0!important;padding-block:32px 24px!important;
}
html[data-visual-theme="consulta"] body #appMain .app-view.support-experience:is(#supportPage,#warrantyPage,#technicalSupportPage,#documentsPage,#trainingPage) > .page-shell {
  padding-block:32px 48px!important;
}
html[data-visual-theme="consulta"] body #appMain .support-experience > .internal-hero > .container {row-gap:12px!important}
#appMain .support-experience [hidden] {display:none!important}
html[data-visual-theme="consulta"] body #appMain .app-view.support-experience p > a.text-link {display:inline!important;white-space:normal!important}
html.griddy-motion body #appMain .app-view.support-experience.active {animation:none!important}
#appMain .support-experience .support-path-icon {width:40px;height:40px;display:grid;place-items:center;margin-bottom:16px;color:var(--azure-dark);background:var(--ice);border-radius:10px}
#appMain .support-experience .support-path-icon svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#appMain .support-experience .support-secondary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#appMain .support-experience .support-secondary a {display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;background:var(--card)}
#appMain .support-experience .support-secondary a span {color:var(--slate);line-height:1.6}
#appMain .support-experience .support-secondary a b {color:var(--azure-dark)}
#appMain .support-experience .support-help-line {margin:20px 0 0;line-height:1.65;color:var(--slate)}
#appMain .support-experience .support-help-line a {color:var(--azure-dark);font-weight:600;text-underline-offset:3px}
#appMain .support-experience .support-faq {border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
#appMain .support-experience .support-faq > summary {list-style:none;display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;font-weight:700;line-height:1.5;color:var(--ink)}
#appMain .support-experience .support-faq > summary::-webkit-details-marker {display:none}
#appMain .support-experience .support-faq > summary span {flex:none;transition:transform 160ms ease}
#appMain .support-experience .support-faq[open] > summary span {transform:rotate(45deg)}
#appMain .support-experience .support-faq-answer {padding:0 20px 20px;line-height:1.65;color:var(--slate)}
#appMain .support-experience .support-faq-answer p {margin:0!important}
#appMain .support-experience .support-faq-answer a {color:var(--azure-dark);text-underline-offset:3px}
#appMain .support-experience .warranty-review-group {border-top:1px solid var(--line);padding-top:16px;margin-top:20px}
#appMain #warrantyPage #wReviewGrid {display:block!important}
#appMain .support-experience .warranty-review-group:first-child {border-top:0;margin-top:0;padding-top:0}
#appMain .support-experience .warranty-review-group > header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#appMain .support-experience .warranty-review-group h4 {margin:0;font-size:1rem;color:var(--ink)}
#appMain .support-experience .warranty-review-group button {min-height:44px;padding:8px 12px;border:1px solid var(--line);background:var(--card);border-radius:8px;color:var(--azure-dark);font:inherit;cursor:pointer}
#appMain .support-experience .warranty-review-group dl {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0}
#appMain .support-experience .warranty-review-group dl > div {min-width:0}
#appMain .support-experience .warranty-review-group dt {font-size:.875rem;color:var(--slate);margin-bottom:4px}
#appMain .support-experience .warranty-review-group dd {margin:0;line-height:1.6;overflow-wrap:anywhere;color:var(--ink)}
#appMain .support-experience .warranty-review-group .is-wide {grid-column:1/-1}
#appMain .support-experience .field-section-heading {grid-column:1/-1;margin:4px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:.875rem;color:var(--slate)}
#appMain .support-experience .equipment-help {display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
#appMain .support-experience .equipment-help :is(a,button) {color:var(--azure-dark);font:inherit;font-size:.875rem;line-height:1.5;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:10px 0;border:0;background:transparent;cursor:pointer}
#appMain .support-experience .problem-guide {font-size:.875rem;color:var(--slate);line-height:1.6;margin:0 0 8px}
#appMain .support-experience .problem-counter {display:block;font-size:.8125rem;color:var(--slate);margin-top:8px;text-align:right}
#appMain .message-recovery {margin:16px 0 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--ice);line-height:1.6}
#appMain .message-recovery[hidden],#appMain .message-recovery [hidden] {display:none!important}
#appMain .message-recovery > p {margin:0 0 12px!important;font-size:.875rem!important}
#appMain .message-recovery-actions {display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
#appMain .message-recovery-actions :is(a,button),#appMain .support-copy-action {display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--azure-dark);font:inherit;font-size:.875rem;line-height:1.4;text-decoration:none;cursor:pointer}
#appMain .message-recovery textarea {display:block;width:100%;min-height:160px;margin-top:12px;padding:12px;font:inherit;line-height:1.5;resize:vertical}
#appMain .support-experience .kb-topic-guidance {margin:16px 0 24px;padding:16px 20px;border-left:3px solid var(--azure);background:var(--ice);line-height:1.65;color:var(--slate)}
#appMain .support-experience .kb-topic-guidance p {margin:0!important}
#appMain .support-experience .kb-grid {align-items:start}
#appMain .support-experience .kb-topic-guidance a {color:var(--azure-dark);font-weight:600;text-underline-offset:3px}
#appMain .support-experience .kb-content-source {margin:16px 0 0;font-size:.8125rem;color:var(--slate);line-height:1.6}
#appMain .support-experience .kb-content-source a {color:var(--azure-dark)}
#appMain .support-experience .equipment-reference {margin:20px 0;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:12px}
#appMain .support-experience .equipment-reference img {display:block;width:100%;height:auto;max-height:360px;object-fit:contain}
#appMain .support-experience .equipment-reference figcaption {margin-top:12px;font-size:.875rem;line-height:1.6;color:var(--slate)}
#appMain .support-experience .equipment-reference a {color:var(--azure-dark)}
#appMain #documentsPage .download-grid {grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
#appMain #documentsPage .download-card {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr) 190px;gap:16px 24px!important;padding:24px!important;align-items:start;min-height:0!important}
#appMain #documentsPage .doc-main {min-width:0}
#appMain #documentsPage .doc-main h3 {margin:8px 0 10px!important}
#appMain #documentsPage .doc-main p {margin:0!important}
#appMain #documentsPage .v165-doc-details {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important;margin:0!important;padding:0!important;border:0!important}
#appMain #documentsPage .v165-doc-details > div:first-child {grid-column:1/-1}
#appMain #documentsPage .doc-actions {display:flex;flex-direction:column;gap:8px;align-items:flex-start}
#appMain #documentsPage .doc-actions .btn {width:100%;justify-content:center;padding:10px 12px!important}
#appMain #documentsPage .doc-actions .v165-doc-access {margin:0!important}
#appMain #documentsPage .doc-actions .download-meta {display:block;margin:0!important;padding:0!important;border:0!important}
#appMain #documentsPage .doc-applicability {grid-column:1/-1;margin:0!important}
#appMain #documentsPage .doc-filter-chips {display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
#appMain #documentsPage .doc-filter-chips button {min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--ice);color:var(--azure-dark);font:inherit;font-size:.875rem;cursor:pointer}
#appMain .support-experience .training-interest-heading {display:flex;gap:12px;align-items:baseline;justify-content:space-between}
#appMain .support-experience .evidence-copy-text {width:100%;min-height:180px;padding:12px;font:inherit;line-height:1.6;resize:vertical}
html[data-visual-theme="consulta"] body #appMain .app-view.support-experience#documentsPage > .official-resource-section {padding-block:32px 48px!important}
html[data-visual-theme="consulta"] body #appMain .support-experience .support-resources {margin-top:32px!important;padding-top:24px}
html[data-visual-theme="consulta"] body #appMain .support-experience .support-resources > h3 {margin-bottom:16px!important}
@media(prefers-reduced-motion:no-preference) {
  html[data-visual-theme="consulta"] body #appMain .support-experience .form-step.active {animation:griddy-support-step 180ms ease-out both!important}
  html[data-visual-theme="consulta"] body #appMain .support-experience .form-step:focus-within {animation:none!important}
}
@keyframes griddy-support-step {from{opacity:.85;transform:translateX(4px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine) {
  html[data-visual-theme="consulta"] body #appMain .support-experience :is(.download-card,.kb-card):hover {transform:none!important;box-shadow:none!important;background:var(--card)!important}
  #appMain .support-experience .support-secondary a:hover {border-color:var(--azure)}
}
@media(max-width:980px) {#appMain #documentsPage .download-card {grid-template-columns:minmax(0,1fr) minmax(250px,1fr)}#appMain #documentsPage .doc-actions {grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center}#appMain #documentsPage .doc-actions .btn {width:auto}}
@media(max-width:700px) {
  html[data-visual-theme="consulta"] body #appMain .app-view.support-experience > .internal-hero {padding-block:24px 20px!important}
  html[data-visual-theme="consulta"] body #appMain .app-view.support-experience:is(#supportPage,#warrantyPage,#technicalSupportPage,#documentsPage,#trainingPage) > .page-shell {padding-block:24px 36px!important}
  #appMain .support-experience .support-secondary {grid-template-columns:minmax(0,1fr)}
  #appMain #documentsPage .download-card {grid-template-columns:minmax(0,1fr);padding:20px!important}
  #appMain .support-experience .warranty-review-group dl {grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce) {#appMain .support-experience *,#appMain .message-recovery * {animation:none!important;transition:none!important;scroll-behavior:auto!important}}
