288 lines
27 KiB
CSS
288 lines
27 KiB
CSS
.task-scene { border: 1px solid #d4e0ed; border-radius: 15px; background: rgba(252, 254, 255, .69); padding: 18px; box-shadow: 0 10px 30px -27px #42678e55; min-width: 0; }
|
|
.task-scene > * + * { margin-top: 16px; }
|
|
.task-scene .conversation-result { border: 0; border-radius: 0; padding: 0; background: transparent; box-shadow: none; }
|
|
.task-scene .motion-assembly:empty { display: none; }
|
|
.scene-card { border: 1px solid #d6e2ef; border-radius: 12px; padding: 16px; background: rgba(253, 254, 255, .82); min-width: 0; }
|
|
.scene-card-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; color: #8a9eb3; font-size: 10px; }
|
|
.scene-kind { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; color: #7c96af; }
|
|
.scene-status { border: 1px solid #d9e3ee; background: #f2f6fa; color: #7c93aa; border-radius: 6px; padding: 3px 7px; font-size: 10px; }
|
|
.scene-status.waiting, .scene-status.collecting, .scene-status.paused { color: #9d8963; background: #faf7f1; border-color: #e9dfcd; }
|
|
.scene-status.failed, .scene-status.blocked { color: #a18578; background: #faf5f1; border-color: #ecddd2; }
|
|
.scene-card h3, .phase-card h3 { font-weight: 550; color: #426784; font-size: 14px; line-height: 1.8; margin: 10px 0 0; }
|
|
.scene-description { color: #8299ae; font-size: 12px; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 7px; }
|
|
.scene-footnote { color: #98aabd; font-size: 10px; line-height: 1.8; margin-top: 7px; }
|
|
.scene-card-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
|
|
.clarification-fields { border: 0; padding: 0; margin: 16px 0 0; display: grid; gap: 13px; min-width: 0; }
|
|
.clarification-field label { display: block; font-size: 12px; color: #657f99; margin-bottom: 7px; line-height: 1.7; }
|
|
.clarification-field label small { color: #9aabbb; font-size: 10px; margin-left: 7px; }
|
|
.clarification-field input, .clarification-field textarea { display: block; width: 100%; min-width: 0; border: 1px solid #d4e1ee; border-radius: 7px; padding: 9px 10px; background: #ffffffc9; color: #456985; font-size: 12px; line-height: 1.85; resize: vertical; }
|
|
.clarification-field input:focus, .clarification-field textarea:focus { border-color: #98b6d4; outline: 2px solid #dce9f555; }
|
|
.clarification-field [aria-invalid=true] { border-color: #c5a38d; }
|
|
.field-error { margin-top: 6px; color: #ad8266; font-size: 10px; line-height: 1.8; }
|
|
.clarification-history { color: #91a6b9; font-size: 11px; }
|
|
.clarification-history summary { cursor: pointer; padding: 5px 0; }
|
|
.clarification-history summary > span { margin-left: 7px; color: #a4b4c3; }
|
|
.clarification-history article { margin-top: 9px; border: 1px solid #e0e8f1; border-radius: 8px; padding: 12px; background: #f5f9fc; }
|
|
.clarification-history header { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
|
|
.clarification-history strong { font-size: 11px; font-weight: 500; color: #819cb2; }
|
|
.clarification-history time, .clarification-history small { color: #a1b1bf; font-size: 10px; line-height: 1.85; }
|
|
.clarification-history p { margin: 8px 0; overflow-wrap: anywhere; white-space: pre-wrap; }
|
|
.clarification-history p small { display: block; margin-top: 4px; color: #8ca2b5; }
|
|
.phase-current { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
|
|
.phase-current > div:first-child { flex: 1; min-width: 0; }
|
|
.phase-plan, .phase-coverage, .phase-events { margin-top: 12px; font-size: 10px; color: #8198af; }
|
|
.phase-plan summary, .phase-coverage summary, .phase-events summary { cursor: pointer; padding: 5px 0; }
|
|
.phase-plan summary { display: flex; gap: 5px; align-items: center; list-style: none; }
|
|
.phase-plan ol { list-style: none; padding: 0; margin: 8px 0; display: flex; flex-wrap: wrap; gap: 7px 13px; }
|
|
.phase-plan li { display: flex; gap: 5px; align-items: center; }
|
|
.phase-plan li > span { display: grid; place-items: center; width: 15px; height: 15px; border: 1px solid #d6e1ed; border-radius: 50%; font-size: 10px; }
|
|
.phase-counts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; padding: 0; margin: 15px 0 0; }
|
|
.phase-counts > div { display: flex; flex-direction: column-reverse; gap: 5px; border: 1px solid #e2eaf3; border-radius: 8px; padding: 11px 5px; text-align: center; background: #f2f7fb9c; }
|
|
.phase-counts dt { font-size: 10px; color: #8da2b6; }
|
|
.phase-counts dd { margin: 0; font-size: 19px; font-weight: 500; color: #6286a6; font-variant-numeric: tabular-nums; }
|
|
.phase-coverage p { line-height: 1.9; margin-top: 5px; overflow-wrap: anywhere; }
|
|
.phase-coverage strong { font-weight: 500; }
|
|
.phase-events summary span { margin-left: 5px; color: #a5b5c5; }
|
|
.phase-events ol { list-style: none; padding: 6px 0 0; margin: 0; }
|
|
.phase-events li { display: flex; align-items: flex-start; gap: 9px; padding: 7px 0; }
|
|
.phase-event-dot { margin-top: 6px; width: 4px; height: 4px; border-radius: 50%; background: #9cb2c8; flex-shrink: 0; }
|
|
.phase-events li > div { min-width: 0; }
|
|
.phase-events strong { font-size: 10px; font-weight: 500; color: #6f8ba6; }
|
|
.phase-events p { margin-top: 4px; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
|
|
.phase-events time { display: block; font-size: 10px; color: #a5b4c3; margin-top: 3px; }
|
|
.delivery-files { border-top: 1px solid #e1e9f2; padding-top: 14px; margin-top: 18px; }
|
|
.delivery-file { display: flex; align-items: center; gap: 10px; border: 1px solid #dce6f0; border-radius: 9px; background: #f8fbfe; padding: 11px; margin-top: 10px; }
|
|
.delivery-file-icon { display: grid; place-items: center; width: 32px; height: 38px; flex-shrink: 0; color: #7997b5; background: #edf3f9; border-radius: 5px; }
|
|
.delivery-file > div { flex: 1; min-width: 0; }
|
|
.delivery-file strong { display: block; color: #6484a0; font-weight: 500; font-size: 12px; overflow-wrap: anywhere; line-height: 1.7; }
|
|
.delivery-file p, .delivery-file small { font-size: 10px; color: #97a9bb; line-height: 1.8; }
|
|
.delivery-file small.file-current { color: #73988e; }
|
|
.recovery-routes { display: grid; gap: 9px; margin-top: 10px; }
|
|
.recovery-routes article { border: 1px solid #dfe8f2; border-radius: 9px; background: #f7fafd; padding: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px 15px; }
|
|
.recovery-routes article > div { flex: 1; min-width: 170px; }
|
|
.recovery-routes strong { font-size: 12px; font-weight: 500; color: #62829e; }
|
|
.recovery-routes p { font-size: 12px; line-height: 1.8; color: #899fb3; margin-top: 4px; }
|
|
.recovery-routes small { display: block; font-size: 10px; color: #9aabbd; margin-top: 5px; }
|
|
.recovery-routes .review-repeat-option { width: 100%; flex: 0 0 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; border-top: 1px solid #e1e9f1; padding-top: 6px; }
|
|
.review-repeat-option small { margin: 0; }
|
|
.review-repeat-option .text-action { font-size: 10px; }
|
|
.lead-results { min-width: 0; }
|
|
.lead-checklist { display: flex; flex-wrap: wrap; gap: 8px 14px; border: 1px solid #e0e9f1; border-radius: 8px; padding: 11px; background: #f5f9fc; margin-bottom: 12px; color: #819bae; font-size: 10px; }
|
|
.lead-checklist > span { display: inline-flex; align-items: center; gap: 5px; }
|
|
.lead-checklist strong { color: #6485a0; font-weight: 550; }
|
|
.lead-checklist small { font-size: 10px; width: 100%; color: #9aabba; }
|
|
.lead-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-bottom: 12px; }
|
|
.lead-filters label { display: flex; align-items: center; flex: 1; min-width: 150px; gap: 6px; border: 1px solid #dce6f1; background: #ffffff9c; border-radius: 6px; padding: 7px 8px; color: #9cb0c1; }
|
|
.lead-filters input { min-width: 0; width: 100%; padding: 0; border: 0; background: transparent; color: #5a7d99; font-size: 10px; outline: none; }
|
|
.lead-filters input::placeholder { color: #9eb0c1; }
|
|
.lead-filters select { min-width: 90px; max-width: 100%; border: 1px solid #dce6f1; border-radius: 6px; padding: 7px; background: #fafcfe; color: #7892aa; font-size: 10px; }
|
|
.lead-filters > span { font-size: 10px; color: #98acbc; margin-left: auto; }
|
|
.lead-table-wrap { overflow-x: auto; border: 1px solid #dde7f1; border-radius: 9px; }
|
|
.lead-table { width: 100%; border-collapse: collapse; table-layout: fixed; min-width: 360px; font-size: 12px; }
|
|
.lead-table th { padding: 10px; text-align: left; font-size: 10px; font-weight: 500; background: #f0f5fa; color: #8299ae; }
|
|
.lead-table th:first-child { width: 26%; }
|
|
.lead-table th:last-child { width: 22%; }
|
|
.lead-table td { vertical-align: top; padding: 11px 10px; border-top: 1px solid #e5ecf4; color: #6d89a1; line-height: 1.8; overflow-wrap: anywhere; }
|
|
.lead-table td strong { display: block; font-size: 12px; font-weight: 500; color: #5a7a98; }
|
|
.lead-table td small { display: block; margin-top: 4px; font-size: 10px; color: #94a8ba; }
|
|
.lead-table td p { font-size: 12px; white-space: pre-wrap; margin-top: 5px; }
|
|
.lead-table .source-badge { font-size: 10px; }
|
|
.lead-table td .pending-label { font-size: 10px; white-space: nowrap; }
|
|
.lead-table td .text-action { font-size: 10px; padding: 5px 0; white-space: nowrap; display: flex; }
|
|
.lead-no-match { padding: 17px 0; }
|
|
.evidence-lead { margin-top: 13px; background: #f8fbfe; }
|
|
.evidence-checklist { list-style: none; padding: 0; margin: 13px 0; display: grid; gap: 7px; }
|
|
.evidence-checklist li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: #8ca2b5; font-size: 10px; line-height: 1.8; }
|
|
.evidence-checklist li > span { width: 13px; color: #8aa6ba; }
|
|
.evidence-checklist small { width: 100%; padding-left: 19px; font-size: 10px; color: #a0b0be; }
|
|
.conversation-current-quiet { display: flex; align-items: center; gap: 12px; margin-top: 2px; padding: 0 4px; }
|
|
.conversation-current-quiet .particle-companion { width: 48px; height: 40px; min-height: 0; --companion-height: 40px; flex: 0 0 48px; }
|
|
.conversation-current-quiet > div:last-child { min-width: 0; }
|
|
.conversation-current-quiet strong { display: block; font-size: 10px; font-weight: 500; color: #8099b0; }
|
|
.conversation-current-quiet p { color: #a0b1c1; font-size: 10px; line-height: 1.8; margin-top: 3px; }
|
|
.conversation-active-reply { display: flex; align-items: center; gap: 10px; min-height: 92px; color: #829eb6; font-size: 12px; }
|
|
.conversation-active-reply > span { flex: 1; }
|
|
.plan-target { color: #6e8eaa; font-size: 12px; line-height: 1.8; margin-top: 9px; }
|
|
.goal-progress-card { margin-top: 14px; border: 1px solid #d5e3ef; border-radius: 10px; padding: 13px 14px; background: linear-gradient(125deg, #eef5fbad, #f9fcfeaa); }
|
|
.goal-progress-card > div:first-child { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
|
|
.goal-progress-card strong { color: #527a9b; font-size: 14px; font-weight: 550; line-height: 1.6; }
|
|
.goal-progress-card strong > span { font-size: 25px; font-weight: 500; font-variant-numeric: tabular-nums; }
|
|
.goal-progress-card strong small { color: #8ba2b6; font-size: 12px; font-weight: 400; }
|
|
.goal-progress-card > p { color: #7993aa; font-size: 11px; line-height: 1.85; margin-top: 7px; }
|
|
.goal-progress-card progress { display: block; width: 100%; height: 4px; border: 0; margin: 12px 0 8px; border-radius: 3px; overflow: hidden; background: #dfe9f3; accent-color: #7d9ebc; }
|
|
.goal-progress-card progress::-webkit-progress-bar { background: #dfe9f3; }
|
|
.goal-progress-card progress::-webkit-progress-value { background: #7d9ebc; }
|
|
.goal-progress-card > small { display: block; color: #9aabba; font-size: 10px; line-height: 1.8; margin-top: 7px; }
|
|
.goal-progress-meta { display: flex; flex-wrap: wrap; gap: 3px 14px; margin-top: 8px; color: #8ba2b6; font-size: 10px; line-height: 1.8; }
|
|
.usage-card { border: 1px solid #dae5ef; border-radius: 10px; background: #f7fafd99; padding: 11px 13px; color: #7893ac; margin-top: 15px; min-width: 0; }
|
|
.usage-card > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; color: #7993ac; font-size: 11px; line-height: 1.7; }
|
|
.usage-card > summary small { margin-left: auto; color: #98aaba; font-size: 10px; }
|
|
.usage-card > summary svg { transition: transform .16s ease; }
|
|
.usage-card[open] > summary svg { transform: rotate(180deg); }
|
|
.usage-totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; }
|
|
.usage-totals > div { border: 1px solid #e0e9f1; background: #f1f6fa; border-radius: 7px; padding: 9px; min-width: 0; }
|
|
.usage-totals dt { font-size: 10px; line-height: 1.7; color: #91a6b8; }
|
|
.usage-totals dd { margin: 5px 0 0; font-size: 16px; color: #698ba8; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
|
|
.usage-cache { color: #8ca3b6; font-size: 10px; line-height: 1.9; margin-top: 9px; }
|
|
.usage-warning { color: #a18c70; font-size: 11px; line-height: 1.9; margin-top: 9px; }
|
|
.usage-table-wrap { overflow-x: auto; margin-top: 12px; }
|
|
.usage-table { border-collapse: collapse; width: 100%; font-size: 11px; font-variant-numeric: tabular-nums; }
|
|
.usage-table th, .usage-table td { text-align: right; padding: 7px 8px; border-bottom: 1px solid #e1e9f1; color: #829bb0; font-weight: 400; }
|
|
.usage-table th { font-size: 10px; color: #9aacbb; }
|
|
.usage-table th:first-child, .usage-table td:first-child { text-align: left; }
|
|
.candidate-evidence-group { border: 1px solid #dce7f1; border-radius: 10px; background: #f6fafd; padding: 13px; margin-top: 14px; }
|
|
.candidate-evidence-group > header { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 11px; }
|
|
.candidate-evidence-group > header strong { color: #5b7e9b; font-size: 13px; font-weight: 550; }
|
|
.candidate-evidence-group > header span, .candidate-evidence-group > header small { color: #97aabb; font-size: 10px; }
|
|
.lead-table td small.identity-unresolved { color: #a18c70; }
|
|
.delivery-status-card { margin-top: 15px; border: 1px solid #d4e2ee; border-radius: 10px; padding: 15px; background: linear-gradient(125deg, #edf5fbb3, #f8fcffbd); }
|
|
.delivery-status-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
|
|
.delivery-status-card h3 { color: #476f90; font-size: 17px; font-weight: 550; line-height: 1.8; margin: 8px 0 0; }
|
|
.delivery-fulfillment { color: #7895ad; font-size: 12px; line-height: 1.8; margin-top: 5px; }
|
|
.delivery-fulfillment strong { font-size: 17px; font-weight: 500; color: #537e9f; }
|
|
.delivery-facts { display: flex; flex-wrap: wrap; gap: 5px 13px; color: #829bb0; font-size: 10px; line-height: 1.85; margin-top: 10px; }
|
|
.scene-status.completed, .scene-status.fulfilled { color: #75988c; border-color: #d6e6df; background: #f1f8f5; }
|
|
.scene-status.partial { color: #9a896f; border-color: #e7dfd1; background: #faf7f1; }
|
|
.delivery-conditions { font-size: 10px; color: #829bb0; margin-top: 12px; }
|
|
.delivery-conditions summary { cursor: pointer; padding: 5px 0; }
|
|
.delivery-conditions ul { list-style: none; padding: 6px 0 0; margin: 0; display: grid; gap: 7px; }
|
|
.delivery-conditions li { display: flex; align-items: center; gap: 7px; line-height: 1.8; }
|
|
.delivery-conditions small { font-size: 10px; font-variant-numeric: tabular-nums; }
|
|
.delivery-runtime { font-size: 10px; color: #92a6b8; margin-top: 9px; line-height: 1.8; }
|
|
.delivery-runtime summary { padding: 4px 0; cursor: pointer; }
|
|
.delivery-runtime p { margin-top: 5px; white-space: pre-wrap; overflow-wrap: anywhere; }
|
|
.condition-dot { width: 4px; height: 4px; flex-shrink: 0; border-radius: 50%; background: #b5ad9c; }
|
|
.condition-dot.met { background: #90b4a7; }
|
|
.condition-result { margin-left: auto; white-space: nowrap; color: #98aaba; }
|
|
.delivery-original-summary { margin: 11px 0; }
|
|
.candidate-badges { display: flex; flex-wrap: wrap; gap: 5px; align-items: flex-start; }
|
|
.evidence-badge { display: inline-flex; align-items: center; color: #879eb2; background: #f1f6fa; border: 1px solid #dfe8f1; border-radius: 5px; padding: 2px 5px; font-size: 10px; line-height: 1.65; overflow-wrap: anywhere; }
|
|
.evidence-badge.supported { color: #729287; background: #f1f7f4; border-color: #dce9e2; }
|
|
.evidence-badge.gap { color: #a08b71; background: #faf7f2; border-color: #e9dfd0; }
|
|
.lead-table th:first-child { width: 24%; }
|
|
.lead-table th:last-child { width: 32%; }
|
|
.lead-match-reason { line-height: 1.8; }
|
|
.candidate-field-details { display: grid; gap: 10px; margin: 15px 0; }
|
|
.candidate-field-details > div { display: flex; align-items: flex-start; gap: 10px; font-size: 10px; line-height: 1.8; }
|
|
.candidate-field-details dt { width: 52px; flex-shrink: 0; color: #92a7b9; padding-top: 2px; }
|
|
.candidate-field-details dd { margin: 0; color: #819aaf; min-width: 0; }
|
|
.candidate-field-details p { margin-top: 4px; overflow-wrap: anywhere; }
|
|
.candidate-field-details blockquote { color: #8ba1b4; border-left: 2px solid #d6e3ee; padding-left: 8px; margin: 6px 0 0; white-space: pre-wrap; }
|
|
.candidate-required-missing { font-size: 11px; color: #a18b6c; background: #faf7f1; border: 1px solid #e8e0d2; border-radius: 6px; line-height: 1.8; padding: 8px 10px; margin: 12px 0; }
|
|
.business-outcome { margin-top: 12px; border-top: 1px solid #e2eaf2; padding-top: 9px; }
|
|
.business-outcome-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px; }
|
|
.business-outcome-heading > .text-action { font-size: 10px; }
|
|
.business-outcome-heading small { color: #a3b3c1; font-size: 9px; }
|
|
.business-outcome-saved { display: inline-flex; align-items: center; gap: 4px; color: #809e91; font-size: 10px; }
|
|
.business-outcome-form { margin-top: 7px; padding: 11px; border: 1px solid #dce7f0; border-radius: 7px; background: #f2f7fb; }
|
|
.business-outcome-form > .scene-footnote { margin-top: 0; }
|
|
.business-outcome-form fieldset { display: grid; gap: 10px; border: 0; padding: 0; margin: 10px 0 0; min-width: 0; }
|
|
.business-outcome-form label { display: block; color: #819aaf; font-size: 10px; line-height: 1.8; }
|
|
.business-outcome-form label > small { margin-left: 6px; color: #a1b2c0; font-size: 9px; }
|
|
.business-outcome-form select, .business-outcome-form textarea { display: block; width: 100%; min-width: 0; border: 1px solid #d6e2ed; border-radius: 6px; background: #ffffffad; color: #698aa5; font-size: 11px; line-height: 1.8; padding: 7px 8px; margin-top: 5px; resize: vertical; }
|
|
.business-outcome-form select:focus, .business-outcome-form textarea:focus { border-color: #9dbbd3; outline: 2px solid #dce9f555; }
|
|
.business-outcome-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; margin-top: 11px; }
|
|
.business-outcome-history { margin-top: 9px; color: #91a6b9; font-size: 10px; line-height: 1.85; }
|
|
.business-outcome-history summary { cursor: pointer; padding: 3px 0; }
|
|
.business-outcome-history summary > span { margin-left: 6px; color: #a4b4c3; }
|
|
.business-outcome-history ol { margin: 7px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
|
|
.business-outcome-history li { border-left: 2px solid #d9e5ef; padding-left: 8px; }
|
|
.business-outcome-history li > div { display: flex; flex-wrap: wrap; gap: 3px 8px; }
|
|
.business-outcome-history strong { color: #7995aa; font-weight: 500; }
|
|
.business-outcome-history time { margin-left: auto; color: #a4b4c1; }
|
|
.business-outcome-history p { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 4px; }
|
|
.knowledge-panel { margin-top: 15px; min-width: 0; }
|
|
.knowledge-heading { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
|
|
.knowledge-heading > small { color: #9caebf; font-size: 10px; }
|
|
.knowledge-filters { display: flex; flex-wrap: wrap; gap: 6px; margin: 13px 0; }
|
|
.knowledge-filters button { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #dce6f0; background: #f6fafd; border-radius: 6px; padding: 5px 7px; color: #8aa1b6; font-size: 10px; line-height: 1.6; }
|
|
.knowledge-filters button[aria-pressed=true] { border-color: #a9c1d7; background: #eaf3fb; color: #6286a4; }
|
|
.knowledge-filters span { color: #9eb1c2; font-variant-numeric: tabular-nums; }
|
|
.knowledge-methods { display: grid; gap: 12px; }
|
|
.knowledge-method { min-width: 0; border: 1px solid #dbe6ef; border-radius: 10px; background: #f9fcfebd; padding: 13px; }
|
|
.knowledge-method > header { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
|
|
.knowledge-method > header > strong { color: #5d7f9b; font-size: 12px; line-height: 1.8; font-weight: 550; overflow-wrap: anywhere; margin-right: auto; }
|
|
.knowledge-status, .knowledge-selected { border: 1px solid #dce5ef; border-radius: 5px; background: #f1f6fa; color: #8a9fb3; font-size: 10px; padding: 2px 5px; white-space: nowrap; }
|
|
.knowledge-status.preferred { background: #f1f8f4; border-color: #d5e6dc; color: #7a9e8c; }
|
|
.knowledge-status.trial, .knowledge-selected { background: #edf4fb; border-color: #d8e5f1; color: #7597b4; }
|
|
.knowledge-status.paused { background: #faf7f2; border-color: #e8dece; color: #a28d70; }
|
|
.knowledge-scope { display: flex; flex-wrap: wrap; gap: 3px 9px; color: #9aafc1; font-size: 10px; line-height: 1.8; margin-top: 6px; }
|
|
.knowledge-scope > span { margin-left: auto; }
|
|
.knowledge-match-reasons { padding-left: 15px; margin: 9px 0 0; color: #849db2; font-size: 11px; line-height: 1.85; }
|
|
.knowledge-scope-warning { color: #a38f76; font-size: 10px; line-height: 1.8; margin-top: 7px; }
|
|
.knowledge-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 12px 0 0; }
|
|
.knowledge-stats > div { border: 1px solid #e1eaf2; background: #f2f7fb; border-radius: 6px; padding: 8px; }
|
|
.knowledge-stats dt { color: #97aabc; font-size: 10px; line-height: 1.8; }
|
|
.knowledge-stats dd { color: #6c8da9; font-size: 17px; font-variant-numeric: tabular-nums; margin: 3px 0 0; line-height: 1.6; }
|
|
.knowledge-coverage, .knowledge-last { color: #90a5b8; font-size: 10px; line-height: 1.85; margin-top: 7px; }
|
|
.knowledge-details { color: #869fb4; font-size: 10px; line-height: 1.85; margin-top: 9px; }
|
|
.knowledge-details > summary { display: flex; align-items: center; gap: 5px; cursor: pointer; list-style: none; padding: 4px 0; }
|
|
.knowledge-details > summary > svg { margin-left: auto; }
|
|
.knowledge-details p, .knowledge-details > div { margin-top: 8px; white-space: pre-wrap; overflow-wrap: anywhere; }
|
|
.knowledge-details strong { color: #7291aa; font-weight: 500; }
|
|
.knowledge-details ol { padding-left: 17px; margin: 5px 0; }
|
|
.knowledge-reference { color: #a0b0c0; font-size: 9px; }
|
|
.knowledge-evidence-refs { list-style: none; padding: 0; margin: 10px 0 0; display: grid; gap: 8px; }
|
|
.knowledge-evidence-refs li { border-left: 2px solid #d9e5ef; padding-left: 9px; }
|
|
.knowledge-evidence-refs code { display: block; color: #9aafc0; font-size: 9px; overflow-wrap: anywhere; }
|
|
.knowledge-evidence-refs .text-action { font-size: 10px; margin-top: 5px; }
|
|
.validation-proof { margin-top: 7px; }
|
|
.validation-proof-error { color: #a08d73; background: #faf7f2; border: 1px solid #e8dfd1; border-radius: 6px; padding: 8px; font-size: 10px; line-height: 1.8; }
|
|
.validation-proof-content { margin-top: 8px; border: 1px solid #dce7f0; border-radius: 7px; padding: 10px; background: #f2f7fb; }
|
|
.validation-proof-content > header { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 5px 8px; color: #7e99b0; font-size: 10px; }
|
|
.validation-proof-content > header strong { font-weight: 500; }
|
|
.validation-proof-meta { color: #9aafc0; font-size: 10px; line-height: 1.8; margin-top: 5px; }
|
|
.validation-proof-states { display: grid; gap: 9px; margin-top: 10px; }
|
|
.validation-proof-states > section { border-left: 2px solid #d2e1ee; padding-left: 8px; min-width: 0; }
|
|
.validation-proof-states h4 { color: #7391ab; font-size: 10px; font-weight: 500; margin: 0 0 5px; }
|
|
.validation-proof-states ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; }
|
|
.knowledge-evidence-refs .validation-proof-states li { color: #8ca3b7; font-size: 10px; line-height: 1.85; border: 0; padding: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
|
|
.knowledge-method > footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 5px 8px; border-top: 1px solid #e4ebf2; margin-top: 12px; padding-top: 9px; }
|
|
.knowledge-method > footer > span { color: #a1b1c0; font-size: 9px; line-height: 1.8; }
|
|
.knowledge-method > footer > .text-action { font-size: 10px; }
|
|
.method-feedback { width: 100%; min-width: 0; }
|
|
.method-feedback > .text-action { display: flex; margin-left: auto; font-size: 10px; }
|
|
.method-feedback-saved { color: #7d9b8e; font-size: 10px; line-height: 1.8; margin-top: 7px; }
|
|
.method-feedback-form { border: 1px solid #dce7f0; border-radius: 7px; background: #f2f7fb; padding: 10px; margin-top: 9px; }
|
|
.method-feedback-form label { display: block; color: #809aaf; font-size: 10px; line-height: 1.8; }
|
|
.method-feedback-form textarea { display: block; width: 100%; min-width: 0; resize: vertical; border: 1px solid #d6e2ed; border-radius: 6px; background: #ffffffad; color: #698aa5; padding: 7px 8px; font-size: 11px; line-height: 1.8; margin-top: 6px; }
|
|
.method-feedback-form textarea:focus { border-color: #9dbbd3; outline: 2px solid #dce9f555; }
|
|
.method-feedback-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
|
|
.knowledge-show-all { font-size: 10px; margin-top: 12px; }
|
|
.knowledge-error { padding: 9px 10px; background: #faf7f2; border: 1px solid #e8dfd1; border-radius: 6px; margin-top: 10px; color: #a08d73; font-size: 11px; line-height: 1.8; }
|
|
.knowledge-error .text-action { font-size: 10px; margin-top: 6px; }
|
|
.details-drawer { overflow-y: auto; }
|
|
.details-drawer > * { flex-shrink: 0; }
|
|
.knowledge-drawer-section .knowledge-panel { margin-top: 0; }
|
|
.knowledge-panel.compact .knowledge-method { padding: 11px; }
|
|
.knowledge-panel.compact .knowledge-stats { gap: 4px; }
|
|
.knowledge-panel.compact .knowledge-stats > div { padding: 6px; }
|
|
.knowledge-panel.compact .knowledge-stats dd { font-size: 14px; }
|
|
.knowledge-panel.compact .knowledge-method > footer { align-items: flex-start; }
|
|
@media (max-width: 650px) {
|
|
.task-scene { padding: 13px; }
|
|
.scene-card { padding: 13px; }
|
|
.phase-counts { gap: 4px; }
|
|
.phase-counts > div { padding: 9px 2px; }
|
|
.phase-counts dt { font-size: 10px; }
|
|
.phase-counts dd { font-size: 17px; }
|
|
.delivery-file { flex-wrap: wrap; }
|
|
.delivery-file > button { margin-left: 42px; }
|
|
.lead-table th:first-child { width: 24%; }
|
|
.lead-table th:last-child { width: 32%; }
|
|
.lead-table th, .lead-table td { padding: 8px 6px; }
|
|
.lead-table td .text-action { font-size: 10px; }
|
|
.lead-table td p { font-size: 10px; }
|
|
.goal-progress-card { padding: 11px; }
|
|
.goal-progress-card > div:first-child { align-items: baseline; }
|
|
.usage-totals { gap: 5px; }
|
|
.usage-totals > div { padding: 7px 5px; }
|
|
.usage-totals dd { font-size: 14px; }
|
|
.usage-table th, .usage-table td { padding: 7px 5px; }
|
|
.candidate-evidence-group { padding: 10px; }
|
|
.delivery-status-card { padding: 12px; }
|
|
.delivery-status-card h3 { font-size: 15px; }
|
|
.knowledge-method { padding: 11px; }
|
|
.knowledge-method > footer { align-items: flex-start; }
|
|
}
|