.system-summary,
[data-company-summary] {
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0 2px 12px;
  color:#294b4f;
}
[data-company-summary][hidden] { display:none !important; }

.system-summary__detail { flex:1 1 280px; min-width:0; }
.system-summary__status,
.system-summary__description { margin:0; font:400 12px/1.65 var(--font-jp,sans-serif); }
.system-summary__status { color:#244a4f; }
.system-summary__description { margin-top:2px; color:#627477; }
.system-summary__retry,
.system-picker-more,
.system-tag__remove {
  border:0;
  background:transparent;
  color:#286d71;
  cursor:pointer;
  font:500 11px/1.4 var(--font-jp,sans-serif);
}
.system-summary__retry { flex:0 0 auto; padding:4px 0; text-decoration:underline; text-underline-offset:3px; }

.system-industry { display:grid; flex:0 1 156px; gap:3px; }
.system-industry__label { color:#547075; font:500 10px/1.4 var(--font-jp,sans-serif); }
.system-industry-select {
  width:100%; min-height:34px; padding:5px 26px 5px 8px; border:1px solid rgba(31,98,101,.22); border-radius:9px;
  background:rgba(250,254,254,.88); color:#244a4f; font:500 12px/1.4 var(--font-jp,sans-serif);
}

[data-system-picker] { margin:0 2px 12px; }
.system-picker__heading { margin:0 0 10px; color:#244a4f; font:500 17px/1.5 var(--font-jp,sans-serif); }
.system-picker__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.system-picker-button {
  position:relative; min-width:0; min-height:132px; padding:15px 42px 14px 15px; border:1px solid rgba(31,98,101,.17); border-radius:13px;
  background:rgba(248,253,253,.72); color:#244a4f; cursor:pointer; text-align:left;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}
.system-picker-button[aria-pressed="true"] { border-color:rgba(24,113,111,.65); background:rgba(205,243,238,.78); color:#153f43; }
.system-picker-button__check {
  position:absolute; top:14px; right:14px; display:grid; width:22px; height:22px; place-items:center;
  border:1px solid rgba(31,98,101,.28); border-radius:50%; color:transparent; font:700 15px/1 sans-serif;
}
.system-picker-button[aria-pressed="true"] .system-picker-button__check { border-color:#18716f; background:#18716f; color:#fff; }
.system-picker-button__benefit { display:block; padding-right:2px; color:#173f43; font:600 16px/1.5 var(--font-jp,sans-serif); letter-spacing:.01em; }
.system-picker-button__label { display:block; margin-top:9px; color:#426065; font:500 14px/1.45 var(--font-jp,sans-serif); }
.system-picker-button__description { display:block; margin-top:4px; color:#426065; font:400 14px/1.5 var(--font-jp,sans-serif); }
.system-picker-button[aria-pressed="true"] .system-picker-button__description { color:#306268; }
.system-picker-more { margin-top:8px; padding:4px 0; text-decoration:underline; text-underline-offset:3px; }

.system-selected-tags { display:flex; flex-wrap:wrap; gap:5px; margin:2px 0 8px; }
.system-tag { display:inline-flex; align-items:center; gap:2px; min-width:0; padding:3px 5px 3px 8px; border-radius:999px; background:rgba(201,239,235,.84); color:#214f53; font:500 10px/1.45 var(--font-jp,sans-serif); }
.system-tag__label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.system-tag__remove { min-width:22px; min-height:22px; padding:0; border-radius:50%; font-size:0; }
.system-tag__remove::before { content:'×'; font-size:16px; line-height:1; }

[data-system-estimate] { margin:14px 2px 0; color:#294b4f; }
.system-estimate__main,
.system-estimate__total,
.system-estimate__note { margin:0; }
.system-estimate__main { font:500 12px/1.5 var(--font-jp,sans-serif); }
.system-estimate__total { margin-top:1px; color:#173f43; font:500 16px/1.4 var(--font-jp,sans-serif); }
.system-estimate__note { margin-top:3px; color:#627477; font:400 10px/1.55 var(--font-jp,sans-serif); }
.system-selection-review { margin:0 0 8px; color:#426065; font:500 14px/1.5 var(--font-jp,sans-serif); }

.system-picker-button:hover:not(:disabled) { border-color:rgba(24,113,111,.45); background:rgba(230,248,246,.8); transform:translateY(-1px); }
.system-summary__retry:hover:not(:disabled),.system-picker-more:hover:not(:disabled),.system-tag__remove:hover:not(:disabled) { color:#173f43; }
.system-picker-button:focus-visible,.system-summary__retry:focus-visible,.system-picker-more:focus-visible,.system-tag__remove:focus-visible,.system-industry-select:focus-visible { outline:2px solid #286d71; outline-offset:2px; }
.system-picker-button:disabled,.system-summary__retry:disabled,.system-picker-more:disabled,.system-tag__remove:disabled,.system-industry-select:disabled { cursor:not-allowed; opacity:.55; }

@media (prefers-reduced-motion:no-preference) {
  .system-picker:not(.system-picker--settled) .system-picker-button { animation:system-picker-in .2s ease-out both; animation-delay:calc(var(--system-order, 0) * 28ms); }
  @keyframes system-picker-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
}

@media (max-width:700px) {
  [data-company-summary] { align-items:stretch; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
  .system-industry { flex:1 1 144px; }
  .system-summary__retry { align-self:end; }
  .system-picker__list { grid-template-columns:1fr; }
  .system-picker-button { min-height:0; padding:13px 40px 13px 13px; }
}

@media (max-width:360px) {
  .system-summary__status,.system-summary__description { font-size:11px; }
  .system-estimate__main { font-size:11px; }
}