:root{color:#20211d;background:#e7e1d5;font-family:Aptos,IBM Plex Sans,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:linear-gradient(rgba(32,33,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,33,29,.025) 1px,transparent 1px),#e7e1d5;background-size:28px 28px}body{margin:0;min-width:320px;overflow-x:hidden}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.workspace{width:100%;max-width:1680px;margin:0 auto;padding:28px}.studio-hero{display:grid;grid-template-columns:minmax(180px,.58fr) minmax(360px,1.4fr) max-content;gap:24px;align-items:center;min-height:210px;padding:22px 0 28px;border-bottom:2px solid rgba(32,33,29,.18)}.studio-hero>*,.context-ribbon>*,.workflow-board>*{min-width:0}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border:2px solid #20211d;border-radius:6px;background:#f4c45d;box-shadow:6px 6px #20211d;color:#20211d;font-family:Georgia,serif;font-size:1.45rem;font-weight:900}.brand-lockup p,.brand-lockup span,.hero-copy p,.studio-hero h1{margin:0}.brand-lockup p{color:#6d675b;font-size:.72rem;font-weight:800;text-transform:uppercase}.brand-lockup span{display:block;color:#20211d;font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:900}.hero-copy{width:100%;max-width:760px}.studio-hero h1{color:#20211d;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.65rem,6vw,6.2rem);line-height:.88;overflow-wrap:break-word}.hero-copy p{max-width:620px;margin-top:14px;color:#5d584e;font-size:1.02rem;line-height:1.5;overflow-wrap:anywhere}.hero-actions{display:grid;gap:12px;justify-items:end}.language-select{display:grid;gap:6px;min-width:210px;color:#5d584e;font-size:.76rem;font-weight:900;text-transform:uppercase}.language-select select{min-height:38px;text-transform:none}.section-kicker{display:inline-flex;margin-bottom:7px;color:#8c3f2f;font-size:.72rem;font-weight:900;text-transform:uppercase}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:6px;font-weight:900;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.primary-button{border:1px solid #20211d;background:#20211d;color:#fffaf0;box-shadow:4px 4px #20211d38}.secondary-button{border:1px solid #bdb4a4;background:#fffaf0;color:#20211d}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.secondary-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.primary-button:focus-visible,.secondary-button:focus-visible,.invoice-row:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid rgba(140,63,47,.28);outline-offset:2px}.context-ribbon{display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,1fr));margin:20px 0 14px;border:1px solid #20211d;background:#20211d}.context-ribbon article{min-width:0;padding:13px 15px;background:#fffaf0}.context-ribbon article+article{border-left:1px solid #20211d}.context-ribbon span,.invoice-row small{display:block;color:#6d675b;font-size:.72rem;font-weight:900;text-transform:uppercase}.context-ribbon strong{display:block;overflow:hidden;margin-top:5px;color:#20211d;font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}.notice-bar{margin:0 0 18px;padding:11px 14px;border-left:4px solid #8c3f2f;background:#fffaf0d1;color:#554f45;font-weight:750}.workflow-board{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(390px,1.06fr) minmax(360px,.94fr);gap:18px;align-items:start}.workflow-column,.compose-step,.preview-column,.stack{display:grid;gap:14px}.compose-step,.preview-step{min-width:0}.workflow-step-heading,.preview-step-heading{padding:0 2px}.panel{min-width:0;padding:16px;border:1px solid #c4baaa;border-radius:6px;background:#fffaf0f0;box-shadow:0 16px 42px #453c2e14}.context-panel{border-color:#20211d;background:#f4c45d;box-shadow:5px 5px #20211d29}.workflow-step{scroll-margin-top:24px}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading svg{color:#8c3f2f}.panel h2,.pdf-preview h3{margin:0;color:#20211d}.panel h2{font-family:Georgia,Times New Roman,serif;font-size:1.22rem;line-height:1.1}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-picker{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:10px;align-items:end;margin-bottom:12px}.saved-client-list{display:grid;gap:8px;margin-bottom:12px}.saved-client{display:grid;gap:3px;width:100%;padding:10px 12px;border:1px solid #d5cdbf;border-radius:5px;background:#fffdf7;color:#20211d;text-align:left}.saved-client.selected{border-color:#20211d;background:#f2e7d2;box-shadow:inset 4px 0 #8c3f2f}.saved-client strong,.saved-client span{overflow-wrap:anywhere}.saved-client span,.empty-helper,.action-hint,.selected-summary span{color:#5d584e;font-size:.82rem}.empty-helper,.action-hint{margin:0;line-height:1.45}.send-confirmation{margin:0;padding:10px 12px;border:1px solid #8ebf9d;border-radius:5px;background:#f0f8f1;color:#176b37;font-size:.9rem;font-weight:800}.selected-summary{display:grid;grid-template-columns:auto minmax(0,1fr) max-content;gap:10px;align-items:start;margin-top:12px;padding:12px;border:1px solid rgba(32,33,29,.22);border-radius:5px;background:#fffdf7b8}.selected-summary svg{margin-top:2px;color:#1f6b42}.selected-summary strong,.selected-summary span{display:block;overflow-wrap:anywhere}.selected-summary strong{margin-bottom:3px;color:#20211d}.compact-button{min-height:34px;padding:0 10px;white-space:nowrap}label{display:grid;gap:5px;color:#4f493f;font-size:.79rem;font-weight:900}input,select,textarea{width:100%;min-width:0;border:1px solid #bdb4a4;border-radius:5px;background:#fffdf7;color:#20211d}input,select{height:38px;padding:0 10px}textarea{resize:vertical;padding:9px 10px}.wide-field{grid-column:1 / -1}.invoice-list{display:grid;gap:12px}.history-section{margin-top:20px}.list-stack{display:grid;gap:8px}.inline-toggle{display:flex;grid-template-columns:none;align-items:center;gap:8px;width:fit-content}.inline-toggle input{width:16px;height:16px}.full-width-button{width:100%;justify-content:center}.empty-state{margin:0;padding:12px;border:1px dashed #c4baaa;border-radius:5px;color:#6d665b}.invoice-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:12px;width:100%;min-height:64px;padding:11px;border:1px solid #d4caba;border-radius:5px;background:#fffdf7;color:#20211d}.invoice-row-main{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:12px;width:100%;border:0;background:transparent;color:inherit;text-align:left}.invoice-row.selected{border-color:#20211d;background:#fff3d1;box-shadow:inset 4px 0 #8c3f2f}.invoice-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-tag{justify-self:end;width:fit-content;margin-top:5px;padding:2px 8px;border-radius:999px;background:#ebe3d3;color:#554f45}.status-tag.ready{background:#dbeadf;color:#1f5f3d}.status-tag.sent{background:#dce9ee;color:#245066}.status-tag.paid{background:#e1edc9;color:#485f14}.status-tag.deleted{background:#eadbd5;color:#7a3427}.icon-danger-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d6b9af;border-radius:5px;background:#fff7f4;color:#8c3f2f}.icon-danger-button:hover{border-color:#8c3f2f;background:#f6ded6}.totals-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #20211d;border-radius:5px;background:#20211d}.totals-strip span,.totals-strip strong{min-width:0;padding:10px;background:#fffdf7;color:#454036;font-size:.86rem}.totals-strip span+span,.totals-strip strong{border-left:1px solid #20211d}.totals-strip strong{background:#20211d;color:#fffaf0;text-align:right}.preview-panel{position:sticky;top:24px;display:grid;gap:14px;background:transparent;border:0;box-shadow:none;padding:0}.pdf-preview{display:grid;gap:16px;min-height:640px;padding:28px 30px;border:1px solid #d9d9d9;border-radius:2px;background:#fff;box-shadow:0 22px 55px #1f386421;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:.86rem}.preview-document-header,.preview-parties,.preview-line div,.preview-totals div{display:flex;justify-content:space-between;gap:16px}.preview-document-header{align-items:start;padding-bottom:8px;border-bottom:0}.preview-document-header p{margin:0;color:#000;font-weight:400}.document-label,.preview-parties span,.preview-line span,.preview-totals dt{color:#1f3864;font-size:.78rem;font-weight:700;text-transform:uppercase}.pdf-preview h3{margin-top:4px;font-family:Arial,Helvetica,sans-serif;color:#1f3864;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:700;line-height:1.05}.preview-parties{align-items:start}.preview-parties section{width:50%;min-width:0}.preview-parties strong{display:block;margin:5px 0;color:#000;font-weight:700}.preview-parties p,.preview-payment-terms p{margin:0;color:#000;line-height:1.38;white-space:pre-line}.invoice-lines-editor{display:grid;gap:8px;overflow-x:auto}.invoice-lines-header,.invoice-line-row{display:grid;grid-template-columns:minmax(220px,1fr) 96px 130px 130px 38px;gap:8px;align-items:center}.preview-lines-header,.preview-lines-row{display:grid;grid-template-columns:minmax(220px,1fr) 96px 130px 130px;gap:0;align-items:center}.invoice-lines-header,.preview-lines-header{color:#fff;background:#1f3864;font-size:.78rem;font-weight:700;text-transform:uppercase}.invoice-line-row output,.preview-lines-row span:last-child{color:#000;font-weight:400;text-align:right}.invoice-lines-header:after{content:""}.add-line-button{justify-self:start}.preview-facture-meta{display:grid;gap:0;justify-items:end;color:#000;font-size:.84rem}.preview-facture-meta span{min-width:168px;padding:3px 6px;text-align:right}.preview-facture-meta span strong{color:#1f3864;font-weight:700}.preview-facture-meta .editable-cell{display:inline-block;min-width:76px;margin-left:8px;padding:2px 5px;background:#fff2cc;color:#000}.preview-lines-table{display:grid;gap:0;padding:14px 0;border:1px solid #d9d9d9;border-bottom:0}.preview-lines-row{min-height:30px;border-bottom:1px solid #d9d9d9}.preview-lines-header span,.preview-lines-row span{min-width:0;padding:6px 8px}.preview-lines-header span:not(:first-child),.preview-lines-row span:not(:first-child){text-align:right}.preview-payment-terms{display:grid;gap:5px;padding-top:10px;border-top:0}.preview-payment-terms strong{color:#1f3864;font-weight:700}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-totals{align-self:end;display:grid;gap:0;margin:0;padding-left:min(42%,220px)}.preview-totals div{min-height:26px;align-items:center}.preview-totals dd{margin:0;color:#000;font-weight:400}.total-line{margin-top:0;padding:4px 0;border-top:0;background:#1f3864;color:#fff;font-size:.94rem}.total-line dt,.total-line dd{color:#fff;font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 1240px){.studio-hero{grid-template-columns:1fr max-content}.hero-copy{grid-column:1 / -1;grid-row:2}.workflow-board{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr)}.preview-step{grid-column:1 / -1}.preview-panel{position:static}.pdf-preview{min-height:460px}}@media (max-width: 860px){.workspace{padding:18px}.studio-hero,.workflow-board,.context-ribbon{grid-template-columns:1fr}.studio-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{max-width:100%}.hero-actions{width:100%;justify-items:stretch}.language-select{width:100%}.context-ribbon article+article{border-top:1px solid #20211d;border-left:0}}@media (max-width: 620px){.workspace{padding:14px}.app-shell.is-signed-in .studio-hero,.app-shell.is-signed-in .context-ribbon,.app-shell.is-signed-in .notice-bar{display:none}.app-shell.is-signed-in .notice-bar.notice-bar-toast-visible:not(.notice-bar-passive){position:fixed;right:14px;bottom:18px;left:14px;z-index:60;display:block;margin:0;padding:13px 14px;border:1px solid #20211d;border-left:5px solid #1f3864;background:#fffdf6;box-shadow:0 16px 34px #20211d38;color:#20211d;font-size:.9rem;font-weight:800;line-height:1.35}.studio-hero{gap:18px}.studio-hero .primary-button{width:100%}.field-grid,.client-picker,.selected-summary,.totals-strip,.preview-parties,.preview-document-header,.invoice-lines-header,.invoice-line-row,.preview-lines-header,.preview-lines-row{grid-template-columns:1fr;flex-direction:column}.preview-parties section{width:100%}.preview-totals{padding-left:0}.pdf-preview{min-height:0;padding:22px}}