:root{--proposal-settings-width:300px;--proposal-editor-gap:24px;--proposal-paper-width:760px;--proposal-paper-padding:36px;--proposal-logo-width:160px;--proposal-logo-height:90px;--proposal-editor-section-min:48px;--proposal-outline:2px;--proposal-accent:hsl(var(--brand-h) 100% 35.5%)}
.proposal-editor{color:var(--admin-ink)}.proposal-editor-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-6)}.proposal-editor-header h1{margin:var(--space-3) 0;font-size:var(--admin-heading)}.proposal-editor-header small{color:var(--admin-muted)}
.proposal-editor-body{display:grid;grid-template-columns:var(--proposal-settings-width) minmax(0,1fr);gap:var(--proposal-editor-gap);background:var(--admin-pale);padding:var(--space-6);border-radius:var(--radius)}
.proposal-editor-settings{background:var(--surface);padding:var(--space-6);border-radius:var(--radius);align-self:start}.proposal-editor-settings h2{font-size:var(--font-lg);margin-bottom:var(--space-6)}.proposal-editor-settings fieldset,.proposal-format-toolbar fieldset{border:0;padding:0;margin:0;min-width:0}.proposal-editor-settings .field{margin-bottom:var(--space-4)}
.proposal-editor-canvas{min-width:0}.proposal-format-toolbar{position:sticky;top:var(--space-2);z-index:2;background:var(--surface);border:var(--border) solid var(--admin-line);border-radius:var(--radius-sm);padding:var(--space-2);margin-bottom:var(--space-4)}.proposal-format-toolbar fieldset{display:flex;gap:var(--space-1);align-items:center;flex-wrap:wrap}.proposal-format-toolbar button,.proposal-format-toolbar select{min-height:var(--control);width:auto;padding:var(--space-2)}.proposal-format-toolbar input[type=color]{width:var(--control);padding:var(--space-1)}
.proposal-paper{max-width:var(--proposal-paper-width);margin:auto;padding:var(--proposal-paper-padding);background:var(--surface);border-top:var(--proposal-outline) solid var(--proposal-accent);font-size:var(--font-md);line-height:1.6;overflow-wrap:anywhere}.proposal-paper h2{font-size:var(--font-xl);margin-top:var(--space-8)}.proposal-paper-top{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start;margin-bottom:var(--space-8)}.proposal-paper-top img{max-width:var(--proposal-logo-width);max-height:var(--proposal-logo-height);object-fit:contain}.proposal-logo-placeholder{display:inline-block;padding:var(--space-6);background:var(--admin-pale);color:var(--admin-muted)}
.proposal-editable{outline:var(--border) dashed transparent;min-height:var(--proposal-editor-section-min);white-space:normal;overflow-wrap:anywhere}.proposal-editable:hover{outline-color:var(--admin-line)}.proposal-editable.selected,.proposal-editable:focus{outline:var(--proposal-outline) solid var(--proposal-accent);outline-offset:var(--space-1)}.proposal-editable p{margin:0 0 var(--space-2)}.proposal-editable ul,.proposal-editable ol{padding-left:var(--space-6)}
.proposal-sample-products{margin:var(--space-8) 0;color:var(--admin-muted)}.proposal-sample-products table{width:100%;border-collapse:collapse}.proposal-sample-products td,.proposal-sample-products th{padding:var(--space-2);border-bottom:var(--border) solid var(--admin-line)}.proposal-sample-products p{text-align:right}.proposal-editor-settings input[type=file]{max-width:100%;font-size:var(--font-sm)}
@media(max-width:1100px){.proposal-editor-body{grid-template-columns:1fr}.proposal-editor-settings{width:100%}.proposal-format-toolbar{position:static}}
@media(max-width:700px){.proposal-editor-header{align-items:flex-start;flex-wrap:wrap}.proposal-editor-body{padding:var(--space-2)}.proposal-paper{padding:var(--space-4)}.proposal-editor-settings{padding:var(--space-4)}.proposal-sample-products{overflow-x:auto}}

