/* Board governance visual and responsive hardening. Loaded last on purpose. */
:where(.board-hero,.board-tabs,.board-kpis,.board-overview-grid,.board-version-list,.board-case-grid,.board-structure-grid,.board-audit,.board-objective-grid,.board-policy-list,.board-action-board,.board-observer-hero,.board-observer-meta,.board-observer-grid,.board-case-detail,.board-observer-report,.shidka-hero,.shidka-kpis,.shidka-main-grid,.shidka-pillars,.shidka-bottom-grid,.shidka-assessments,.shidka-questionnaire),
:where(.board-hero,.board-tabs,.board-kpis,.board-overview-grid,.board-version-list,.board-case-grid,.board-structure-grid,.board-audit,.board-objective-grid,.board-policy-list,.board-action-board,.board-observer-hero,.board-observer-meta,.board-observer-grid,.board-case-detail,.board-observer-report,.shidka-hero,.shidka-kpis,.shidka-main-grid,.shidka-pillars,.shidka-bottom-grid,.shidka-assessments,.shidka-questionnaire) * {
  box-sizing: border-box;
  min-width: 0;
}

:where(.board-hero,.board-kpis,.board-overview-grid,.board-version-list,.board-case-grid,.board-structure-grid,.board-audit,.board-objective-grid,.board-policy-list,.board-action-board,.board-observer-hero,.board-observer-meta,.board-observer-grid,.board-case-detail,.board-observer-report,.shidka-hero,.shidka-kpis,.shidka-main-grid,.shidka-pillars,.shidka-bottom-grid,.shidka-assessments)
  :where(h1,h2,h3,h4,p,small,strong,span,b,em,time,dt,dd) {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}

:where(.board-hero,.board-tabs,.board-kpis,.board-overview-grid,.board-version-list,.board-case-grid,.board-structure-grid,.board-audit,.board-objective-grid,.board-policy-list,.board-action-board,.board-observer-hero,.board-observer-meta,.board-observer-grid,.board-case-detail,.board-observer-report,.shidka-hero,.shidka-kpis,.shidka-main-grid,.shidka-pillars,.shidka-bottom-grid,.shidka-assessments) button {
  max-width: 100%;
  height: auto;
  white-space: normal;
  line-height: 1.55;
}

:where(.board-tabs,.board-case-grid,.board-objective-grid,.board-action-board,.board-member-grid,.shidka-cycle-grid) button:focus-visible,
:where(.board-tabs,.board-case-grid,.board-objective-grid,.board-action-board,.board-member-grid,.shidka-cycle-grid) article:focus-within {
  outline: 3px solid rgba(10,167,135,.22);
  outline-offset: 2px;
}

.board-hero {
  position: relative;
  isolation: isolate;
  border: 1px solid rgba(255,255,255,.08);
}
.board-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 260px;
  height: 260px;
  inset: auto auto -155px -85px;
  border-radius: 50%;
  border: 42px solid rgba(46,214,174,.09);
}
.board-hero aside {box-shadow: inset 0 1px 0 rgba(255,255,255,.08)}
.board-hero>div>span {display:block;white-space:normal;overflow-wrap:anywhere}
.board-hero aside strong {white-space:nowrap;overflow:visible;font-size:clamp(13px,1.45vw,17px)}

