.opic-workspace{display:grid;gap:16px;padding:20px 0 80px}
.opic-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.opic-toolbar label{display:grid;gap:7px;color:#345b70;font-size:13px;font-weight:700}
.opic-toolbar input,.opic-toolbar button,.opic-card button{min-height:42px;border:1px solid #c8dfeb;border-radius:10px;background:#fff;color:#12618c;font:700 13px "Plus Jakarta Sans","Segoe UI",sans-serif;padding:0 14px}
.opic-toolbar .operations-primary{margin-left:auto;border:0;background:linear-gradient(115deg,#087bb8,#26b6e3);color:#fff}
.opic-list{display:grid;gap:10px}
.opic-card{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #d4e6ee;border-radius:14px;background:#fff;padding:16px 18px}
.opic-card>div{min-width:0}
.opic-card small{color:#568099;font-size:12px;line-height:1.5}
.opic-card h2{margin:3px 0;color:#123a54;font-size:16px}
.opic-card p{margin:0 0 4px;color:#456a80;font-size:13px}
.opic-card button{flex:0 0 auto}
.opic-empty{padding:40px 20px;border:1px dashed #bad9e8;border-radius:14px;background:#f5fbff;color:#416c82;text-align:center;font-size:13px}
.opic-warning{margin:0;padding:12px 14px;border-radius:10px;background:#fff5e8;color:#98520c;font-size:13px}
@media(max-width:650px){.opic-toolbar>*{flex:1 1 100%}.opic-toolbar input,.opic-toolbar button{width:100%}.opic-card{align-items:stretch;flex-direction:column}.opic-card button{width:100%}}