.opa-inline-inputs {
  --inline-ink:#272b2d; --inline-muted:#747b80; --inline-line:#e5e7e6;
  box-sizing:border-box; min-width:0; width:100%; margin:16px 0; padding:16px;
  color:var(--inline-ink); background:#fff; border:1px solid var(--inline-line); border-radius:12px;
  font:400 14px/1.5 Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif;
}
.opa-inline-inputs *, .opa-inline-inputs *::before, .opa-inline-inputs *::after { box-sizing:border-box; }
.opa-inline-inputs [hidden] { display:none!important; }
.opa-inline-inputs h3,.opa-inline-inputs p { margin:0; }
.opa-inline-inputs h3 { font-size:15px; font-weight:500; }
.opa-inline-inputs button,.opa-inline-inputs input { font:inherit; }
.opa-inline-inputs button { width:auto; min-height:36px; padding:7px 10px; border:0; border-radius:7px; background:#f3f4f3; color:var(--inline-ink); font-weight:400; cursor:pointer; box-shadow:none; }
.opa-inline-inputs button:hover:not(:disabled) { background:#eaece9; }
.opa-inline-inputs button:disabled { opacity:.45; cursor:default; }
.opa-inline-inputs button:focus-visible,.opa-inline-inputs input:focus-visible,.opa-inline-inputs summary:focus-visible,.opa-inline-inputs-scroll:focus-visible { outline:2px solid #697b87; outline-offset:2px; }
.opa-inline-inputs-heading,.opa-inline-inputs-filters,.opa-inline-inputs-actions,.opa-inline-inputs-conflict-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.opa-inline-inputs-heading { justify-content:space-between; margin-bottom:14px; }
.opa-inline-inputs .opa-inline-inputs-refresh { background:transparent; color:var(--inline-muted); font-size:12px; }
.opa-inline-inputs-hint,.opa-inline-inputs-basis { padding:0 0 12px; color:var(--inline-muted); font-size:12px; }
.opa-inline-inputs-filters { margin-bottom:12px; }
.opa-inline-inputs .opa-inline-inputs-search { flex:1 1 160px; min-width:0; width:auto; min-height:38px; padding:8px 10px; color:var(--inline-ink); background:#fff; border:1px solid var(--inline-line); border-radius:7px; box-shadow:none; }
.opa-inline-inputs-missing-filter { display:flex; align-items:center; gap:6px; font-size:12px; white-space:nowrap; }
.opa-inline-inputs input[type=checkbox] { flex:0 0 auto; width:16px; height:16px; min-height:0; padding:0; margin:0; accent-color:#34393c; }
.opa-inline-inputs-status { padding:8px 0 12px; color:#646b70; font-size:13px; }
.opa-inline-inputs-scroll { width:100%; max-height:520px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--inline-line); border-radius:8px; }
.opa-inline-inputs .opa-inline-inputs-table { width:100%; min-width:0; border:0; border-collapse:collapse; table-layout:fixed; font-size:12px; }
.opa-inline-inputs-table th,.opa-inline-inputs-table td { padding:10px 8px; border:0; border-bottom:1px solid var(--inline-line); color:var(--inline-ink); vertical-align:top; background:#fff; text-align:left; font-weight:400; }
.opa-inline-inputs-table thead th { position:sticky; top:0; z-index:1; color:var(--inline-muted); background:#f8f9f8; font-size:11px; }
.opa-inline-inputs-table thead th:first-child { width:27%; }
.opa-inline-inputs-table tbody tr:last-child > * { border-bottom:0; }
.opa-inline-inputs-table tr[data-highlighted=true] .opa-inline-inputs-room { background:#f3f6f4; }
.opa-inline-inputs-room-name { display:block; overflow-wrap:anywhere; font-weight:500; }
.opa-inline-inputs-room-meta { display:block; margin-top:3px; color:var(--inline-muted); font-size:11px; overflow-wrap:anywhere; }
.opa-inline-inputs-editor { display:flex; flex-wrap:wrap; align-items:center; gap:4px; }
.opa-inline-inputs .opa-inline-inputs-value { flex:1 1 52px; width:100%; min-width:0; min-height:36px; padding:7px; border:1px solid var(--inline-line); border-radius:6px; background:#fff; color:var(--inline-ink); box-shadow:none; }
.opa-inline-inputs .opa-inline-inputs-value:disabled { background:#fafbfa; color:#6b7175; opacity:1; }
.opa-inline-inputs-unit { flex:0 0 auto; color:var(--inline-muted); font-size:11px; }
.opa-inline-inputs-difference,.opa-inline-inputs-field-error { display:block; margin-top:5px; font-size:11px; overflow-wrap:anywhere; }
.opa-inline-inputs-difference { color:#67736c; }
.opa-inline-inputs-field-error { color:#9c4d33; }
.opa-inline-inputs-provenance { min-width:0; margin-top:6px; color:var(--inline-muted); font-size:11px; overflow-wrap:anywhere; }
.opa-inline-inputs-provenance summary { cursor:pointer; }
.opa-inline-inputs-provenance p { padding-top:4px; }
.opa-inline-inputs .opa-inline-inputs-open-editor { display:block; min-height:30px; max-width:100%; margin-top:5px; padding:4px 6px; font-size:11px; overflow-wrap:anywhere; }
.opa-inline-inputs-empty { padding:20px 0; color:var(--inline-muted); text-align:center; }
.opa-inline-inputs-conflict-actions { margin-top:10px; }
.opa-inline-inputs-actions { margin-top:12px; justify-content:flex-end; }
.opa-inline-inputs-change-count { margin-right:auto; color:var(--inline-muted); font-size:12px; }
.opa-inline-inputs .opa-inline-inputs-submit { background:#282d30; color:#fff; font-weight:500; }
.opa-inline-inputs .opa-inline-inputs-submit:hover:not(:disabled) { background:#404649; }
.opa-inline-inputs-mobile-label { display:none; }
.opa-inline-inputs-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:560px) {
  .opa-inline-inputs { padding:12px; font-size:13px; }
  .opa-inline-inputs-heading { gap:6px; }
  .opa-inline-inputs-heading h3 { font-size:14px; }
  .opa-inline-inputs-scroll { max-height:560px; }
  .opa-inline-inputs-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  .opa-inline-inputs-table tbody { display:block; }
  .opa-inline-inputs-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px; gap:10px; border-bottom:1px solid var(--inline-line); }
  .opa-inline-inputs-table tbody tr:last-child { border-bottom:0; }
  .opa-inline-inputs-table .opa-inline-inputs-room { grid-column:1/-1; padding:0 0 4px; }
  .opa-inline-inputs-table th,.opa-inline-inputs-table td { display:block; min-width:0; padding:0; border:0; }
  .opa-inline-inputs-mobile-label { display:block; margin:0 0 4px; color:var(--inline-muted); font-size:11px; }
  .opa-inline-inputs-editor { flex-wrap:nowrap; }
  .opa-inline-inputs .opa-inline-inputs-value { width:0; flex:1 1 0; }
  .opa-inline-inputs-actions { gap:8px; }
  .opa-inline-inputs-change-count { flex:1 0 100%; }
}