:root{--green:#5a8f29;--bg:#f5f6f4;--text:#222;--muted:#6b6f68;--card:#fff;--border:#dde0da;--red:#b3261e;color:var(--text);background:var(--bg);font-family:Assistant,system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-size:1rem}button:disabled{opacity:.5;cursor:default}button.link{color:var(--green);background:0 0;padding:4px}button.big{width:100%;margin:12px 0;padding:18px;font-size:1.2rem}input,textarea{border:1px solid var(--border);border-radius:8px;width:100%;margin-top:4px;padding:10px;font-family:inherit;font-size:1rem}label{margin-bottom:12px;display:block}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.login{width:100%;max-width:360px}.login h1{color:var(--green);text-align:center}.error{color:var(--red)}.muted{color:var(--muted)}.top{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:10px 16px;display:flex}.top nav{flex:1;gap:12px;display:flex}.top a{color:var(--text);text-decoration:none}.top a.active{color:var(--green);font-weight:600}.page{max-width:900px;margin:0 auto;padding:16px}.search{margin-bottom:12px}.list{gap:8px;padding:0;list-style:none;display:grid}.row{flex-wrap:wrap;align-items:center;gap:4px 16px;padding:10px 14px;display:flex}.badge{color:#7a5b00;background:#fff4d6;border-radius:6px;padding:2px 8px;font-size:.85rem}button.secondary{color:var(--green);border:1px solid var(--green);background:#fff}a.button{background:var(--green);color:#fff;white-space:nowrap;border-radius:8px;padding:8px 14px;text-decoration:none}.title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.check{align-items:center;gap:8px;margin-bottom:12px;display:flex}.check input{width:auto;margin:0}.clickable{color:inherit;text-decoration:none}.clickable:hover{border-color:var(--green)}.badge.ok{color:#2f5a10;background:#e6f2dc}.badge.warn{color:var(--red);background:#fde4e1}.status-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.form .wide{grid-column:1/-1}@media (width<=600px){.form{grid-template-columns:1fr}}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.small{font-size:.85rem}.error.small{margin-top:4px;display:block}.ok-text{color:var(--green);font-weight:600}.section{margin-top:16px}.section h3{margin-top:0}.compare{border-collapse:collapse;width:100%;margin-bottom:12px}.compare th,.compare td{text-align:start;border-bottom:1px solid var(--border);padding:6px 8px}.compare tr.differs td{background:#fff4d6;font-weight:600}.atid-row{border:1px solid var(--border);border-radius:8px}.atid-row button{margin-inline-start:auto;padding:6px 14px}.code{background:var(--bg);border-radius:4px;padding:2px 6px;font-family:monospace}.history{gap:10px;padding:0;list-style:none;display:grid}.history li{border-inline-start:3px solid var(--border);padding-inline-start:10px}select{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;margin-top:4px;padding:10px;font-family:inherit;font-size:1rem}.status{white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:.85rem}.status-draft{color:#455a64;background:#eceff1}.status-signed{color:#0d47a1;background:#e3f2fd}.status-closed{color:#2f5a10;background:#e6f2dc}.status-cancelled{color:var(--red);background:#fde4e1}.chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chip{color:var(--text);border:1px solid var(--border);background:#fff;padding:6px 12px;font-size:.9rem}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.counters{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.counter{color:var(--text);text-align:center;flex-direction:column;align-items:center;padding:12px 6px;text-decoration:none;display:flex}.counter strong{color:var(--green);font-size:1.6rem}.counter span{color:var(--muted);font-size:.85rem}.alert{color:#fff;text-align:center;background:#0d47a1;padding:10px;font-weight:600;text-decoration:none;display:block}.pick{width:100%;color:var(--text);border:1px solid var(--border);text-align:start;background:#fff;flex-wrap:wrap;gap:4px 12px;display:flex}.pick:hover{border-color:var(--green)}.customer-box{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.order-form .card{margin-bottom:12px}.order-form h3,.order-actions h3,.sign-box h3{margin:0 0 10px;font-size:1.05rem}.grid3{grid-template-columns:1fr 1fr 1fr;gap:0 8px;display:grid}@media (width<=480px){.grid3{grid-template-columns:1fr 1fr}.grid3 label:first-child{grid-column:1/-1}}.line{border:1px solid var(--border);border-radius:8px;gap:6px;margin-bottom:8px;padding:8px;display:grid}.line input,.line select{margin-top:2px}.line-nums{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;display:grid}.line-nums label{margin:0;font-size:.85rem}.line-sum{text-align:end;min-width:70px;padding:10px 4px;font-weight:600}.line-foot{align-items:center;gap:8px;display:flex}.small-input{padding:6px 8px;font-size:.9rem}button.danger,.link.danger{color:var(--red)}.danger-btn{background:var(--red)}.sum-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.num-input{width:130px;margin:0}.total-row{border-top:1px solid var(--border);padding-top:8px;font-size:1.1rem}.sticky-actions{background:var(--bg);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex;position:sticky;bottom:0}.sticky-actions button:last-of-type{flex:1}.sign-box{margin-top:12px}.signer-row{align-items:end;gap:12px;display:flex}.signer-row .grow{flex:7;margin-bottom:8px}.signer-row .muted{flex:3;padding-bottom:20px}.sigpad{border:2px dashed var(--border);background:#fff;border-radius:8px;margin-bottom:8px;position:relative}.sigpad canvas{touch-action:none;width:100%;height:180px;display:block}.sigpad-hint{text-align:center;color:#bbb;pointer-events:none;position:absolute;top:45%;left:0;right:0}.sigpad button{top:4px;position:absolute;inset-inline-end:4px}.order-actions{gap:8px;margin-bottom:12px;display:grid}a.button.wa{background:#25d366}.close-form{border-top:1px solid var(--border);padding-top:8px}.public-page{max-width:820px;margin:0 auto;padding:12px}.public-bar{justify-content:center;margin-bottom:12px;display:flex}.doc{border:1px solid var(--border);background:#fff;border-radius:8px;padding:20px;font-size:.95rem;line-height:1.45}.doc h4{color:var(--green);margin:0 0 4px;font-size:.9rem}.doc-head{border-bottom:2px solid var(--green);grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;margin-bottom:12px;padding-bottom:10px;display:grid}.doc-brand strong{color:var(--green);font-size:1.2rem}.doc-title{text-align:center}.doc-title strong{font-size:1.1rem}.doc-trial{color:var(--red);font-size:.8rem}.doc-business{text-align:end;font-size:.85rem}.doc-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px;display:grid}.doc-desc{white-space:pre-wrap;margin:0 0 12px}.doc-lines{border-collapse:collapse;width:100%;margin-bottom:12px}.doc-lines th,.doc-lines td{border-bottom:1px solid var(--border);text-align:start;padding:6px}.doc-lines th:not(:first-child),.doc-lines td:not(:first-child){text-align:end;width:18%}.doc-lines tfoot td{border:0}.doc-lines tfoot td:first-child{text-align:end}.doc-total td{font-size:1.05rem;font-weight:700;border-top:2px solid var(--text)!important}.doc-sign img{border-bottom:1px solid var(--text);max-width:260px;max-height:110px;display:block}.doc-sign-empty{border-bottom:1px solid var(--text);width:260px;height:80px}.doc-foot{border-top:1px solid var(--border);color:var(--muted);margin-top:12px;font-size:.8rem}.ltr-start{text-align:end}@media (width<=520px){.doc{padding:12px;font-size:.9rem}.doc-head{grid-template-columns:1fr 1fr}.doc-title{order:-1;grid-column:1/-1}.doc-grid{grid-template-columns:1fr}}@media print{@page{size:A4;margin:0}body,:root{background:#fff}body{margin:0;padding:12mm}.no-print,.top,.alert,.sticky-actions{display:none!important}.page,.public-page{max-width:none;padding:0}.doc{border:0;padding:0;font-size:10.5pt}.doc-head{grid-template-columns:1fr auto 1fr!important}.doc-title{order:0!important;grid-column:auto!important}.doc-grid{grid-template-columns:1fr 1fr!important}}.form-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}@media (width<=480px){.form-grid{grid-template-columns:1fr}}.doc-pay{border:1px solid var(--green);background:#f6faf2;border-radius:6px;margin-top:12px;padding:8px 10px}.pre{white-space:pre-wrap}.wa-row{max-width:260px}a.button.disabled{opacity:.5}.inline-check{width:auto;margin:0}.badge.warn a{color:inherit;font-weight:600}.line-note{color:var(--muted);font-size:.85em}.doc-brand img{width:100%;max-width:210px;height:auto;display:block}.top-logo{width:auto;height:34px;display:block}.login-logo{width:100%;max-width:280px;height:auto}@media print{.doc-brand img{max-width:190px}}.top{flex-wrap:wrap;row-gap:6px}@media (width<=480px){.top{gap:10px;padding:8px 10px}.top-logo{height:26px}.top nav{gap:10px;font-size:.95rem}}.doc-business{text-align:start;justify-self:end;line-height:1.35}.photos{margin:12px 0}button.photos-toggle{padding:6px 12px;font-size:.9rem}.photos-panel{margin-top:8px;padding:12px}.photos-group{margin-top:10px}.photos-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.photos-pick{gap:6px;display:flex}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:6px;display:grid}button.photo-thumb{aspect-ratio:1;background:#eee;border-radius:8px;place-items:center;padding:0;display:grid;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-viewer{z-index:50;background:#000000bf;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.photo-viewer-box{background:var(--card);border-radius:12px;flex-direction:column;gap:8px;max-width:100%;max-height:100%;padding:10px;display:flex}.photo-viewer-box img{object-fit:contain;border-radius:8px;max-width:100%;max-height:75vh}@media print{.photos,.photo-viewer{display:none!important}}.check-row{align-items:flex-start;gap:.5rem;margin:.75rem 0;font-weight:400;display:flex}.check-row input{width:auto;margin-top:.2rem}.quote-draft{color:#455a64;background:#eceff1}.quote-sent{color:#0d47a1;background:#e3f2fd}.quote-approved{color:#2f5a10;background:#e6f2dc}.quote-rejected{color:var(--red);background:#fde4e1}.grid2{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.quote-line .ql-top{grid-template-columns:auto 120px 1fr;align-items:center;gap:6px;display:grid}.ql-num{color:var(--muted);text-align:center;min-width:1.4em;font-size:.85rem}.ql-nums{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:8px;display:grid}.ql-nums label{margin:0;font-size:.85rem}.ql-nums .staff{color:var(--muted)}@media (width<=520px){.quote-line .ql-top{grid-template-columns:auto 1fr}.quote-line .ql-top input:last-child{grid-column:1/-1}.ql-nums{grid-template-columns:1fr 1fr}}.picker{border-color:var(--green);margin-top:8px}.product-pick{grid-template-columns:1fr auto;align-items:center;gap:2px 12px;display:grid}.product-pick .pp-desc,.product-pick .muted{grid-column:1}.product-pick .pp-price{white-space:nowrap;grid-area:1/2/span 2;font-weight:600}.profit{background:#fff8e6;border-radius:8px;flex-wrap:wrap;gap:4px 16px;margin-top:10px;padding:8px 10px;font-size:.9rem;display:flex}.tabs{margin-bottom:4px}.center-text{text-align:center}.doc-approved{color:var(--green);border:2px solid var(--green);border-radius:6px;margin-top:4px;padding:0 8px;font-weight:700;display:inline-block}.quote-lines th:first-child,.quote-lines td:first-child{width:4%;color:var(--muted);text-align:start!important}.quote-lines th:nth-child(2),.quote-lines td:nth-child(2){width:13%;font-size:.85em;text-align:start!important}.quote-lines th:nth-child(3),.quote-lines td:nth-child(3){width:auto;text-align:start!important}.quote-lines th:nth-child(4),.quote-lines td:nth-child(4){width:8%}.quote-lines th:nth-child(5),.quote-lines td:nth-child(5),.quote-lines th:nth-child(6),.quote-lines td:nth-child(6){width:13%}.quote-lines .sku{word-break:break-all}.quote-foot p{color:var(--text);font-size:.9rem}.order-actions .badge{margin-inline-end:6px;text-decoration:none}.customer-details dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:6px 0 0;font-size:.92rem;display:grid}.customer-details dt{color:var(--muted)}.customer-details dd{text-align:start;margin:0}.customer-box{align-items:flex-start}.save-state{white-space:nowrap}.quote-cancelled{color:#6a1b9a;background:#f3e5f5}:root{--bg:#eef1ea;--graphite:#2f3532;--plate:#fff;--sage:#eef1ea;--led:#6fbf2e;--amber:#d08a0e}body{background:var(--sage)}.top{background:var(--plate);box-shadow:0 1px 0 var(--border);border-bottom:0;padding:8px 16px}.top nav a{color:#4b524d;border-bottom:2px solid #0000;padding:6px 2px;font-weight:600}.top nav a.active{color:var(--graphite);border-bottom-color:var(--green)}.dash{gap:20px;display:grid}.dash-hello h2{color:var(--graphite);letter-spacing:-.01em;margin:4px 0 2px;font-size:1.6rem;font-weight:800}.dash-hello p{color:var(--muted);margin:0}.keypad{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.key{background:var(--plate);min-height:112px;color:var(--graphite);border:1px solid #dfe3db;border-radius:14px;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px 16px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;box-shadow:inset 0 -4px #e3e7df}.key:hover{border-color:var(--green)}.key:active{transform:translateY(2px);box-shadow:inset 0 -1px #e3e7df}.key:focus-visible{outline:3px solid var(--green);outline-offset:2px}.key-title{font-size:1.15rem;font-weight:700}.key-hint{color:var(--muted);font-size:.85rem}.led{top:14px;background:#cfd5cb;border-radius:50%;width:9px;height:9px;position:absolute;inset-inline-start:16px}.led.on{background:var(--led);box-shadow:0 0 0 3px #6fbf2e2e,0 0 8px #6fbf2eb3}.keypad .key:first-child{background:var(--graphite);color:#fff;border-color:var(--graphite);box-shadow:inset 0 -4px #1f2421}.keypad .key:first-child .key-hint{color:#c9d0c6}.keypad .key:first-child .led{background:var(--led);box-shadow:0 0 8px #6fbf2ecc}.dash-cols{grid-template-columns:1fr 1.3fr;align-items:start;gap:16px;display:grid}.panel{background:var(--plate);border:1px solid #dfe3db;border-radius:14px;padding:16px 18px}.panel h3{color:var(--graphite);margin:0 0 10px;font-size:1.05rem;font-weight:700}.panel-empty{color:var(--muted);margin:0}.todo,.recent{margin:0;padding:0;list-style:none}.todo li+li,.recent li+li{border-top:1px solid #edf0ea}.todo a{color:var(--text);align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:flex}.todo a:hover{color:var(--green)}.todo-n{color:#8a5a00;background:#fff4dd;border-radius:50%;place-items:center;min-width:2.1em;height:2.1em;font-weight:800;display:grid}.recent a{color:var(--text);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 0;text-decoration:none;display:grid}.recent a:hover strong{color:var(--green)}.recent-main{flex-direction:column;min-width:0;display:flex}.recent-main strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-side{flex-direction:column;align-items:flex-end;gap:3px;font-weight:600;display:flex}.kind{border-radius:6px;padding:3px 8px;font-size:.78rem;font-weight:700}.kind-order{color:#3f6b1a;background:#e8efe1}.kind-quote{color:#2d4a6b;background:#e6ecf3}@media (width<=760px){.keypad{grid-template-columns:1fr 1fr}.dash-cols{grid-template-columns:1fr}.key{min-height:96px}}@media (prefers-reduced-motion:reduce){.key{transition:none}}@media (width<=600px){.top{flex-wrap:nowrap;gap:10px;padding:8px 12px}.top nav{scrollbar-width:none;white-space:nowrap;gap:14px;overflow-x:auto}.top nav::-webkit-scrollbar{display:none}.top>button.link{white-space:nowrap;padding:4px 0;font-size:.85rem}.dash-hello h2{font-size:1.4rem}}.ql-nums{grid-template-columns:1fr 1.3fr auto 1fr auto}.ql-nums .vat-toggle{color:var(--muted);white-space:nowrap;cursor:pointer;align-items:center;gap:4px;margin:0 0 10px;font-size:.8rem;display:flex}.ql-nums .vat-toggle input{width:auto;margin:0}.ql-nums .vat-toggle:has(input:checked){color:var(--green);font-weight:700}@media (width<=520px){.ql-nums{grid-template-columns:1fr 1fr}}.status.project-active{color:#2f5a10;background:#e6f2dc}.status.project-on_hold{color:#7a5b00;background:#fff4d6}.status.project-closed{color:#455a64;background:#eceff1}.status.project-cancelled{color:var(--red);background:#fde4e1}.project-row{color:var(--text);grid-template-columns:1fr auto auto;align-items:center;gap:8px 20px;padding:12px 16px;text-decoration:none;display:grid}.project-main{flex-direction:column;min-width:0;display:flex}.project-main strong{font-size:1.05rem}.project-stage{flex-direction:column;align-items:center;gap:4px;min-width:96px;display:flex}.project-side{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.stage-meter{direction:rtl;gap:3px;display:inline-flex}.stage-meter i{background:#dfe3db;border-radius:2px;width:9px;height:9px}.stage-meter i.on{background:var(--green)}.new-project{margin-bottom:12px}@media (width<=600px){.project-row{grid-template-columns:1fr auto}.project-stage{flex-direction:row;grid-column:1/-1;justify-content:flex-start}}.project-sub{color:var(--muted);margin:0 0 12px}.project-sub a{color:inherit;-webkit-text-decoration:underline #c5ccc0;text-decoration:underline #c5ccc0}.stages{counter-reset:st;grid-template-columns:repeat(8,1fr);gap:0;margin:0 0 14px;padding:0;list-style:none;display:grid}.stages li{text-align:center;position:relative}.stages li:before{content:"";top:13px;background:#dfe3db;width:100%;height:3px;position:absolute;inset-inline-start:50%}.stages li:last-child:before{display:none}.stages li.done:before{background:var(--green)}.stages button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;width:100%;padding:4px 2px;font-size:.8rem;display:flex;position:relative}.stages button:disabled{cursor:default}.stages i{box-sizing:border-box;background:#fff;border:3px solid #dfe3db;border-radius:50%;width:20px;height:20px}.stages li.done i{background:var(--green);border-color:var(--green)}.stages li.now i{border-color:var(--green);background:#fff;box-shadow:0 0 0 4px #5a8f292e}.stages li.now button{color:var(--graphite);font-weight:700}.stages button:not(:disabled):hover span{color:var(--green)}@media (width<=600px){.stages{grid-template-columns:repeat(4,1fr);row-gap:8px}.stages li:nth-child(4):before{display:none}}.compact-form{gap:8px;margin-bottom:14px;display:grid}.project-cols{grid-template-columns:1.6fr 1fr;align-items:start;gap:16px;display:grid}.project-side-col{gap:12px;display:grid}.project-side-col h3{margin:0}.project-side-col h4{margin:12px 0 4px;font-size:.9rem}@media (width<=860px){.project-cols{grid-template-columns:1fr}.project-side-col{order:-1}}.project-sum{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.project-sum>div{flex-direction:column;gap:2px;display:flex}.project-sum strong{color:var(--graphite);font-size:1.25rem}.project-sum p{grid-column:1/-1;margin:0}.pre{white-space:pre-wrap;margin:0}.contacts{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.contact-links{flex-wrap:wrap;gap:4px 12px;font-size:.9rem;display:flex}.wa-link{color:#128c4b}.contact-edit{grid-template-columns:1fr 1fr 1fr 1.2fr auto;align-items:center;gap:6px;margin-bottom:6px;display:grid}@media (width<=600px){.contact-edit{grid-template-columns:1fr 1fr}}.link-docs{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.link-docs li{border-top:1px solid #edf0ea;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.project-status-actions{flex-wrap:wrap;gap:8px;display:flex}.composer{gap:8px;margin-bottom:12px;display:grid}.composer textarea{box-sizing:border-box;resize:vertical;width:100%}.composer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.composer-row input{width:auto}.chip-n{background:#00000014;border-radius:8px;margin-inline-start:6px;padding:0 6px;font-size:.75rem}.timeline{gap:4px;display:grid}.timeline ul{margin:0;padding:0;list-style:none}.tl-day{z-index:1;color:var(--muted);background:var(--sage,var(--bg));margin:10px 0 4px;padding:4px 0;font-size:.85rem;position:sticky;top:0}.tl-item{grid-template-columns:32px 1fr;gap:10px;padding-bottom:12px;display:grid;position:relative}.tl-item:before{content:"";top:32px;bottom:0;background:#dfe3db;width:2px;position:absolute;inset-inline-start:15px}.tl-icon{width:32px;height:32px;color:var(--graphite);background:#fff;border:1px solid #dfe3db;border-radius:50%;place-items:center;font-size:.95rem;display:grid}.tl-body{background:#fff;border:1px solid #e3e7df;border-radius:10px;min-width:0;padding:8px 12px}.tl-head{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.tl-kind{color:var(--muted);font-size:.78rem;font-weight:700}.tl-time{margin-inline-start:auto}.tl-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.tl-text.clamp{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tl-foot{gap:12px;display:flex}.tl-foot:empty{display:none}.link.danger,.danger{color:var(--red)}.tl-stage .tl-icon{background:var(--green);color:#fff;border-color:var(--green)}.tl-stage .tl-body{background:#f4f8ef;border-color:#d6e4c8}.tl-quote .tl-icon{color:#2d4a6b;background:#e6ecf3}.tl-service_order .tl-icon{color:#3f6b1a;background:#e8efe1}.tl-call .tl-icon,.tl-meeting .tl-icon,.tl-visit .tl-icon{color:#8a5a00;background:#fff4dd}.tl-email .tl-icon{color:#a33a2c;background:#fde9e7}.tl-whatsapp .tl-icon{color:#128c4b;background:#dcf5e4}.bubbles{gap:6px;display:grid;margin-top:8px!important}.bubble{background:#f1f3ef;border-radius:10px;justify-self:start;max-width:85%;padding:6px 10px;display:grid}.bubble.out{background:#dcf8c6;justify-self:end}.bubble-who{color:var(--muted);font-size:.72rem}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere}.wa-import{gap:8px;display:grid}.wa-import .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-button{cursor:pointer;justify-self:start}.wa-help{background:#f4f8ef;border-radius:8px;padding:8px 12px}.wa-help p{margin:4px 0}.gmail-label{color:#a33a2c;white-space:nowrap;background:#fde9e7;border-radius:4px;padding:0 6px}