.board-tabs {
  scrollbar-width: thin;
  scrollbar-color: #b9d7cf transparent;
  scroll-snap-type: x proximity;
}
.board-tabs button {
  flex: 0 0 auto;
  scroll-snap-align: start;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.board-tabs button:hover {transform: translateY(-1px);border-color:#9fcfc2}

:where(.board-kpis,.board-observer-meta,.shidka-kpis) article {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
:where(.board-kpis,.board-observer-meta,.shidka-kpis) article:hover {
  transform: translateY(-2px);
  border-color: #c9e1da;
  box-shadow: 0 12px 30px rgba(17,55,72,.08);
}
.board-kpis strong,.board-observer-meta strong,.shidka-kpis strong {
  font-variant-numeric: tabular-nums;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.board-case-grid,.board-objective-grid,.board-action-board {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,265px),1fr));
}
.board-member-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.board-case-card,.board-objective,.board-action-card,.board-member-grid>div {
  transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.board-case-card:hover,.board-objective:hover,.board-action-card:hover,.board-member-grid>div:hover {
  transform: translateY(-2px);
  box-shadow:0 12px 28px rgba(20,56,76,.08);
}
.board-case-card,.board-objective {display:flex;flex-direction:column}
.board-case-card>button {margin-top:auto}
.board-case-card h3,.board-objective h3,.board-action-card h3 {line-height:1.75}
.board-case-card p,.board-objective p,.board-action-card p {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.board-case-card dl div,.board-objective dl div {overflow:hidden}
.board-case-card dd,.board-objective dd {white-space:normal;overflow-wrap:anywhere}

.toolbar {align-items:flex-start;gap:12px;flex-wrap:wrap}
.toolbar>div:first-child {flex:1 1 280px}
.toolbar>button {flex:0 0 auto}
.surface {border-color:#e0e9ed;box-shadow:0 8px 28px rgba(17,50,70,.045)}

.board-policy-list article {overflow:hidden}
.board-policy-list article>div,.board-policy-list article>p {min-width:0}
.board-policy-list p,.board-version-list dd,.board-direction-card dd {overflow-wrap:anywhere}
.board-simple-list>div {gap:10px}
.board-simple-list>div>span {min-width:0;flex:1}
.board-simple-list>div>div {display:flex;align-items:center;gap:7px;flex:0 0 auto}
.board-audit article>span {min-width:0}

.board-observer-hero {position:relative;overflow:hidden;isolation:isolate}
.board-observer-hero::after {
  content:"";
  position:absolute;
  z-index:-1;
  width:240px;
  height:240px;
  left:-110px;
  bottom:-150px;
  border:38px solid rgba(90,224,190,.09);
  border-radius:50%;
}
.board-observer-actions {flex-wrap:wrap;justify-content:flex-end}
.board-report-list>button,.board-finding-list>button {width:100%;overflow:hidden}
.board-report-list>button>span,.board-finding-list>button>b {min-width:0}
.board-report-list b,.board-report-list small,.board-finding-list b,.board-finding-list small {overflow-wrap:anywhere}
.board-report-findings article,.board-report-columns section {overflow:hidden}

/* Shidka dashboard */
.shidka-main-grid {grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
.shidka-hero {box-shadow:0 18px 42px rgba(7,36,55,.16)}
.shidka-hero>div:first-child {flex:1 1 520px}
.shidka-hero-actions {flex:0 1 330px}
.shidka-hero-actions button {flex:1 1 140px}
.shidka-kpis article {display:flex;flex-direction:column;justify-content:center;min-height:142px}
.shidka-kpis strong {font-size:clamp(24px,2.7vw,36px);line-height:1.25}

.shidka-radar-card {overflow:hidden;background:linear-gradient(180deg,#fff,#fbfefd)}
.shidka-radar-card>header {gap:14px;flex-wrap:wrap}
.shidka-radar-card header>span {max-width:min(100%,260px);text-align:right}
.shidka-radar {
  width:min(100%,720px);
  max-height:520px;
  overflow:visible;
  margin:4px auto 0;
}
.shidka-radar .grid {stroke:#d9e7eb;stroke-width:1.2}
.shidka-radar .level-5 {stroke:#bdd7d1;stroke-width:1.5}
.shidka-radar line {stroke:#dbe8eb;stroke-dasharray:3 4}
.shidka-radar .data {fill:rgba(5,163,133,.2);stroke:#079b80;stroke-width:3.5}
.shidka-radar .data-point {fill:#fff;stroke:#079b80;stroke-width:3.5;filter:drop-shadow(0 2px 3px rgba(7,135,114,.2))}
.shidka-radar-label polyline {fill:none;stroke:#8faeb4;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.shidka-radar-label>circle {fill:#0ba287;stroke:#fff;stroke-width:2}
.shidka-radar-label text {fill:#29495b;font-family:inherit;font-size:13px;font-weight:800}
.shidka-radar-label .score {fill:#078c75;font-size:11px;font-weight:700}
.shidka-chart-note {margin:0;text-align:center;color:#718690;font-size:12px}

.shidka-pillars article,.shidka-cycle-grid article {
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.shidka-pillars article:hover,.shidka-cycle-grid article:hover {
  transform:translateY(-2px);
  border-color:#bee0d7;
  box-shadow:0 11px 26px rgba(14,65,77,.07);
}
.shidka-pillars h3 {min-height:0;margin:12px 0 8px}
.shidka-pillars small {display:block;line-height:1.7}
.shidka-gap-list>div {align-items:flex-start}
.shidka-gap-list>div>span {flex:1}
.shidka-gap-list>div>strong {flex:0 0 auto}
.shidka-action-list>div {overflow:hidden}
.shidka-action-list b,.shidka-action-list small {overflow-wrap:anywhere}
.shidka-cycle-grid h3 {min-height:48px}
.shidka-inbox button {gap:12px;overflow:hidden}
.shidka-inbox button>span {min-width:0}

.shidka-question {overflow:hidden;background:#fff}
.shidka-question-text p,.shidka-question details,.shidka-question textarea,.shidka-question input {max-width:100%;overflow-wrap:anywhere}
.shidka-score-picker {flex-wrap:wrap}
.shidka-manage section {overflow:hidden}
.shidka-manage dd {overflow-wrap:anywhere}

@media (max-width:1100px) {
  .shidka-main-grid {grid-template-columns:1fr}
  .shidka-radar {width:min(100%,760px)}
}

@media (max-width:760px) {
  .board-hero,.board-observer-hero,.shidka-hero {padding:21px;border-radius:19px}
  .board-hero {gap:16px}
  .board-tabs {margin-top:12px;margin-bottom:15px}
  .surface {padding:16px}
  .board-policy-list article {grid-template-columns:1fr}
  .board-policy-list article>p {grid-column:auto}
  .board-observer-actions,.shidka-hero-actions {width:100%;flex-basis:auto;justify-content:stretch}
  .shidka-hero>div:first-child {width:100%;flex:1 1 auto}
  .board-observer-actions button,.shidka-hero-actions button {flex:1 1 145px}
  .shidka-radar-card,.shidka-dimensions,.shidka-pillars,.shidka-assessments,.shidka-bottom-grid>.surface {padding:16px}
  .shidka-radar {width:100%;max-width:100%;margin-inline:auto}
  .shidka-radar-label text {font-size:17px}
  .shidka-radar-label .score {font-size:14px}
  .shidka-chart-note {margin-top:-4px}
  .shidka-cycle-grid h3 {min-height:0}
}

@media (max-width:520px) {
  .board-kpis article,.shidka-kpis article {display:block;min-height:auto;padding:15px}
  .board-kpis strong,.shidka-kpis strong {font-size:28px;margin-block:6px}
  .board-case-row {align-items:start}
  .board-case-row em {margin-top:3px}
  .toolbar>button {width:100%}
  .board-observer-actions button,.shidka-hero-actions button {width:100%;flex-basis:100%}
  .shidka-radar {width:100%;margin-inline:auto}
  .shidka-radar-label text {font-size:18px}
  .shidka-radar-label .score {font-size:15px}
  .shidka-gap-list>div {display:grid;grid-template-columns:minmax(0,1fr) auto}
  .shidka-question-text {flex-direction:column}
}