.context-panel { display: flex; gap: 10px; margin: 8px 0; padding: 8px 12px; border-radius: 11px; background: #111827; border: 1px solid #243041; }
.context-item { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.context-heading { min-height: 18px; display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 3px; }
.context-item label { font-size: 9px; font-weight: 650; color: #9ca3af; letter-spacing:.08em; text-transform: uppercase; }
.context-actions { display: flex; gap: 5px; }
.context-action { border: 0; border-radius: 5px; padding: 2px 4px; background: transparent; color: #8cff9a; font-size: 9px; line-height: 1.2; cursor: pointer; transition: background .15s, color .15s; }
.context-action:hover, .context-action:focus-visible { background: rgba(91,236,110,.18); border-color: #5bec6e; outline: none; }
.context-action:disabled { opacity: .38; cursor: not-allowed; background: transparent; border-color: #475569; color: #94a3b8; }
.context-item select { box-sizing:border-box; height:34px; padding: 6px 30px 6px 9px; border-radius: 8px; border: 1px solid #334155; background: #0f172a; color: white; font-size:12px; outline: none; }
.context-item select:disabled { opacity: .55; cursor: not-allowed; }
.context-modal { width: min(390px, calc(100vw - 32px)); border: 1px solid rgba(91,236,110,.4); border-radius: 14px; background: #132019; color: #eaffed; padding: 22px; box-shadow: 0 24px 80px rgba(0,0,0,.55); }
.context-modal::backdrop { background: rgba(0,0,0,.65); }
.context-modal form { display: grid; gap: 13px; }
.context-modal h3 { margin: 0 0 4px; font-size: 17px; }
.context-modal form > label { display: grid; gap: 6px; color: #b8cbbb; font-size: 12px; }
.context-modal input { border: 1px solid rgba(121,168,137,.4); border-radius: 8px; padding: 10px; background: #0c1510; color: #eaffed; }
.context-modal-error { margin: 0; color: #ffaaa5; font-size: 12px; }
.context-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 3px; }
.context-modal-actions button { border: 1px solid #3d5b47; border-radius: 8px; padding: 8px 13px; background: #173220; color: #dfffe2; cursor: pointer; }
.context-modal-actions button[type="submit"] { background: #2f9d45; border-color: #58cf6c; color: #07100a; font-weight: 700; }
@media (max-width: 720px) { .context-panel { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:7px; } .context-heading { min-height:16px; } .context-actions{gap:1px}.context-action{font-size:8px;padding-inline:2px}.context-item select{height:32px;padding-inline:6px;font-size:10px;} }
@media (max-width: 440px) { .context-panel { grid-template-columns:1fr; } .context-heading{margin-bottom:1px}.context-item select{height:30px}.context-item{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center}.context-heading{margin:0}.context-actions{display:none} }