98 lines
10 KiB
CSS
98 lines
10 KiB
CSS
@import url('/static/portal/common/operations.css?v=20260913-2');
|
|
.risk-main-panel { min-width: 0; }
|
|
.risk-filter { padding: var(--space-4); background: var(--surface-soft); border-bottom: 1px solid var(--line); }
|
|
.risk-filter .form-field:first-child { flex-grow: 2; }
|
|
.risk-level { font-weight: 700; }
|
|
.risk-priority { font-variant-numeric: tabular-nums; }
|
|
.risk-report-entry { display: grid; gap: var(--space-4); }
|
|
.risk-report-entry p { margin: 0; color: var(--muted); line-height: 1.7; }
|
|
.operations-pagination { align-items: center; justify-content: space-between; }
|
|
.pagination-summary { color: var(--muted); font-size: var(--fs-small); }
|
|
.pagination-actions { display: flex; gap: var(--space-2); }
|
|
.risk-assistant { padding: var(--space-5); }
|
|
.risk-assistant__intro { display: flex; justify-content: space-between; gap: var(--space-4); }
|
|
.risk-assistant__intro h2 { margin: 0; font-size: var(--fs-title); }
|
|
.risk-assistant__intro p { margin: var(--space-2) 0 0; color: var(--muted); line-height: 1.65; }
|
|
.risk-context-bar { margin-top: var(--space-4); padding: var(--space-3) var(--space-4); display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); background: var(--surface-soft); border: 1px solid var(--line); border-radius: var(--radius-md); }
|
|
.risk-context-bar span { color: var(--muted); }
|
|
.risk-context-bar strong { color: var(--brand-dark); }
|
|
.risk-alert-context-form { margin-top: var(--space-3); display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: var(--space-2); align-items: end; }
|
|
.risk-alert-context-form .form-alert { grid-column: 1 / -1; }
|
|
.agent-boundary { margin-top: var(--space-3); padding: var(--space-3) var(--space-4); color: var(--muted); background: var(--surface-soft); border-radius: var(--radius-md); }
|
|
.agent-boundary summary { color: var(--ink); cursor: pointer; font-weight: 700; }
|
|
.agent-boundary p { margin: var(--space-2) 0 0; line-height: 1.7; }
|
|
.risk-chat { height: 360px; margin-top: var(--space-4); padding: var(--space-4); overflow-y: auto; display: flex; flex-direction: column; gap: var(--space-3); background: var(--canvas); border: 1px solid var(--line); border-radius: var(--radius-md); }
|
|
.risk-message { max-width: 82%; padding: var(--space-3) var(--space-4); align-self: flex-start; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); line-height: 1.75; white-space: pre-wrap; }
|
|
.risk-message--user { align-self: flex-end; color: var(--surface); background: var(--brand-dark); border-color: var(--brand-dark); }
|
|
.risk-message--pending { color: var(--muted); }
|
|
.risk-message--error { color: var(--danger); background: var(--danger-soft); }
|
|
.risk-message__tools { margin-top: var(--space-2); color: var(--muted); font-size: var(--fs-small); }
|
|
.risk-prompts { margin: var(--space-3) 0; display: flex; flex-wrap: wrap; gap: var(--space-2); }
|
|
.risk-prompts[hidden], .risk-context-bar .button[hidden] { display: none !important; }
|
|
.risk-prompts button { min-height: 34px; padding: 0 var(--space-3); color: var(--brand-dark); background: var(--brand-soft); border: 0; border-radius: var(--radius-sm); cursor: pointer; }
|
|
.risk-prompts button:disabled { cursor: not-allowed; opacity: .55; }
|
|
.risk-prompts--alert { padding-top: var(--space-2); border-top: 1px dashed var(--line); }
|
|
.risk-composer { display: grid; grid-template-columns: 1fr auto; gap: var(--space-2); }
|
|
.risk-disclaimer { margin: var(--space-3) 0 0; color: var(--muted); font-size: var(--fs-small); line-height: 1.7; }
|
|
.action-dialog__copy { margin: 0; color: var(--muted); line-height: 1.75; }
|
|
.action-dialog__textarea { min-height: 120px; height: auto; padding: var(--space-3); resize: vertical; }
|
|
.risk-upload { padding: var(--space-4); display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: end; background: var(--surface-soft); border-radius: var(--radius-md); }
|
|
.risk-upload .form-field { flex: 1 1 260px; }
|
|
.risk-report-controls { display: flex; align-items: end; gap: var(--space-3); }
|
|
.risk-report-controls .form-field { flex: 1; }
|
|
.risk-report-status { margin: 0; color: var(--muted); font-size: var(--fs-small); }
|
|
.risk-report-content { min-height: 300px; height: auto; padding: var(--space-3); resize: vertical; line-height: 1.7; }
|
|
.risk-report-preview { padding: var(--space-3) var(--space-4); background: var(--surface-soft); border: 1px solid var(--line); border-radius: var(--radius-md); }
|
|
.risk-report-preview summary { cursor: pointer; color: var(--brand-dark); font-weight: 700; }
|
|
.risk-report-preview__content { margin-top: var(--space-3); display: grid; gap: var(--space-3); }
|
|
.risk-report-preview__section { padding: var(--space-3); background: var(--surface); border-radius: var(--radius-sm); }
|
|
.risk-report-preview__section h3 { margin: 0 0 var(--space-2); font-size: var(--fs-body); }
|
|
.risk-report-preview__section p, .risk-report-preview__section ul { margin: 0; color: var(--muted); line-height: 1.7; }
|
|
.risk-report-preview__section ul { padding-left: var(--space-4); }
|
|
.evidence-table .data-table { min-width: 900px; }
|
|
.data-table__expandable-row { cursor: pointer; }
|
|
.data-table__expandable-row:hover { background: var(--surface-soft); }
|
|
.data-table__expandable-row:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
|
|
.data-table__expandable-row--open { background: var(--brand-soft); }
|
|
.data-table__detail-row td { padding: 0; background: var(--surface-soft); }
|
|
.data-table__detail-grid { margin: 0; padding: var(--space-4); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
|
|
.data-table__detail-grid > div { min-width: 0; }
|
|
.data-table__detail-grid dt { margin-bottom: var(--space-1); color: var(--muted); font-size: var(--fs-small); }
|
|
.data-table__detail-grid dd { margin: 0; overflow-wrap: anywhere; line-height: 1.6; }
|
|
.evidence-snapshot { display: grid; gap: var(--space-3); }
|
|
.evidence-snapshot__grid { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
|
|
.evidence-snapshot__grid > div { min-width: 0; padding: var(--space-3); background: var(--surface-soft); border-radius: var(--radius-sm); }
|
|
.evidence-snapshot__grid dt { margin-bottom: var(--space-1); color: var(--muted); font-size: var(--fs-small); }
|
|
.evidence-snapshot__grid dd { margin: 0; overflow-wrap: anywhere; line-height: 1.6; }
|
|
.evidence-snapshot__nested, .evidence-snapshot__archive { padding: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-md); }
|
|
.evidence-snapshot__nested h4, .evidence-snapshot__archive h4 { margin: 0 0 var(--space-3); }
|
|
.evidence-snapshot__nested-item { padding: var(--space-3); background: var(--surface-soft); border-radius: var(--radius-sm); }
|
|
.evidence-snapshot__nested-item + .evidence-snapshot__nested-item { margin-top: var(--space-3); }
|
|
.evidence-snapshot__nested-item h5 { margin: 0 0 var(--space-3); }
|
|
.evidence-snapshot__raw summary { color: var(--brand-dark); cursor: pointer; }
|
|
.evidence-snapshot__raw .json-view { margin-top: var(--space-2); }
|
|
.business-section { display: grid; gap: var(--space-3); }
|
|
.business-record-list { display: grid; gap: var(--space-3); }
|
|
.business-record { padding: var(--space-3); background: var(--surface-soft); border-radius: var(--radius-sm); }
|
|
.business-record h4 { margin: 0 0 var(--space-3); }
|
|
.business-record__grid { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
|
|
.business-record__grid > div { min-width: 0; }
|
|
.business-record__grid dt { margin-bottom: var(--space-1); color: var(--muted); font-size: var(--fs-small); }
|
|
.business-record__grid dd { margin: 0; overflow-wrap: anywhere; line-height: 1.6; white-space: pre-wrap; }
|
|
.business-section__raw summary { color: var(--brand-dark); cursor: pointer; }
|
|
.business-section__raw .json-view { margin-top: var(--space-2); }
|
|
.operations-hero__identity { display: flex; align-items: center; gap: var(--space-2); }
|
|
.risk-notice-button { min-height: 34px; padding: 0 var(--space-3); display: inline-flex; align-items: center; gap: var(--space-2); color: #f7fbfa; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.28); border-radius: 999px; cursor: pointer; font-size: var(--fs-small); font-weight: 700; transition: background 160ms ease, border-color 160ms ease, transform 160ms ease; }
|
|
.risk-notice-button:hover, .risk-notice-button:focus-visible { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.48); outline: none; transform: translateY(-1px); }
|
|
.risk-notice-button__icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
|
|
.risk-notice-button__count { min-width: 20px; height: 20px; padding: 0 6px; display: inline-grid; place-items: center; color: #8c2e20; background: #ffe4df; border-radius: 999px; font-size: 11px; font-variant-numeric: tabular-nums; }
|
|
.system-tip-list { display: grid; gap: var(--space-3); }
|
|
.system-tip-item { padding: var(--space-3); background: var(--surface-soft); border-radius: var(--radius-sm); }
|
|
.system-tip-item__body { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); align-items: start; }
|
|
.system-tip-item__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
|
|
.system-tip-item__header strong { overflow-wrap: anywhere; }
|
|
.system-tip-item p { margin: var(--space-2) 0 0; color: var(--muted); line-height: 1.65; overflow-wrap: anywhere; }
|
|
.system-tip-item__meta { margin-top: var(--space-2); display: flex; flex-wrap: wrap; gap: var(--space-2); color: var(--muted); font-size: var(--fs-small); }
|
|
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
|
|
@media (max-width: 620px) { .risk-assistant { padding: var(--space-4); } .risk-context-bar { align-items: flex-start; flex-direction: column; } .risk-alert-context-form { grid-template-columns: 1fr; } .risk-chat { height: 320px; } .risk-message { max-width: 92%; } .risk-composer { grid-template-columns: 1fr; } .risk-report-controls { align-items: stretch; flex-direction: column; } .risk-report-controls .button { width: 100%; } .data-table__detail-grid, .evidence-snapshot__grid, .business-record__grid { grid-template-columns: 1fr; } .system-tip-item__body { grid-template-columns: 1fr; } }
|