.palitra-chat-open{position:fixed;right:20px;bottom:20px;z-index:900;background:var(--paper,#1d1d20);color:var(--text,#f7f1ef);border:1px solid var(--accent,#ff8b92);border-radius:999px;padding:14px 20px;font:inherit;cursor:pointer;box-shadow:var(--shadow,0 5px 22px #0003)}
.palitra-chat{position:fixed;right:20px;bottom:80px;z-index:901;width:min(400px,calc(100vw - 32px));max-height:min(680px,calc(100dvh - 110px));display:flex;flex-direction:column;gap:14px;box-sizing:border-box;padding:20px;border:1px solid var(--line,#3a3a40);border-radius:18px;background:var(--paper,#1d1d20);color:var(--text,#f7f1ef);box-shadow:var(--shadow,0 12px 50px #0004);font:15px/1.55 Arial,Helvetica,sans-serif}
.palitra-chat[hidden],.palitra-chat [hidden]{display:none!important}
.palitra-chat header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text,#f7f1ef)}
.palitra-chat header strong{font:500 20px/1.2 Georgia,"Times New Roman",serif;color:var(--text,#f7f1ef)}
.palitra-chat p,.palitra-chat label{margin:0;color:var(--text,#f7f1ef);opacity:1;text-shadow:none}
.palitra-chat button{font:inherit;cursor:pointer;border:1px solid var(--line,#3a3a40);border-radius:8px;padding:10px 12px;background:var(--soft,#29292d);color:var(--text,#f7f1ef)}
.palitra-chat button:hover{border-color:var(--accent,#ff8b92)}
.palitra-chat button:disabled{opacity:.6;cursor:wait}
.palitra-chat .palitra-chat-close{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;background:transparent;border-radius:50%;font:30px/1 Arial,sans-serif;color:var(--text,#f7f1ef)}
.palitra-chat .palitra-chat-close:hover{background:var(--soft,#29292d)}
.palitra-chat a{color:var(--accent-dark,#ffb1b6);text-decoration:underline}
.palitra-chat-gate{display:grid;gap:16px}
.palitra-chat-gate label{font-size:13px}
.palitra-chat-gate input{width:auto;display:inline;min-height:0;accent-color:var(--accent,#ff8b92)}
.palitra-chat-messages{overflow-y:auto;min-height:0;flex:1;display:grid;align-content:start;gap:12px;scrollbar-width:thin}
.palitra-chat .palitra-chat-message{padding:12px 14px;border:1px solid var(--line,#3a3a40);border-radius:12px;background:var(--soft,#29292d);color:var(--text,#f7f1ef);font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;opacity:1}
.palitra-chat .palitra-chat-message.customer{margin-left:25px;background:var(--paper,#1d1d20);border-color:var(--accent,#ff8b92);color:var(--text,#f7f1ef)}
.palitra-chat .palitra-chat-status{font-size:13px;color:var(--muted,#c9bbb7)}
.palitra-chat form{display:flex;gap:8px}
.palitra-chat textarea{box-sizing:border-box;width:100%;min-width:0;resize:vertical;max-height:130px;border:1px solid var(--line,#3a3a40);border-radius:8px;padding:10px 12px;background:var(--bg,#151517);color:var(--text,#f7f1ef);font:inherit}
.palitra-chat textarea::placeholder{color:var(--muted,#c9bbb7);opacity:1}
.palitra-chat form button,.palitra-chat-gate>button{background:var(--accent,#ff8b92);color:#3f2421;border-color:var(--accent,#ff8b92);font-weight:600}
.palitra-chat-actions{display:flex;gap:8px;flex-wrap:wrap}
.palitra-chat-actions button{font-size:13px}
.palitra-chat :focus-visible,.palitra-chat-open:focus-visible{outline:3px solid var(--accent,#ff8b92);outline-offset:3px}
@media(max-width:600px){.palitra-chat-open{right:12px;bottom:12px;padding:12px 16px;font-size:14px}.palitra-chat{right:12px;bottom:70px;width:calc(100vw - 24px);max-height:calc(100dvh - 88px);padding:16px}}

#calculationRequestForm{grid-template-areas:"contacts contacts" "basis filling" "amount photo" "fulfillment fulfillment" "reference reference" "comment comment" "consents consents" "status submit"}
.calculation-fulfillment{grid-area:fulfillment;border:0;padding:0;margin:0;min-width:0}
.calculation-fulfillment legend{font-weight:600;margin-bottom:8px}
.calculation-fulfillment [hidden]{display:none!important}
.calculation-fulfillment [data-calculation-delivery-address]{margin-top:8px}
@media(max-width:700px){#calculationRequestForm{grid-template-columns:1fr;grid-template-areas:"contacts" "filling" "basis" "amount" "photo" "fulfillment" "reference" "comment" "consents" "status" "submit"}}
.palitra-chat-designs { display: grid; grid-template-columns: repeat(auto-fit,minmax(90px,1fr)); gap: 8px; margin: 8px 0 16px; }
.palitra-chat-design { display: flex; flex-direction: column; gap: 6px; color: inherit; text-decoration: none; border: 1px solid var(--border-color, #846d57); border-radius: 10px; padding: 8px; }
.palitra-chat-design img { width: 100%; height: 140px; object-fit: contain; border-radius: 6px; }
.palitra-chat-design span { font-size: 13px; line-height: 1.4; }
.palitra-chat-design:focus-visible { outline: 2px solid #c7a575; outline-offset: 2px; }

/* reference-preview-layout */
#calculationRequestForm [data-chat-reference]{grid-area:reference;margin:0;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#calculationRequestForm [data-chat-reference] img{display:block;width:auto;height:auto;max-width:100%;max-height:180px;object-fit:contain}
#calculationRequestForm [data-chat-reference] figcaption{flex:1 1 160px;overflow-wrap:anywhere}
#calculationModal .calculation-modal__dialog{max-height:calc(100dvh - 32px);overflow-y:auto}

/* palette-bento-overlay-20261020 */
body.has-catalog-overlay > .palitra-chat-open,
body.has-catalog-overlay > .palitra-chat,
body:has(.calculation-modal[aria-hidden="false"]) > .palitra-chat-open,
body:has(.calculation-modal[aria-hidden="false"]) > .palitra-chat,
body:has(dialog[open]) > .palitra-chat-open,
body:has(dialog[open]) > .palitra-chat{display:none!important}
.palette-bento-diameter{font-size:14px;line-height:1.5;margin:8px 0;color:inherit}