@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:Work Sans;src:url(/fonts/WorkSans-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Work Sans;src:url(/fonts/WorkSans-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.ttf);font-weight:700;font-display:swap}:root{--navy-900: #0f2233;--navy-800: #16324a;--navy-700: #1c3d5a;--navy-600: #24507a;--navy-500: #2c5680;--navy-400: #4a76a3;--navy-100: #d9e4ef;--navy-50: #eef3f8;--gray-900: #181c21;--gray-700: #3c434b;--gray-500: #646c75;--gray-300: #d3d8de;--gray-200: #e3e7ec;--gray-100: #eff1f5;--gray-50: #f8f9fb;--surface: #ffffff;--surface-2: var(--gray-50);--bg: var(--gray-100);--text: var(--gray-900);--text-muted: var(--gray-500);--border: var(--gray-300);--border-soft: var(--gray-200);--accent: var(--navy-700);--accent-hover: var(--navy-600);--accent-soft: var(--navy-50);--danger: #b3261e;--danger-soft: #fdecea;--warn: #9a6c00;--warn-soft: #fdf3d7;--optional-bg: #fbf6ea;--sidebar-bg: var(--navy-900);--sidebar-text: #c8d5e2;--sidebar-active: #ffffff;--font-ui: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-display: "Bricolage Grotesque", var(--font-ui);--font-mono: "JetBrains Mono", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(15, 34, 51, .08);--shadow-md: 0 4px 14px rgba(15, 34, 51, .12);--shadow-lg: 0 14px 40px rgba(15, 34, 51, .22);--focus-ring: 0 0 0 3px rgba(44, 86, 128, .3);--navy: var(--navy-700);--navy-light: var(--navy-500);--ink: var(--text);--muted: var(--text-muted);--card: var(--surface)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-ui);font-size:14px;color:var(--text);background:var(--bg)}h1{font-family:var(--font-display);font-size:22px;margin:0;color:var(--navy-800)}h2{font-family:var(--font-display);font-size:14px;margin:0 0 8px;color:var(--navy-800)}.page-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted)}.muted{color:var(--text-muted)}.hide-sm{display:inline}.form-error{color:var(--danger);font-size:13px}input,textarea,select{font:inherit;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;background:var(--surface);width:100%;transition:border-color .12s,box-shadow .12s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--navy-500);box-shadow:var(--focus-ring)}input:disabled{background:var(--gray-100);color:var(--text-muted)}textarea{resize:vertical}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235f6368' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;padding-right:28px;cursor:pointer}.field{display:flex;flex-direction:column;gap:3px}.field-label{font-size:12px;color:var(--text-muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.grow{flex:1;min-width:0}@media (max-width: 640px){.hide-sm{display:none}input,textarea,select{font-size:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:border-color .12s,background .12s,box-shadow .12s,color .12s}.btn:hover:not(:disabled){border-color:var(--navy-400);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){box-shadow:none}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.small{min-height:26px;padding:3px 9px;font-size:12px}.btn.danger{color:var(--danger)}.btn.danger:hover:not(:disabled){border-color:var(--danger)}.btn.add{border-style:dashed;color:var(--accent);background:transparent;margin-top:6px}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover:not(:disabled){background:var(--gray-100);box-shadow:none}.btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.menu{position:relative;display:inline-flex}.menu-list{position:absolute;right:0;top:calc(100% + 4px);z-index:60;min-width:210px;display:flex;flex-direction:column;padding:4px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.menu-item{border:none;background:none;border-radius:var(--radius-sm);padding:9px 10px;font:inherit;font-size:13px;text-align:left;color:var(--text);cursor:pointer;white-space:nowrap}.menu-item:hover:not(:disabled){background:var(--gray-100)}.menu-item:disabled{opacity:.5;cursor:default}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover:not(:disabled){background:var(--danger-soft)}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:radial-gradient(1100px 560px at 18% -12%,var(--navy-600),transparent 62%),var(--navy-900)}.login-card{background:var(--surface);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--sp-6);width:350px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:14px}.login-card p{margin:0;color:var(--text-muted)}.badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 9px;border-radius:var(--radius-full)}.badge.deviz{background:#e3ecf5;color:var(--navy-700)}.badge.factura{background:#eee7f7;color:#4a2c80}.badge.prezentare{background:#e0f2fd;color:#0b5e8f}.badge.liber{background:#e2f2e6;color:#1d6b2f}.collapsible{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.collapsible>header{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-display);font-weight:700;font-size:14.5px;color:var(--navy-800)}.collapsible .chevron{color:var(--text-muted);font-size:12px}.collapsible-body{padding:2px 14px 16px;display:flex;flex-direction:column;gap:var(--sp-3)}.sub-card{border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);background:var(--surface-2)}.sub-card-head{display:flex;gap:6px;align-items:center}.row-controls{display:inline-flex;gap:2px;flex-shrink:0}.row-controls button{border:1px solid var(--border);background:var(--surface);border-radius:5px;width:24px;height:24px;font-size:12px;line-height:1;cursor:pointer;color:var(--text-muted);padding:0}.row-controls button:hover:not(:disabled){color:var(--accent);border-color:var(--navy-400)}.row-controls button:disabled{opacity:.35;cursor:default}.row-controls button.danger:hover{color:var(--danger);border-color:var(--danger)}.string-list{display:flex;flex-direction:column;gap:6px}.string-list-row{display:flex;gap:6px;align-items:flex-start}.checkbox{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--text-muted);white-space:nowrap;cursor:pointer}.checkbox input{width:auto}.autocomplete{position:relative;display:flex}.autocomplete input{width:100%}.autocomplete-list{position:absolute;top:100%;left:0;right:0;z-index:40;margin-top:2px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto}.autocomplete-option{padding:6px 10px;cursor:pointer}.autocomplete-option.active{background:var(--accent-soft)}.ac-name{font-size:13px;color:var(--text)}.ac-meta{font-size:11px;color:var(--text-muted)}.value-input{position:relative;display:flex;align-items:center}.value-input input{padding-right:40px}.value-input .chip{position:absolute;right:5px;font-size:10px;font-weight:700;text-transform:uppercase;border-radius:var(--radius-full);padding:1px 6px}.chip.auto{background:#e0f0e3;color:#1d6b2f}.chip.clear{background:var(--gray-100);color:var(--text-muted);border:none;cursor:pointer;font-size:12px;line-height:1.2}.chip.clear:hover{color:var(--danger)}.hint{font-size:11.5px;color:var(--warn);background:var(--warn-soft);border-radius:5px;padding:3px 8px}.drag-handle{cursor:grab;color:var(--text-muted);font-size:14px;padding:2px 4px;-webkit-user-select:none;user-select:none;flex-shrink:0;border-radius:5px;line-height:1.4}.drag-handle:hover{color:var(--accent);background:var(--gray-100)}.drag-handle:active{cursor:grabbing}.drop-target{outline:2px dashed #2c8fdd;outline-offset:1px;border-radius:var(--radius-sm)}@media (max-width: 640px){.btn{padding:8px 12px}.btn.small{padding:5px 9px}.row-controls button{width:30px;height:30px;font-size:13px}.drag-handle{font-size:16px;padding:4px 6px}}.app-shell{display:flex;height:100vh;overflow:hidden}.app-sidebar{width:248px;flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;overflow-y:auto}.app-main{flex:1;min-width:0;overflow-y:auto;padding:var(--sp-5) var(--sp-5) 60px}.sidebar-brand{font-family:var(--font-display);font-weight:700;font-size:17px;color:#fff;padding:18px 16px 14px;text-decoration:none;display:block}.sidebar-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--navy-400);padding:10px 16px 6px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 8px;flex:1}.sidebar-item{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;color:var(--sidebar-text);font:inherit;font-size:13.5px;text-align:left;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;border-left:3px solid transparent;transition:background .12s,color .12s}.sidebar-item:hover{background:#ffffff12;color:#fff}.sidebar-item.active{background:var(--navy-700);color:var(--sidebar-active);border-left-color:#7fb2e5}.sidebar-item.drop-target{outline:2px dashed #7fb2e5;outline-offset:-2px;background:#7fb2e526}.sidebar-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item .profile-dot{color:#7fb2e5;font-size:9px;flex-shrink:0}.sidebar-count{font-size:11px;font-weight:700;background:#ffffff1f;color:var(--sidebar-text);border-radius:var(--radius-full);padding:1px 8px;flex-shrink:0}.sidebar-item.active .sidebar-count{background:#fff3;color:#fff}.sidebar-footer{padding:12px 8px 14px;border-top:1px solid rgba(255,255,255,.09);margin-top:var(--sp-3)}.sidebar-footer .sidebar-item{text-decoration:none}.shell-menu-btn,.shell-backdrop{display:none}@media (max-width: 900px){.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:70;width:min(280px,82vw);transform:translate(-100%);transition:transform .18s ease-out;box-shadow:var(--shadow-lg)}.app-shell.drawer-open .app-sidebar{transform:translate(0)}.shell-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#0f223373;border:none;padding:0}.app-shell.drawer-open .shell-backdrop{display:block}.shell-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:17px;cursor:pointer;color:var(--text)}.app-main{padding:var(--sp-4) var(--sp-3) 60px}}.list-main{max-width:1080px;margin:0 auto}.list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.list-title{display:flex;align-items:center;gap:10px;min-width:0}.list-title h1{overflow-wrap:anywhere}.list-actions{display:flex;gap:8px;align-items:center}.company-count{font-size:11px;font-weight:700;background:var(--navy-100);color:var(--navy-700);border-radius:var(--radius-full);padding:1px 8px}.new-doc-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--sp-3);margin-bottom:var(--sp-4)}.company-input{width:260px}.new-doc-label{color:var(--text-muted);font-size:13px;margin-left:4px}.empty-state{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);padding:40px;text-align:center;color:var(--text-muted)}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4)}.doc-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .12s,border-color .12s}.doc-card:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.doc-card-thumb{display:block;width:100%;aspect-ratio:4 / 3;background:var(--surface-2);border:none;border-bottom:1px solid var(--border-soft);padding:0;cursor:zoom-in;overflow:hidden}.doc-card-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.doc-card-glyph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-display);font-weight:700;font-size:42px;color:var(--gray-300)}.doc-card-body{display:flex;flex-direction:column;gap:6px;padding:var(--sp-3);flex:1}.doc-card-title{font-weight:700;color:var(--text);text-decoration:none;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.doc-card-title:hover{color:var(--accent)}.doc-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.doc-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;font-size:12px}.doc-card-actions{display:inline-flex;align-items:center;gap:2px}.doc-card-actions .btn{min-height:26px;padding:2px 9px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0f22338c;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.doc-preview-modal{width:min(920px,94vw);height:88vh;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.doc-preview-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.doc-preview-head h2{flex:1;min-width:140px;margin:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-preview-actions{display:flex;gap:6px;align-items:center}.doc-preview-body{flex:1;position:relative;background:var(--gray-200)}.doc-preview-body .page-loading{height:100%}@media (max-width: 640px){.new-doc-bar{padding:10px}.company-input{width:100%}.doc-grid{grid-template-columns:1fr;gap:var(--sp-2)}.doc-card{flex-direction:row;align-items:stretch}.doc-card-thumb{width:86px;aspect-ratio:auto;min-height:86px;flex-shrink:0;border-bottom:none;border-right:1px solid var(--border-soft)}.doc-card-glyph{font-size:26px}.doc-card-body{padding:10px}.modal-overlay{padding:0}.doc-preview-modal{width:100%;height:100%;border-radius:0}}.editor-page{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--border-soft);box-shadow:var(--shadow-sm);flex-wrap:wrap}.toolbar-spacer{flex:1}.dirty-indicator{font-size:12px;font-weight:700;color:var(--warn);background:var(--warn-soft);padding:3px 10px;border-radius:var(--radius-full)}.doc-type-chip{font-size:12px;font-weight:700;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-full)}.doc-type-chip.deviz{background:#e3ecf5;color:var(--navy-700)}.doc-type-chip.factura{background:#eee7f7;color:#4a2c80}.doc-type-chip.prezentare{background:#e0f2fd;color:#0b5e8f}.doc-type-chip.liber{background:#e2f2e6;color:#1d6b2f}.editor-layout{display:flex;flex:1;min-height:0}.editor-panel{width:var(--split, 46%);min-width:280px;overflow-y:auto;padding:0 var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.splitter{width:6px;flex-shrink:0;cursor:col-resize;background:transparent;transition:background .12s}.splitter:hover,.editor-layout.dragging .splitter{background:var(--navy-100)}.editor-layout.dragging{-webkit-user-select:none;user-select:none}.editor-layout.dragging iframe{pointer-events:none}.section-nav{position:sticky;top:0;z-index:15;display:flex;flex-shrink:0;gap:6px;overflow-x:auto;scrollbar-width:none;padding:var(--sp-3) 2px var(--sp-2);margin-bottom:calc(-1 * var(--sp-1));background:var(--bg)}.section-nav::-webkit-scrollbar{display:none}.section-nav button{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-full);padding:4px 12px;font-family:inherit;font-size:12.5px;line-height:1.3;color:var(--gray-700);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .12s,background .12s,color .12s}.section-nav button:hover{border-color:var(--navy-400)}.section-nav button.active{background:var(--accent);border-color:var(--accent);color:#fff}.section-anchor{scroll-margin-top:52px;flex-shrink:0}.preview-pane{flex:1;min-width:0;overflow:hidden;background:var(--gray-200);border-left:1px solid var(--border);position:relative}.preview-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.preview-frame{margin:0 auto}.preview-stale{position:absolute;top:14px;left:12px;width:10px;height:10px;border-radius:50%;background:#e8c766;z-index:6;animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.35}to{opacity:1}}.preview-toolbar{position:absolute;top:8px;right:20px;z-index:6;display:flex;align-items:center;gap:2px;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-soft);border-radius:var(--radius-full);padding:2px;box-shadow:var(--shadow-md)}.preview-toolbar button{border:none;background:transparent;width:28px;height:26px;border-radius:var(--radius-full);font-size:15px;line-height:1;color:var(--text);cursor:pointer;padding:0}.preview-toolbar button:hover{background:var(--gray-100)}.preview-toolbar .preview-zoom-label{width:auto;min-width:44px;padding:0 6px;font-size:11.5px;font-weight:700;color:var(--text-muted)}.item-row{border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--sp-3);background:var(--surface);display:flex;flex-direction:column;gap:8px}.item-row.optional{background:var(--optional-bg);border-color:#ecd9a8}.item-line{display:flex;gap:6px;align-items:center}.item-note{font-size:13px;color:var(--text-muted)}.item-numbers{display:grid;grid-template-columns:56px 1fr 1fr 1.3fr auto;gap:8px}.item-numbers>label{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-muted)}.headers-editor{border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:6px 10px;background:var(--surface-2);font-size:12px}.headers-editor summary{cursor:pointer;color:var(--text-muted)}.headers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.headers-grid label{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-muted)}.totals-row-editor,.pair-editor{display:flex;gap:6px;align-items:center}.totals-row-editor select{width:150px;flex-shrink:0}.totals-row-editor input:last-of-type{width:170px;flex-shrink:0}.pair-editor input:first-child{width:170px;flex-shrink:0}.ai-chat{position:fixed;right:18px;bottom:18px;width:360px;max-width:calc(100vw - 36px);height:460px;max-height:calc(100vh - 90px);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:50}.ai-chat-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-soft);font-family:var(--font-display);font-weight:700;color:var(--navy-800)}.ai-chat-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.ai-hint{color:var(--text-muted);font-size:13px}.ai-hint p{margin:0 0 8px}.ai-suggestions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.ai-suggestions .btn{text-align:left;white-space:normal}.ai-msg{padding:8px 11px;border-radius:var(--radius-md);font-size:13px;line-height:1.45;max-width:90%;white-space:pre-wrap;word-break:break-word}.ai-msg.user{align-self:flex-end;background:var(--accent);color:#fff}.ai-msg.ai{align-self:flex-start;background:var(--gray-100);color:var(--text)}.ai-msg.error{align-self:flex-start;background:var(--danger-soft);color:var(--danger)}.ai-msg.busy{opacity:.7;font-style:italic}.ai-chat-input{display:flex;gap:6px;padding:10px;border-top:1px solid var(--border-soft)}.ai-chat-input textarea{resize:none}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin:14px 0}.company-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:8px;margin-bottom:var(--sp-3)}.company-add{display:flex;gap:4px;align-items:center;margin-left:auto}.company-add input{width:160px}.mobile-tabs{display:none}@media (max-width: 900px){.editor-layout{flex-direction:column}.editor-panel{width:100%;min-width:0;flex:1;padding-bottom:84px}.preview-pane{border-left:none}.splitter,.editor-layout.view-editor .preview-pane,.editor-layout.view-preview .editor-panel{display:none}.mobile-tabs{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:45;display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-full);box-shadow:var(--shadow-lg)}.mobile-tabs button{border:none;background:transparent;border-radius:var(--radius-full);padding:9px 18px;font:inherit;font-size:13px;font-weight:700;color:var(--text-muted);cursor:pointer}.mobile-tabs button.active{background:var(--accent);color:#fff}.profile-grid,.field-grid{grid-template-columns:1fr}}@media (max-width: 640px){.toolbar{padding:8px;gap:6px}.editor-panel{padding:0 8px 84px}.item-numbers{grid-template-columns:1fr 1fr}.item-numbers>label:first-child{grid-column:auto}.totals-row-editor,.pair-editor{flex-wrap:wrap}.totals-row-editor select{width:100%}.totals-row-editor input:last-of-type{width:100%}.pair-editor input:first-child{width:100%}.headers-grid{grid-template-columns:1fr 1fr}.ai-chat{left:0;right:0;bottom:0;width:100%;max-width:100%;height:62vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-left:none;border-right:none;border-bottom:none}.company-tabs{padding:8px}.company-add{margin-left:0;width:100%}.company-add input{flex:1;width:auto}}.canvas-editor{display:flex;flex-direction:column;flex:1;min-height:0}.canvas-toolbar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--card);border-bottom:1px solid var(--border)}.zoom-label{font-size:12px;color:var(--muted);min-width:40px;text-align:center}.canvas-main{display:flex;flex:1;min-height:0}.canvas-scroll{flex:1;overflow:auto;background:#565b63;padding:20px}.canvas-page-wrap{margin:0 auto 24px;width:fit-content}.canvas-page-label{color:#c9cdd4;font-size:11px;margin-bottom:4px;-webkit-user-select:none;user-select:none}.canvas-page{position:relative;box-shadow:0 3px 18px #00000073;overflow:hidden}.canvas-page-bg{position:absolute;top:0;right:0;bottom:0;left:0}.cv-el{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;box-sizing:border-box;touch-action:none}.cv-el:active{cursor:grabbing}.cv-el.selected{outline:1.5px solid #2c8fdd;outline-offset:0}.cv-el:hover:not(.selected){outline:1px dashed #2c8fdd88}.cv-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#eceef2;color:var(--muted);font-size:12px;border:1px dashed var(--border)}.cv-handle{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid #2c8fdd;border-radius:2px;z-index:5;touch-action:none}.cv-nw{left:-5px;top:-5px;cursor:nwse-resize}.cv-n{left:calc(50% - 5px);top:-5px;cursor:ns-resize}.cv-ne{right:-5px;top:-5px;cursor:nesw-resize}.cv-e{right:-5px;top:calc(50% - 5px);cursor:ew-resize}.cv-se{right:-5px;bottom:-5px;cursor:nwse-resize}.cv-s{left:calc(50% - 5px);bottom:-5px;cursor:ns-resize}.cv-sw{left:-5px;bottom:-5px;cursor:nesw-resize}.cv-w{left:-5px;top:calc(50% - 5px);cursor:ew-resize}.cv-text-edit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;outline:2px solid #2c8fdd;background:#ffffffea;resize:none;padding:0;margin:0;overflow:hidden}.canvas-props{width:270px;flex-shrink:0;background:var(--card);border-left:1px solid var(--border);overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.canvas-props h3{margin:4px 0 2px;font-size:13px;color:var(--navy)}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.prop-grid>label,.prop-block{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted)}.prop-grid input[type=color]{padding:1px;height:30px}.prop-row{display:flex;gap:6px;align-items:center}.prop-hint{font-size:11px;color:var(--muted);margin:4px 0 0}.checkbox-inline{flex-direction:row!important;align-items:center;gap:5px!important;justify-content:flex-start;padding-top:14px}.checkbox-inline input{width:auto}@media (max-width: 900px){.canvas-main{flex-direction:column}.canvas-props{width:100%;max-height:40vh;border-left:none;border-top:1px solid var(--border)}.canvas-toolbar{overflow-x:auto}}@media (max-width: 640px){.canvas-props{max-height:46vh}}