.proposal-editable img{max-width:100%;height:auto;cursor:pointer}.proposal-editable table{width:100%;border-collapse:collapse;table-layout:fixed;margin:var(--space-4) 0}.proposal-editable td,.proposal-editable th{border:var(--border) solid var(--admin-line);padding:var(--space-2);min-width:var(--control)}
:root{--proposal-drag-scroll-edge:36px;--proposal-drag-scroll-speed:480}

:root{--proposal-tool-size:30px;--proposal-tool-icon:20px;--proposal-tool-font-width:54px;--proposal-color-strip:5px;--proposal-field-fill:hsl(var(--brand-h) 91% 81.6%)}
.proposal-section{min-width:0}.proposal-format-toolbar{position:relative;top:auto;z-index:2;padding:var(--space-2);margin:0 0 var(--space-2);border-radius:var(--radius-sm)}
.proposal-format-toolbar fieldset{display:block}.proposal-tools-main,.proposal-tools-extra{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1)}.proposal-tools-extra{padding-top:var(--space-1)}
.proposal-format-toolbar button,.proposal-format-toolbar select{height:var(--proposal-tool-size);min-height:var(--proposal-tool-size);min-width:var(--proposal-tool-size);padding:var(--space-1);border:0;background:transparent;font-size:var(--font-md);border-radius:var(--space-1)}
.proposal-format-toolbar button:hover{background:var(--admin-pale)}.proposal-format-toolbar svg{width:var(--proposal-tool-icon);height:var(--proposal-tool-icon)}
.proposal-font-control{display:flex;align-items:center;background:var(--admin-pale);border-radius:var(--space-1)}.proposal-font-control select{width:var(--proposal-tool-font-width);min-width:0;appearance:none;text-align:center}
.proposal-icon-select{display:flex;align-items:center;position:relative;width:var(--proposal-tool-size);height:var(--proposal-tool-size)}.proposal-icon-select select{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.proposal-icon-select:focus-within{outline:var(--focus) solid var(--accent);outline-offset:var(--space-1)}
.proposal-color-tool{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:var(--proposal-tool-size);height:var(--proposal-tool-size);cursor:pointer}
.proposal-format-toolbar .proposal-color-tool input[type=color]{position:absolute;inset:auto 0 0;width:100%;min-height:0;height:var(--proposal-color-strip);padding:0;border:0;cursor:pointer}
.proposal-format-toolbar .proposal-fields-button{background:var(--proposal-field-fill);color:var(--admin-blue);padding-inline:var(--space-2);height:auto;min-height:var(--proposal-tool-size)}
.proposal-section:has(.proposal-format-toolbar)>h2{margin-top:0}.proposal-paper-top .proposal-section{min-width:0}

:root{--proposal-logo-placeholder-width:90px;--proposal-logo-placeholder-height:48px}
.proposal-logo-placeholder{width:var(--proposal-logo-placeholder-width);height:var(--proposal-logo-placeholder-height);padding:0;display:grid;place-items:center;cursor:pointer}
.proposal-paper-top>.proposal-section{text-align:right}.proposal-editable.selected,.proposal-editable:focus{outline:var(--border) dotted var(--admin-blue);outline-offset:0}
.proposal-product-card{padding:var(--space-4) 0;border-bottom:var(--border) solid var(--admin-line);color:var(--admin-ink)}.proposal-product-card h3{font-size:var(--font-md);margin-bottom:var(--space-2)}.proposal-sample-products .proposal-product-card p{margin:var(--space-2) 0;text-align:left}.proposal-sample-total{margin-top:var(--space-4)}
@media(max-width:480px){.proposal-paper-top{grid-template-columns:1fr}.proposal-paper-top>.proposal-section{text-align:left}}

:root{--proposal-table-menu-width:250px;--proposal-table-menu-layer:8}
.proposal-table-menu{position:absolute;right:0;top:100%;width:min(var(--proposal-table-menu-width),100%);z-index:var(--proposal-table-menu-layer);display:grid;background:var(--surface);border:var(--border) solid var(--admin-line);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:var(--space-1)}
.proposal-format-toolbar .proposal-table-menu button{width:100%;height:auto;min-height:var(--control);justify-content:space-between;text-align:left;white-space:normal;border:0;border-radius:0;padding:var(--space-2) var(--space-3)}
.proposal-table-menu button:focus-visible{outline:var(--border) solid var(--accent);background:var(--accent-soft);outline-offset:0}

/* Geometry aligned with the saved 683px reference; brand and editable content stay local. */
:root{--proposal-document-font:12px;--proposal-document-title:30px;--proposal-tool-font-width:50px;--proposal-tool-dropdown-width:38px;--proposal-tool-chevron:8px;--proposal-tool-type:18px;--proposal-tool-label:12px;--proposal-tool-gap:2px}
.proposal-paper{font-size:var(--proposal-document-font);line-height:1.5}
.proposal-format-toolbar{padding:var(--space-1) var(--space-3);margin-bottom:0}
.proposal-tools-extra{padding-top:var(--space-2)}
.proposal-format-toolbar button,.proposal-format-toolbar select{font-size:var(--proposal-tool-label)}
.proposal-format-toolbar [data-proposal-command]{font-size:var(--proposal-tool-type)}
.proposal-format-toolbar .proposal-fields-button{font-weight:600}
.proposal-icon-select,.proposal-color-tool,.proposal-format-toolbar [data-action="proposal-editor-table"]{width:var(--proposal-tool-dropdown-width);gap:var(--proposal-tool-gap);flex-direction:row;justify-content:center}
.proposal-tool-chevron{display:inline-block;width:var(--proposal-tool-chevron);flex:none;font-size:var(--proposal-tool-label);line-height:1;color:var(--admin-muted)}
.proposal-color-symbol{display:flex;align-items:center;justify-content:center;width:var(--proposal-tool-icon);height:var(--proposal-tool-icon);border-bottom:var(--proposal-tool-gap) solid currentColor;font-size:var(--proposal-tool-type)}
.proposal-format-toolbar .proposal-color-tool input[type=color]{inset:0;width:100%;height:100%;opacity:0}
.proposal-color-tool:focus-within{outline:var(--focus) solid var(--accent);outline-offset:var(--space-1)}
.proposal-section-content>h2{font-size:var(--proposal-document-title);line-height:1.2;margin:0 0 var(--space-5)}
.proposal-section-content:has(>.proposal-editable.selected),.proposal-section-content:focus-within{outline:var(--border) dotted var(--admin-blue);outline-offset:0}
.proposal-section-content>.proposal-editable.selected,.proposal-section-content>.proposal-editable:focus{outline:0}
@media(max-width:420px){.proposal-tools-main{gap:var(--proposal-tool-gap)}}

.proposal-editable td.proposal-cell-selected,.proposal-editable th.proposal-cell-selected{outline:var(--focus) solid var(--accent);outline-offset:calc(0px - var(--focus));box-shadow:inset 0 0 0 var(--space-1) var(--accent-soft)}

.proposal-editable table.proposal-table-selecting{touch-action:none;user-select:none;cursor:cell}
.proposal-image-tabs{display:flex;gap:var(--space-5);border-bottom:var(--border) solid var(--admin-line);margin-bottom:var(--space-5)}
.proposal-image-tabs button{border:0;border-bottom:var(--focus) solid transparent;border-radius:0;padding:var(--space-3) 0;background:transparent;color:var(--admin-muted)}
.proposal-image-tabs button[aria-selected=true]{border-bottom-color:var(--admin-blue);color:var(--admin-blue)}
#proposal-image-form [role=tabpanel]:not([hidden]){display:grid;gap:var(--space-4)}
.proposal-image-source{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}
.proposal-image-source p{min-width:0;overflow-wrap:anywhere;color:var(--admin-muted);font-size:var(--font-sm)}
.proposal-image-source button{flex-shrink:0}
#proposal-image-upload>p{margin-bottom:var(--space-4)}
@media(max-width:480px){.proposal-image-source{align-items:flex-start;flex-direction:column}#proposal-image-form .modalfoot{flex-wrap:wrap}}