/* OPINI.AI.ID V4: concise dashboard notification cards. No message bodies rendered. */
.ocn-info{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.ocn-info p{margin:6px 0 0;max-width:740px}
.ocn-feed{display:grid;gap:12px}
.ocn-item{display:flex;gap:16px;align-items:flex-start;padding:22px 24px!important}
.ocn-mark{flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#edf7f5;color:#0c8278;display:grid;place-items:center;font-size:20px}
.ocn-copy{flex:1;min-width:0}
.ocn-copy strong{display:block;font-size:16px;letter-spacing:-.01em}
.ocn-copy p{font-size:14px;line-height:1.6;margin:7px 0}
.ocn-sub{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#64748b;align-items:center}
.ocn-status{padding:4px 9px;border-radius:99px;background:#f1f5f9;color:#475569;font-weight:600}
.ocn-status.ok{background:#e8f7ef;color:#166534}
.ocn-status.pending{background:#fff5e7;color:#925f13}
.ocn-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.ocn-controls form{margin:0}.ocn-delete{color:#9e2d2d!important}
@media(max-width:700px){.ocn-info,.ocn-item{flex-direction:column;align-items:stretch}.ocn-item{padding:18px!important}.ocn-controls{justify-content:flex-start}.ocn-controls .button{min-height:39px}}