.feishu-page { --feishu-blue: #668ce5; --feishu-blue-deep: #4f72c9; --feishu-mint: #70c5a2; }
.feishu-page .linear-connection-card { box-shadow: 0 12px 30px rgba(76, 123, 187, .09); }
.feishu-page .linear-config-grid { grid-template-areas: "connection message" "schedule side"; grid-template-columns: minmax(0, 1.08fr) minmax(310px, .92fr); }
.feishu-connection-panel { grid-area: connection; }
.feishu-message-panel { grid-area: message; }
.feishu-schedule-panel { grid-area: schedule; }
.feishu-side-stack { grid-area: side; }
.feishu-page .linear-field input:focus { border-color: #abc2f2; box-shadow: 0 0 0 3px rgba(102, 140, 229, .1); }
.feishu-page .switch-field { border-color: #deebf8; background: #f8fbff; }
.feishu-page .switch-field > input:checked + .switch-track { background: var(--feishu-blue); }
.feishu-page .weekday-field { margin-top: 20px; }
.weekday-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.weekday-option { display: grid; min-height: 39px; place-items: center; border: 1px solid #ebeaf1; border-radius: 9px; color: #9e9aa9; background: #fbfbfd; cursor: pointer; transition: border-color .2s, color .2s, background .2s, box-shadow .2s; }
.weekday-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.weekday-option span { font-size: 10px; font-weight: 750; }
.weekday-option:hover { border-color: #c5d5f4; color: var(--feishu-blue-deep); background: #f7faff; }
.weekday-option:has(input:checked) { border-color: #abc2f2; color: #fff; background: var(--feishu-blue); box-shadow: 0 6px 13px rgba(102, 140, 229, .16); }
.timezone-strip { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 19px; padding: 10px 12px; border: 1px solid #edf0f6; border-radius: 9px; background: #fcfcfe; }
.timezone-strip span { color: #b0adba; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.timezone-strip strong { overflow: hidden; color: #77738a; font-family: var(--font-mono); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.feishu-page .selection-summary .summary-dot { background: #c7d5f3; }
.feishu-page.is-ready .selection-summary .summary-dot { background: var(--feishu-mint); box-shadow: 0 0 0 4px rgba(112, 197, 162, .13); }
.feishu-note { border-color: #ddebf8; background: #f7fbff; }
.feishu-note .note-mark { color: #fff; background: var(--feishu-blue); }
.feishu-note strong { color: #5c79b7; }
.feishu-note p { color: #8fa0bd; }
.feishu-page .button-primary { background: linear-gradient(135deg, #718fe6, #5977d0); box-shadow: 0 10px 20px rgba(91, 120, 207, .2); }
.feishu-page .button-primary:hover { background: linear-gradient(135deg, #6685df, #4f6fc9); }
.feishu-page .button:disabled { cursor: not-allowed; opacity: .52; }
.feishu-page .footer { padding-top: 23px; }

.delivery-test-block { margin-top: 18px; padding-top: 16px; border-top: 1px solid #edf1f8; }
.delivery-test-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.delivery-test-head > div { display: grid; gap: 4px; min-width: 0; }
.delivery-test-head strong { color: #5c6d94; font-size: 11px; }
.delivery-test-head small { color: #9caac0; font-size: 9px; line-height: 1.45; }
.delivery-test-state { flex: 0 0 auto; padding: 5px 7px; border-radius: 6px; color: #aab4c5; background: #f0f3f8; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.feishu-page.is-ready .delivery-test-state { color: #4d9b7a; background: #e8f6ef; }
.monthly-test-scope { min-width: 0; margin: 12px 0 0; padding: 0; border: 0; }
.monthly-test-scope legend { margin-bottom: 6px; color: #8491a8; font-size: 8px; font-weight: 800; letter-spacing: .06em; }
.monthly-scope-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; padding: 3px; border: 1px solid #e5eaf3; border-radius: 11px; background: #f4f6fa; }
.monthly-scope-option { position: relative; min-width: 0; cursor: pointer; }
.monthly-scope-option input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.monthly-scope-option > span { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 10px; border: 1px solid transparent; border-radius: 8px; color: #9ba5b7; transition: color .18s, border-color .18s, background .18s, box-shadow .18s; }
.monthly-scope-option strong { font-size: 9px; }
.monthly-scope-option small { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.monthly-scope-option input:checked + span { border-color: #c9d6f2; color: #5d77b8; background: #fff; box-shadow: 0 5px 13px rgba(84, 111, 173, .1); }
.monthly-scope-option input:focus-visible + span { outline: 0; border-color: #8ca9e7; box-shadow: 0 0 0 3px rgba(102, 140, 229, .13); }
.monthly-scope-option input:disabled + span { cursor: not-allowed; opacity: .55; }
.report-test-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 12px; }
.report-test-button { display: flex; min-width: 0; min-height: 52px; align-items: center; justify-content: space-between; gap: 5px; padding: 8px 8px 8px 10px; border: 1px solid #e1e9f6; border-radius: 10px; color: #6684c8; background: #fbfdff; cursor: pointer; text-align: left; transition: transform .2s, border-color .2s, background .2s, box-shadow .2s; }
.report-test-button > span { display: grid; min-width: 0; gap: 3px; }
.report-test-button strong { color: #6077ae; font-size: 10px; }
.report-test-button small { overflow: hidden; color: #a1aec3; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.report-test-button b { display: grid; width: 17px; height: 17px; flex: 0 0 17px; place-items: center; border-radius: 50%; color: #fff; background: #7190df; font-size: 10px; font-weight: 600; }
.report-test-button:hover { border-color: #b7c9ef; background: #f5f9ff; box-shadow: 0 7px 16px rgba(94, 126, 201, .12); transform: translateY(-1px); }
.report-test-button:focus-visible { outline: 0; border-color: #8ca9e7; box-shadow: 0 0 0 3px rgba(102, 140, 229, .13); }
.report-test-button:disabled { cursor: not-allowed; transform: none; }
.report-test-button.is-loading { border-color: #b7c9ef; background: #f5f9ff; }
.delivery-test-hint { display: block; margin-top: 9px; color: #a0acc0; font-size: 8px; line-height: 1.45; }
.report-history-link { display: inline-flex; align-items: center; gap: 5px; margin-top: 13px; color: #6684c8; font-size: 9px; font-weight: 750; }
.report-history-link:hover { color: #4f72c9; }
.report-history-link span { font-size: 13px; font-weight: 400; }

@container workspace (max-width: 1200px) {
  .feishu-page .linear-config-grid { grid-template-areas: "connection message" "schedule side"; grid-template-columns: minmax(0, 1fr) minmax(300px, .9fr); }
}

@container workspace (max-width: 860px) {
  .feishu-page .linear-config-grid { grid-template-areas: "connection" "message" "schedule" "side"; grid-template-columns: 1fr; }
}

@container workspace (max-width: 650px) {
  .weekday-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .timezone-strip { align-items: flex-start; flex-direction: column; gap: 5px; }
  .report-test-grid { grid-template-columns: 1fr; }
}