/* assets/css/editor.css - Google Sheets-like styles */
:root{
  --bg:#fff; --muted:#666; --accent:#0a84ff; --border:#e6e6e6;
}
body{ font-family:Inter,system-ui,Segoe UI,Roboto,Arial; background:#fafafa; color:#111; margin:0; padding:0; }
.topbar{ background:#111;color:#fff;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;}
.topbar .brand{ font-weight:600; font-size:16px; }
.container{ max-width:1200px; margin:18px auto; padding:12px; background:var(--bg); border-radius:8px; box-shadow:0 1px 6px rgba(0,0,0,0.04); }
.toolbar{ display:flex; gap:8px; align-items:center; margin-bottom:12px; flex-wrap:wrap; }
.btn{ padding:8px 10px; border-radius:6px; border:1px solid var(--border); background:#fff; cursor:pointer; }
.btn.green{ background:#007a3d; color:#fff; border-color:#006233; }
.btn.red{ background:#c0392b; color:#fff; border-color:#a02b23; }
.sheet{ width:100%; border-collapse:collapse; table-layout:fixed; }
.sheet td, .sheet th{ border:1px solid var(--border); padding:8px; min-width:80px; overflow-wrap:break-word; vertical-align:top; }
.sheet td.cell{ background:#fff; }
thead.custom-head th{ background:#f6f8fa; position:sticky; top:0; z-index:3; text-align:center; font-weight:700; }
.row-header{ background:#f1f3f5; min-width:48px; text-align:center; font-weight:700; }
.col-formula-row input{ width:100%; padding:6px; box-sizing:border-box; }
.col-formula-row.hidden{ display:none; }
.cell:focus{ outline:2px solid rgba(10,132,255,0.14); box-shadow:inset 0 0 0 1px rgba(10,132,255,0.06); }
.markheader{ margin-left:12px; font-size:13px; color:var(--muted); }
.doclist{ width:100%; border-collapse:collapse; }
.doclist td, .doclist th{ padding:10px; border-bottom:1px solid #eee; }
.flash{ padding:10px; background:#fff8e1; border:1px solid #ffecb3; border-radius:6px; margin-bottom:10px; }