.monday-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: -10px 0 25px; color: #62666a; font-size: 12px; }
.monday-breadcrumb a, .monday-text-link, .monday-secondary-link { color: #000; text-underline-offset: 4px; }
.monday-breadcrumb a:hover, .monday-text-link:hover, .monday-secondary-link:hover { text-decoration-thickness: 2px; }
.monday-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 30px; margin-bottom: 34px; border: 1px solid #e5e7e8; border-left: 3px solid #2aea33; background: #fafbfa; }
.monday-intro > div:first-child { min-width: 0; }
.monday-intro h2 { margin: 8px 0; font-size: 25px; }
.monday-intro p { max-width: 650px; margin: 0; color: #62666a; font-size: 13px; line-height: 1.7; }
.monday-kicker { display: block; color: #62666a; font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.monday-connection { display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; font-size: 11px; font-weight: 700; }
.monday-connection.is-connected span { width: 7px; height: 7px; border-radius: 50%; background: #20b528; }
.monday-connection.is-disconnected { color: #62666a; }
.monday-connection-box { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.monday-connection-box .button { white-space: nowrap; }
.monday-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin: 34px 0 16px; }
.monday-section-heading h2 { margin: 6px 0 0; font-size: 19px; }
.monday-count { color: #62666a; font-size: 11px; white-space: nowrap; }
.monday-tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.monday-tool-card { display: flex; flex-direction: column; min-width: 0; padding: 20px; border: 1px solid #e5e7e8; border-radius: 7px; background: #fff; transition: border-color .15s ease, transform .15s ease; }
.monday-tool-card:hover { border-color: #92979a; transform: translateY(-1px); }
.monday-card-topline { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.monday-tool-symbol { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #e5e7e8; border-radius: 6px; color: #111; font-size: 15px; font-weight: 700; }
.monday-access { padding: 4px 8px; border: 1px solid #e5e7e8; border-radius: 999px; font-size: 9px; font-weight: 700; }
.monday-access.is-write { border-color: #c6efc8; background: #f3fcf3; }
.monday-tool-card h3 { margin: 14px 0 6px; font-size: 14px; }
.monday-tool-card > p { flex: 1; margin: 0 0 18px; color: #62666a; font-size: 11px; line-height: 1.7; }
.monday-tool-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-top: 1px solid #eef0f0; padding-top: 13px; }
.monday-tool-footer code, .monday-panel-heading > code { overflow-wrap: anywhere; color: #62666a; font-size: 9px; }
.monday-scopes { margin: 0 0 13px; color: #62666a; font-size: 9px; line-height: 1.6; overflow-wrap: anywhere; }
.monday-scopes span { display: block; margin-bottom: 2px; font-weight: 700; }
.monday-text-link { font-size: 11px; font-weight: 700; white-space: nowrap; }
.monday-history { margin-top: 42px; }
.monday-history > .monday-section-heading { margin-top: 0; }
.monday-operation-list { padding: 0; margin: 0; list-style: none; border-top: 1px solid #e5e7e8; }
.monday-operation-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 18px; padding: 15px 2px; border-bottom: 1px solid #e5e7e8; }
.monday-operation-main { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; min-width: 0; }
.monday-operation-main strong { font-size: 12px; }
.monday-operation-main code { overflow-wrap: anywhere; color: #62666a; font-size: 10px; }
.monday-empty-history { margin: 0; padding: 20px; border: 1px dashed #d1d5db; color: #62666a; font-size: 12px; }
.monday-status { display: inline-flex; align-items: center; width: fit-content; padding: 6px 9px; border: 1px solid #e5e7e8; border-radius: 999px; background: #fafafa; color: #333; font-size: 10px; font-weight: 700; line-height: 1.35; }
.monday-status.is-confirmed { border-color: #c6efc8; background: #f3fcf3; }
.monday-status.is-uncertain, .monday-status.is-rejected { border-color: #b9b9b9; background: #f4f4f4; }
.monday-form-panel, .monday-result-panel, .monday-operation-panel { min-width: 0; margin-top: 24px; padding: 26px; border: 1px solid #e5e7e8; border-radius: 8px; background: #fff; }
.monday-panel-heading, .monday-operation-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.monday-panel-heading h2, .monday-operation-heading h2 { margin: 6px 0 0; font-size: 20px; }
.monday-form { margin-top: 24px; }
.monday-example { margin-top: 20px; border-top: 1px solid #eef0f0; padding-top: 14px; }
.monday-example summary { width: fit-content; cursor: pointer; font-size: 11px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.monday-form-hint { margin: 0 0 18px; color: #62666a; font-size: 12px; line-height: 1.7; }
.monday-fields { display: grid; gap: 16px; }
.monday-fields.two-up { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.monday-field { min-width: 0; margin-bottom: 17px; }
.monday-field label { display: block; margin-bottom: 7px; font-size: 11px; font-weight: 700; line-height: 1.45; }
.monday-field input, .monday-field select, .monday-field textarea { display: block; width: 100%; min-width: 0; min-height: 43px; border: 1px solid #b8bdc0; border-radius: 4px; padding: 9px 10px; background: #fff; color: #111; font: inherit; font-size: 13px; }
.monday-field input:focus-visible, .monday-field select:focus-visible, .monday-field textarea:focus-visible { outline: 3px solid #000; outline-offset: 2px; border-color: #000; }
.monday-form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 12px; }
.monday-form-actions form { margin: 0; }
.monday-form-actions .button { font-family: inherit; cursor: pointer; }
.app-shell .button.button-secondary { border: 1px solid #000; background: #fff; color: #000; }
.app-shell .button.button-secondary:hover { background: #f3f4f6; }
.monday-secondary-link { font-size: 11px; font-weight: 700; }
.monday-alert, .monday-warning { margin-top: 22px; padding: 15px 17px; border: 1px solid #d1d5db; border-left: 3px solid #2aea33; background: #f8faf8; font-size: 12px; line-height: 1.65; }
.monday-alert p, .monday-warning p { margin: 5px 0 0; color: #4f5457; }
.monday-warning.is-uncertain { border-left-color: #000; background: #f5f5f5; }
.monday-columns { min-width: 0; margin: 20px 0 24px; padding: 18px; border: 1px solid #e5e7e8; border-radius: 6px; }
.monday-columns legend { padding: 0 7px; font-size: 12px; font-weight: 700; }
.monday-columns legend span { margin-left: 7px; color: #62666a; font-size: 10px; font-weight: 400; }
.monday-column-row { display: grid; grid-template-columns: 28px minmax(120px, 1.2fr) minmax(105px, .8fr) minmax(120px, 1.2fr) minmax(110px, .8fr) minmax(130px, 1fr); align-items: start; gap: 9px; padding-top: 13px; border-top: 1px solid #eef0f0; }
.monday-row-index { padding-top: 11px; color: #62666a; font-size: 10px; font-weight: 700; }
.monday-column-row .monday-field { margin-bottom: 5px; }
.monday-json { max-width: 100%; margin: 18px 0 0; padding: 18px; overflow: auto; border: 1px solid #e5e7e8; border-radius: 5px; background: #f7f8f8; color: #161819; font: 11px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre; overflow-wrap: normal; }
.monday-operation-panel { padding: 28px; }
.monday-operation-heading { align-items: flex-start; }
.monday-operation-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 26px; margin: 24px 0 0; }
.monday-operation-details > div { min-width: 0; padding-top: 12px; border-top: 1px solid #e5e7e8; }
.monday-operation-details dt { color: #62666a; font-size: 10px; }
.monday-operation-details dd { margin: 5px 0 0; font-size: 12px; overflow-wrap: anywhere; }
.monday-operation-details code, .monday-operation-result code, .monday-duration { font-size: 10px; }
.monday-detail-wide { grid-column: 1 / -1; }
.monday-column-values { margin: 8px 0 0; border-top: 1px solid #eef0f0; }
.monday-column-values > div { display: grid; grid-template-columns: minmax(170px, .7fr) minmax(0, 1fr); gap: 14px; padding: 11px 0; border-bottom: 1px solid #eef0f0; }
.monday-column-values dt { color: #111; font-weight: 700; overflow-wrap: anywhere; }
.monday-column-values dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.monday-receipt-result { margin-top: 24px; }
.monday-receipt-result h3 { font-size: 13px; }
.monday-operation-error { margin-top: 20px; color: #333; font-size: 12px; }
.monday-operation-result { margin-top: 22px; padding: 14px; background: #f3fcf3; font-size: 12px; }
.monday-duration { margin-top: 18px; color: #62666a; }
@media (max-width: 1050px) {
  .monday-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .monday-column-row { grid-template-columns: 24px repeat(2, minmax(0, 1fr)); }
  .monday-row-index { grid-row: span 3; }
}
@media (max-width: 700px) {
  .monday-intro { align-items: flex-start; flex-direction: column; padding: 22px; }
  .monday-connection-box { width: 100%; justify-content: space-between; }
  .monday-tool-grid { grid-template-columns: 1fr; }
  .monday-tool-card { padding: 18px; }
  .monday-section-heading { align-items: flex-start; }
  .monday-operation-list li { grid-template-columns: minmax(0, 1fr) auto; gap: 11px; }
  .monday-operation-list li > .monday-text-link { grid-column: 1 / -1; }
  .monday-fields.two-up, .monday-operation-details { grid-template-columns: 1fr; gap: 0; }
  .monday-form-panel, .monday-result-panel, .monday-operation-panel { padding: 20px; }
  .monday-panel-heading, .monday-operation-heading { align-items: flex-start; flex-direction: column; }
  .monday-column-row { grid-template-columns: 25px minmax(0, 1fr); gap: 8px 10px; }
  .monday-row-index { grid-row: span 5; padding-top: 9px; }
  .monday-column-values > div { grid-template-columns: 1fr; gap: 4px; }
  .monday-form-actions { align-items: stretch; flex-direction: column; }
  .monday-form-actions > *, .monday-form-actions form, .monday-form-actions .button { width: 100%; text-align: center; }
  .monday-detail-wide { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) { .monday-tool-card { transition: none; } }

.monday-message-text { white-space: pre-wrap; overflow-wrap: anywhere; }