.oi-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--ui-radius-lg)}
.oi-filters label{display:flex;min-width:170px;flex-direction:column;gap:5px;color:var(--text3);font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.oi-filters select{min-height:40px;padding:0 34px 0 11px;border:1px solid var(--border);border-radius:var(--ui-radius-sm);background:var(--surface2);color:var(--text);font:inherit;font-size:12px;text-transform:none}
.oi-filters>span{margin-left:auto;padding:0 3px 11px;color:var(--text3);font-size:11px}
.oi-list{display:grid;gap:10px;min-width:0}.oi-card{min-width:0;border:1px solid var(--border);border-radius:var(--ui-radius-lg);background:var(--surface);overflow:hidden;transition:border-color .15s ease,background .15s ease}.oi-card:hover,.oi-card:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--surface2)}
.oi-card-open{display:grid;width:100%;grid-template-columns:minmax(250px,1.7fr) minmax(420px,1.25fr) 24px;align-items:center;gap:18px;padding:15px 16px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.oi-card-open:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.oi-card-main{display:flex;min-width:0;flex-direction:column;gap:5px}.oi-card-main>strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.oi-card-main>small{overflow:hidden;color:var(--text3);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.oi-card-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.oi-number{color:var(--text3);font:800 10px/1.2 var(--mono)}
.oi-card-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.oi-card-facts>span{display:flex;min-width:0;flex-direction:column;gap:3px;color:var(--text2);font-size:11px;overflow-wrap:anywhere}.oi-card-facts b{color:var(--text4);font-size:9px;letter-spacing:.05em;text-transform:uppercase}.oi-card-arrow{color:var(--text4)}
.oi-status{display:inline-flex;width:max-content;align-items:center;gap:5px;min-height:24px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;font-size:9px;font-weight:850}.oi-status .material-symbols-rounded{font-size:14px}.oi-status.is-open{border-color:rgba(59,130,246,.25);background:rgba(59,130,246,.1);color:#3b82f6}.oi-status.is-progress{border-color:rgba(124,58,237,.25);background:rgba(124,58,237,.1);color:#7c3aed}.oi-status.is-waiting{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.1);color:#d97706}.oi-status.is-resolved{border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.1);color:#059669}.oi-status.is-closed{background:var(--surface3);color:var(--text2)}
.oi-empty{display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:1px dashed var(--border);border-radius:var(--ui-radius-lg);background:var(--surface);text-align:center}.oi-empty>.material-symbols-rounded{font-size:42px;color:var(--text4)}.oi-empty h2{margin:10px 0 5px;font-size:16px}.oi-empty p{max-width:460px;margin:0 0 16px;color:var(--text3);font-size:12px}
.oi-alert{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:14px;padding:12px;border:1px solid color-mix(in srgb,var(--red) 35%,var(--border));border-radius:var(--ui-radius-md);background:var(--red-l);color:var(--text)}.oi-alert.is-conflict{border-color:color-mix(in srgb,var(--yellow) 40%,var(--border));background:var(--yellow-l)}.oi-alert>.material-symbols-rounded{color:var(--red)}.oi-alert.is-conflict>.material-symbols-rounded{color:var(--yellow)}.oi-alert strong{font-size:12px}.oi-alert p{margin:2px 0 0;color:var(--text2);font-size:11px}
.oi-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.oi-full{grid-column:1/-1}.oi-field-help{display:block;margin-top:5px;color:var(--text4);font-size:10px}.oi-form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}.oi-form-actions .btn{min-height:44px}
.oi-detail{display:flex;flex-direction:column;gap:14px;min-width:0}.oi-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.oi-detail-head h2{margin:5px 0 2px;font-size:20px;line-height:1.3;overflow-wrap:anywhere}.oi-detail-head p{margin:0;color:var(--text4);font-size:10px}.oi-detail-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.oi-detail-meta>div{min-width:0;padding:11px;border:1px solid var(--border);border-radius:var(--ui-radius-sm);background:var(--surface2)}.oi-detail-meta dt{margin-bottom:4px;color:var(--text4);font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.oi-detail-meta dd{margin:0;color:var(--text);font-size:12px;overflow-wrap:anywhere}
.oi-description,.oi-operation,.oi-thread,.oi-reply{padding:14px;border:1px solid var(--border);border-radius:var(--ui-radius-md);background:var(--surface2)}.oi-description h3,.oi-operation h3,.oi-thread h3{margin:0 0 7px;font-size:12px}.oi-description p,.oi-operation p{margin:0;color:var(--text2);font-size:12px;line-height:1.55}.oi-operation{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.3fr);gap:14px;align-items:end}.oi-assignment{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.oi-assignment .btn,.oi-transition-actions .btn{min-height:44px}.oi-transition-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.oi-block-field{grid-column:1/-1}.oi-blocked-reason{display:flex;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--yellow) 35%,var(--border));border-radius:var(--ui-radius-md);background:var(--yellow-l)}.oi-blocked-reason>.material-symbols-rounded{color:var(--yellow)}.oi-blocked-reason strong{font-size:11px}.oi-blocked-reason p{margin:3px 0 0;color:var(--text2);font-size:12px}.oi-terminal{display:flex;align-items:center;gap:8px;margin:0;padding:12px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--border));border-radius:var(--ui-radius-md);background:var(--green-l);color:var(--green);font-size:12px;font-weight:750}
.oi-comment{padding:11px;border:1px solid var(--border);border-radius:var(--ui-radius-sm);background:var(--surface)}.oi-comment+.oi-comment{margin-top:8px}.oi-comment.is-internal{border-color:color-mix(in srgb,var(--yellow) 35%,var(--border));background:var(--yellow-l)}.oi-comment header{display:flex;justify-content:space-between;gap:10px}.oi-comment header strong{font-size:11px}.oi-comment header span{color:var(--text4);font-size:9px}.oi-comment p{margin:7px 0 0;color:var(--text2);font-size:12px;line-height:1.5}.oi-empty-copy{margin:0;color:var(--text3);font-size:11px}.oi-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.oi-reply-actions label{color:var(--text3);font-size:11px}.oi-reply-actions .btn{min-height:44px}
@media(max-width:980px){.oi-card-open{grid-template-columns:minmax(220px,1fr) minmax(330px,1fr) 20px}.oi-card-facts{grid-template-columns:1fr 1fr}.oi-detail-meta{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.oi-filters{align-items:stretch;flex-direction:column}.oi-filters label,.oi-filters select{width:100%}.oi-filters>span{margin:0;padding:2px}.oi-card-open{grid-template-columns:minmax(0,1fr) 20px;gap:12px;padding:14px}.oi-card-main>strong,.oi-card-main>small{white-space:normal}.oi-card-facts{grid-column:1/-1;grid-template-columns:1fr 1fr;padding-top:10px;border-top:1px solid var(--border)}.oi-card-arrow{grid-column:2;grid-row:1;align-self:center}.oi-form{grid-template-columns:1fr}.oi-full{grid-column:auto}.oi-form-actions{position:sticky;bottom:0;z-index:1;flex-direction:column-reverse;padding:10px 0 max(2px,env(safe-area-inset-bottom));background:var(--surface)}.oi-form-actions .btn{width:100%}.oi-alert{grid-template-columns:24px minmax(0,1fr);align-items:start}.oi-alert .btn{grid-column:1/-1;width:100%;min-height:44px}.oi-detail-head{flex-direction:column}.oi-detail-meta{grid-template-columns:1fr 1fr}.oi-operation{grid-template-columns:1fr}.oi-assignment{grid-template-columns:1fr}.oi-assignment .btn,.oi-transition-actions .btn{width:100%}.oi-transition-actions{display:grid;grid-template-columns:1fr}.oi-block-field{grid-column:auto}.oi-reply-actions{align-items:stretch;flex-direction:column}.oi-reply-actions .btn{width:100%}}
@media(max-width:390px){.oi-card-facts,.oi-detail-meta{grid-template-columns:1fr}.oi-card-open{padding:12px}.oi-description,.oi-operation,.oi-thread,.oi-reply{padding:12px}}
@media(prefers-reduced-motion:reduce){.oi-card{transition:none}}