.language-options {
  position: absolute; z-index: 20; bottom: calc(100% + 8px); left: 0; width: 220px;
  display: grid; gap: 2px; padding: 7px; border: 1px solid #dfe3ea; border-radius: 12px;
  background: #fff; box-shadow: 0 14px 34px rgba(23,32,51,.14);
}
.language-options a { padding: 8px 10px; border-radius: 8px; color: #5b6475; text-decoration: none; font-size: 12px; }
.language-options a[aria-current="page"] { color: #172033; background: #eef1f5; font-weight: 800; }
.language-options a:hover { color: var(--hp-red); background: #fff3f6; }
.submenu-link {
  display: inline-flex;
  width: 100%;
  align-items: center;
  border: 0;
  padding: 3px 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.submenu-link:hover, .submenu-link:focus-visible { color: var(--hp-red); text-decoration: underline; text-underline-offset: 3px; }
.submenu-launch-form { display: block; margin: 0; }
.submenu-link-disabled { cursor: default; }
.module-back { display: inline-block; margin-bottom: 10px; color: var(--hp-red); font-weight: 700; text-decoration: none; }
.module-function-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 14px; }
.module-function { scroll-margin-top: 18px; padding: 18px; border: 1px solid var(--hp-line); border-radius: 16px; background: #fff; }
.module-function:target { border-color: var(--hp-red); box-shadow: 0 0 0 3px rgba(194,24,24,.10); }
.module-function h2 { margin: 0 0 12px; font-size: 16px; }
.module-function .status { margin: 0; }
.personal-app-card { border-color: rgba(194,24,24,.22); }
@media (max-width: 560px) {
  .language-options { width: min(210px, calc(100vw - 28px)); }
}

.workflow-workspace { min-width: 0; }
.workflow-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); gap: 16px; }
.workflow-panel { scroll-margin-top: 18px; min-width: 0; padding: 18px; border: 1px solid var(--hp-line); border-radius: 16px; background: #fff; }
.workflow-panel:target { border-color: var(--hp-red); box-shadow: 0 0 0 3px rgba(194,24,24,.10); }
.workflow-panel h2 { margin: 0 0 10px; font-size: 17px; }
.workflow-panel p { color: #667085; }
.workflow-form { display: grid; gap: 10px; margin-top: 12px; }
.workflow-form label { display: grid; gap: 6px; color: #344054; font-weight: 700; }
.workflow-form input { width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid #d0d5dd; border-radius: 10px; padding: 10px 12px; font: inherit; }
.workflow-form button { justify-self: start; border: 0; border-radius: 10px; padding: 10px 16px; background: var(--hp-red); color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.workflow-result { margin-bottom: 14px; border: 1px solid #a6f4c5; border-radius: 12px; padding: 12px 14px; background: #ecfdf3; color: #05603a; font-weight: 800; }
.workflow-empty, .workflow-unavailable, .workflow-notice { display: grid; gap: 5px; margin-top: 12px; border: 1px solid #e4e7ec; border-radius: 12px; padding: 12px; background: #f8fafc; color: #475467; }
.workflow-case { margin-top: 14px; }
.workflow-case dl { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 10px; margin: 0; }
.workflow-case dl div { min-width: 0; border: 1px solid #eaecf0; border-radius: 10px; padding: 10px; }
.workflow-case dt { color: #667085; font-size: 12px; font-weight: 700; }
.workflow-case dd { overflow-wrap: anywhere; margin: 4px 0 0; color: #101828; font-weight: 700; }
.workflow-history { display: grid; gap: 8px; padding-left: 20px; }
.workflow-history li { display: grid; grid-template-columns: minmax(80px,.7fr) minmax(120px,1fr) minmax(150px,1fr); gap: 8px; align-items: start; }
.workflow-history time, .workflow-history span { overflow-wrap: anywhere; color: #667085; }
@media (max-width: 640px) {
  .workflow-grid { grid-template-columns: 1fr; }
  .workflow-history li { grid-template-columns: 1fr; }
}

.platform-operations-workspace { min-width: 0; }
.platform-operations-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(340px,1fr)); gap: 16px; }
.platform-panel { scroll-margin-top: 18px; min-width: 0; padding: 18px; border: 1px solid var(--hp-line); border-radius: 16px; background: #fff; }
.platform-panel:target { border-color: var(--hp-red); box-shadow: 0 0 0 3px rgba(194,24,24,.10); }
.platform-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.platform-panel-heading h2 { margin: 0; font-size: 17px; }
.platform-panel-heading > span { flex: none; border-radius: 999px; padding: 4px 9px; background: #f2f4f7; color: #475467; font-size: 11px; font-weight: 800; }
.platform-panel p { color: #667085; }
.platform-service-grid { display: grid; gap: 12px; margin-top: 14px; }
.platform-service-card { border: 1px solid #eaecf0; border-radius: 13px; padding: 14px; background: #f8fafc; }
.platform-service-card h3 { margin: 0 0 10px; font-size: 15px; }
.platform-status-line { display: grid; grid-template-columns: minmax(90px,1fr) auto; gap: 8px; align-items: center; padding: 5px 0; }
.platform-status-line small { grid-column: 1 / -1; overflow-wrap: anywhere; color: #b42318; }
.platform-state { border-radius: 999px; padding: 3px 8px; font-size: 11px; }
.platform-state-ready { background: #ecfdf3; color: #067647; }
.platform-state-not-ready { background: #fffaeb; color: #b54708; }
.platform-state-unavailable { background: #fef3f2; color: #b42318; }
.platform-service-card details { margin-top: 8px; }
.platform-service-card summary { cursor: pointer; color: #344054; font-weight: 800; }
.platform-service-card dl, .platform-config-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 9px; margin: 10px 0 0; }
.platform-service-card dl div, .platform-config-grid div { min-width: 0; border: 1px solid #eaecf0; border-radius: 10px; padding: 9px; background: #fff; }
.platform-service-card dt, .platform-config-grid dt { color: #667085; font-size: 11px; font-weight: 700; }
.platform-service-card dd, .platform-config-grid dd { overflow-wrap: anywhere; margin: 3px 0 0; color: #101828; font-weight: 700; }
.platform-audit-action, .platform-unavailable, .platform-notice { display: grid; gap: 7px; margin-top: 12px; border: 1px solid #e4e7ec; border-radius: 12px; padding: 12px; background: #f8fafc; color: #475467; }
.platform-audit-action form { margin: 0; }
.platform-audit-action button, .platform-refresh { display: inline-flex; width: fit-content; border: 0; border-radius: 10px; padding: 9px 14px; background: var(--hp-red); color: #fff; font: inherit; font-weight: 800; text-decoration: none; cursor: pointer; }
.platform-actor { color: #667085; }
@media (max-width: 680px) {
  .platform-operations-grid { grid-template-columns: 1fr; }
  .platform-panel-heading { display: grid; }
}