/* Sipariva Panel ek stilleri */
.firm-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.firm-head h2 { margin: 0 0 6px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.btn-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.btn-row form { margin: 0; }
.dot-st { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; background: #bbb; vertical-align: middle; }
.dot-st.ok { background: #16a34a; } .dot-st.late { background: #f59e0b; } .dot-st.down { background: #dc2626; } .dot-st.never { background: #9ca3af; }
.neg { color: #dc2626; font-weight: 700; } .warn-t { color: #b45309; font-weight: 600; }
.steps { display: grid; gap: 8px; margin: 12px 0; }
.step { display: grid; grid-template-columns: 30px 260px 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; }
.step .ico { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: #f1f1f4; font-weight: 800; }
.step small { color: var(--muted); }
.step.ok .ico { background: #dcfce7; color: #15803d; } .step.warn .ico { background: #fef3c7; color: #b45309; } .step.err .ico { background: #fee2e2; color: #b91c1c; }
.step.run .ico { background: #dbeafe; color: #1d4ed8; animation: pulse 1s infinite; }
.step.err small { color: #b91c1c; }
@keyframes pulse { 50% { opacity: .4; } }
.slug-row { display: flex; align-items: center; gap: 6px; } .slug-row input { flex: 1; } .slug-row b { white-space: nowrap; }
.mod-item { display: flex !important; flex-direction: row !important; gap: 12px; align-items: flex-start; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; margin-bottom: 8px; cursor: pointer; }
.mod-item input { margin-top: 3px; flex: none; } .mod-item span { display: grid; gap: 3px; }
.mod-item:has(input:checked) { border-color: #F2541B; background: #fff8f4; }
.reveal { cursor: pointer; background: #f1f1f4; padding: 2px 8px; border-radius: 6px; }
.act-msg { margin: 0 0 12px; }
.lic-card .scan-row { display: flex; gap: 8px; } .lic-card input { flex: 1; font-family: ui-monospace, monospace; }
form.inline { display: inline; margin: 0; } .link-btn { background: none; border: 0; color: var(--muted); text-decoration: underline; cursor: pointer; font-size: 12px; }
.tips { display: grid; gap: 8px; padding-left: 18px; }
table.mods select { min-width: 140px; }
.qr { width: 200px; height: 200px; margin: 10px 0; }
@media (max-width: 760px) { .step { grid-template-columns: 30px 1fr; } .step small, .step form { grid-column: 2; } }
[hidden] { display: none !important; }