web_module.css

.feedback-empty{padding:24px 16px}.feedback-empty__title{color:var(--ak-color-text-primary);font-size:20px;font-weight:600;letter-spacing:-.025em;line-height:1.25}.feedback-empty__text{margin-block-start:8px;color:var(--ak-color-text-secondary);font-size:13px;line-height:1.625}.feedback-detail{display:grid;gap:20px;padding:24px;color:var(--ak-color-text-primary)}.feedback-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.feedback-detail__header p{margin:0 0 4px;color:var(--ak-color-action-primary);font-size:11px;font-weight:700;letter-spacing:.08em}.feedback-detail__header h2{margin:0;font-size:20px;letter-spacing:-.02em}.feedback-detail__header span{display:block;margin-block-start:5px;color:var(--ak-color-text-muted);font-size:12px}.feedback-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--ak-color-border-default)}.feedback-summary>div{display:grid;gap:5px;padding:14px}.feedback-summary>div+div{border-inline-start:1px solid var(--ak-color-border-default)}.feedback-summary span{color:var(--ak-color-text-muted);font-size:11px}.feedback-summary strong{font:650 18px var(--mono)}.feedback-timeline{display:grid;gap:0}.feedback-timeline>h3{margin:0 0 10px;font-size:15px}.feedback-step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding-block:10px}.feedback-step:not(:last-child):after{position:absolute;top:40px;bottom:-10px;left:14px;width:1px;content:"";background:var(--ak-color-border-strong)}.feedback-step__index{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--ak-color-border-strong);border-radius:50%;color:var(--ak-color-text-muted);background:var(--ak-color-bg-canvas);font:650 11px var(--mono)}.feedback-step.is-emphasis .feedback-step__index{border-color:var(--ak-color-action-primary);color:var(--ak-color-on-action-primary);background:var(--ak-color-action-soft)}.feedback-step h4{margin:3px 0 6px;font-size:13px}.feedback-step p{margin:0;color:var(--ak-color-text-secondary);font-size:13px;line-height:1.65;white-space:pre-wrap}.feedback-step.is-emphasis p{padding:12px;border-inline-start:3px solid var(--ak-color-action-primary);background:var(--ak-color-action-soft)}.feedback-technical{border-block-start:1px solid var(--ak-color-border-default)}.feedback-technical summary{padding:14px 2px;font-size:13px;font-weight:650;cursor:pointer}.feedback-technical summary:focus-visible{outline:2px solid var(--ak-color-action-primary);outline-offset:2px}.feedback-technical dl{display:grid;gap:8px;margin:0 0 14px}.feedback-technical dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}.feedback-technical dt{color:var(--ak-color-text-muted);font-size:12px}.feedback-technical dd{overflow-wrap:anywhere;margin:0;font:12px var(--mono)}@media(max-width:720px){.feedback-detail{padding:18px}.feedback-detail__header{flex-direction:column}.feedback-summary{grid-template-columns:1fr}.feedback-summary>div+div{border-block-start:1px solid var(--ak-color-border-default);border-inline-start:0}.feedback-technical dl>div{grid-template-columns:1fr;gap:3px}}