:root{--color-bg: #f6f8fb;--color-surface: #ffffff;--color-surface-2: #f9fafb;--color-border: #e6e9ef;--color-border-strong: #d3d8e0;--color-text: #101828;--color-text-muted: #667085;--color-primary: #3355ff;--color-primary-dark: #2440db;--color-primary-soft: #eef1ff;--color-danger: #d92d20;--color-danger-bg: #fef3f2;--color-success: #067647;--color-success-bg: #ecfdf3;--color-warning: #b54708;--color-warning-bg: #fffaeb;--color-info: #175cd3;--color-info-bg: #eff8ff;--radius: 10px;--radius-lg: 14px;--radius-sm: 7px;--sidebar-width: 244px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 6px 16px -4px rgba(16, 24, 40, .1), 0 2px 6px -2px rgba(16, 24, 40, .06);--shadow-lg: 0 20px 48px -12px rgba(16, 24, 40, .22);--ring: 0 0 0 3px rgba(51, 85, 255, .16);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-size:.9rem;line-height:1.5}h1,h2,h3,h4{margin:0 0 .5rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text)}h1{font-size:1.5rem}p{margin:0 0 .75rem}a{color:var(--color-primary)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:linear-gradient(180deg,#0e1729,#0b1120);color:#aeb6c4;display:flex;flex-direction:column;padding:1.25rem .85rem;border-right:1px solid rgba(255,255,255,.04)}.sidebar-brand{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.02em;padding:.25rem .6rem 1.5rem}.sidebar-brand-company{display:block;margin-top:.15rem;font-size:.78rem;font-weight:500;color:#9ca3af}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem}.sidebar-link{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:var(--radius);color:#aeb6c4;text-decoration:none;font-size:.9rem;font-weight:500;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:#ffffff0f;color:#fff}.sidebar-link.active{background:var(--color-primary);color:#fff;box-shadow:0 6px 16px -6px #3355ffb3}.main-column{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:62px;flex-shrink:0;position:sticky;top:0;z-index:20;background:#ffffffd9;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem}.topbar-user{display:flex;align-items:center;gap:.6rem}.topbar-name{font-weight:600;font-size:.9rem}.topbar-role{font-size:.78rem;color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);padding:.15rem .55rem;border-radius:999px}.content-area{flex:1;padding:2rem 2.25rem;overflow-y:auto}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text);padding:.25rem .5rem;margin-right:.5rem}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100%;width:250px;transform:translate(-100%);transition:transform .2s ease;z-index:60;overflow-y:auto}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #0006}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50}.menu-toggle{display:inline-flex;align-items:center}.topbar{padding:0 1rem}.topbar-role{display:none}.topbar-name{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-area{padding:1rem}.form-row{flex-direction:column;gap:0}}.page-loading{padding:2rem;color:var(--color-text-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0e1729,#2440db)}.login-card{background:var(--color-surface);padding:2.5rem;border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg)}.login-card h1{font-size:1.4rem;margin-bottom:.25rem}.login-subtitle{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1.5rem}.contact-embed{padding:1rem;display:flex;justify-content:center;background:transparent}.contact-card{background:var(--color-surface);padding:1.75rem;border-radius:12px;width:100%;max-width:480px;border:1px solid var(--color-border, #e5e7eb)}.contact-card h1{font-size:1.3rem;margin-bottom:1rem}.chat-widget{display:flex;flex-direction:column;height:100vh;max-height:100vh;background:var(--color-surface)}.chat-header{padding:.85rem 1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#111827,#2454ff)}.chat-messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.4rem}.chat-bubble{max-width:80%;padding:.5rem .7rem;border-radius:12px;font-size:.9rem;white-space:pre-wrap;word-break:break-word}.chat-bubble.from-visitor{align-self:flex-end;background:#2454ff;color:#fff;border-bottom-right-radius:3px}.chat-bubble.from-agent{align-self:flex-start;background:var(--color-bg, #f3f4f6);color:var(--color-text, #111827);border-bottom-left-radius:3px}.chat-author{font-size:.7rem;opacity:.7;margin-bottom:.15rem}.chat-input{border-top:1px solid var(--color-border, #e5e7eb);padding:.6rem}.chat-prefields{display:flex;gap:.4rem;margin-bottom:.4rem}.chat-prefields input{flex:1;min-width:0}.chat-input-row{display:flex;gap:.4rem}.chat-input-row input{flex:1;min-width:0}.chat-status-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;vertical-align:middle;color:var(--color-text-muted)}.bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding:.6rem .85rem;margin-bottom:.75rem;border-radius:8px;background:var(--color-bg, #eef2ff);border:1px solid var(--color-border, #dbe0ea)}.chat-availability{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chat-offline{overflow-y:auto}.chat-offline-note{padding:.85rem 1rem;font-size:.85rem;background:#fef3c7;color:#92400e}.chat-offline-form .contact-embed{padding:.5rem}.chat-offline-form .contact-card{border:0;padding:1rem}.booking-card{max-width:560px}.booking-days{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 .25rem}.booking-day{padding:.45rem .7rem;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-surface);cursor:pointer;font-size:.82rem;line-height:1.2;text-transform:capitalize}.booking-day:hover{border-color:var(--color-primary, #2454ff)}.booking-day.active{background:var(--color-primary, #2454ff);border-color:var(--color-primary, #2454ff);color:#fff}.booking-slots{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.booking-slot{padding:.5rem .85rem;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-surface);cursor:pointer;font-size:.9rem;min-width:72px}.booking-slot:hover{border-color:var(--color-primary, #2454ff)}.booking-slot.active{background:var(--color-primary, #2454ff);border-color:var(--color-primary, #2454ff);color:#fff}.booking-availability{display:flex;flex-direction:column;gap:.5rem}.booking-day-row{display:flex;align-items:flex-start;gap:.75rem;padding:.4rem 0;border-bottom:1px solid var(--color-border, #e5e7eb)}.booking-day-name{width:80px;flex:0 0 80px;font-size:.85rem;padding-top:.35rem}.booking-day-windows{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.booking-window{display:flex;align-items:center;gap:.3rem}.booking-window input[type=time]{width:auto}.booking-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.booking-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--color-border, #e5e7eb);border-radius:8px}.booking-panel{margin-bottom:1rem}.calendar-conn-list{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.calendar-conn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .7rem;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:.9rem}.booking-service-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.booking-service{display:flex;flex-direction:column;gap:.15rem;padding:.75rem .9rem;border:1px solid var(--color-border, #e5e7eb);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s}.booking-service:hover{border-color:var(--color-primary, #2454ff)}.booking-service-name{font-weight:600}.booking-service-desc{font-size:.85rem;opacity:.75}.booking-service-meta{font-size:.8rem;opacity:.6}.chat-inbox{display:grid;grid-template-columns:280px 1fr;gap:1rem;align-items:start}.chat-list{padding:.4rem;max-height:70vh;overflow-y:auto}.chat-list-item{display:block;width:100%;text-align:left;border:0;background:transparent;padding:.55rem .6rem;border-radius:8px;cursor:pointer}.chat-list-item.active{background:var(--color-bg, #f3f4f6)}.chat-list-top{display:flex;align-items:center;justify-content:space-between}.chat-list-preview{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-dot{width:9px;height:9px;border-radius:50%;background:#2454ff;display:inline-block}.chat-closed-tag{font-size:.7rem;color:var(--color-text-muted)}.chat-thread{display:flex;flex-direction:column;min-height:60vh;max-height:70vh}.chat-thread-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:.6rem;border-bottom:1px solid var(--color-border, #e5e7eb);margin-bottom:.5rem}.nav-badge{display:inline-block;margin-left:.4rem;min-width:18px;padding:0 5px;font-size:.7rem;line-height:18px;text-align:center;border-radius:9px;background:#ef4444;color:#fff}@media (max-width: 720px){.chat-inbox{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .95rem;border-radius:var(--radius);border:1px solid transparent;font-size:.88rem;font-weight:600;cursor:pointer;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-xs);transition:background .15s ease,box-shadow .15s ease,transform .05s ease}.btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-surface-2)}.btn-danger{background:var(--color-danger)}.btn-danger:hover{background:#b3261e}.btn-block{width:100%;justify-content:center}.link-button{background:none;border:none;padding:0;color:var(--color-primary);cursor:pointer;font:inherit;text-decoration:underline}.link-button:disabled{cursor:default;opacity:.6}.attachment-list{margin-top:.75rem}.btn-icon{background:transparent;border:none;font-size:1.3rem;line-height:1;cursor:pointer;color:var(--color-text-muted);padding:.2rem .4rem}.btn-small{padding:.3rem .6rem;font-size:.8rem}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-size:.85rem}.field{margin-bottom:1rem;display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.82rem;font-weight:600;color:var(--color-text-muted)}.field input,.field select,.field textarea{padding:.6rem .7rem;border:1px solid var(--color-border-strong);border-radius:var(--radius);font-size:.9rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--ring)}.field textarea{resize:vertical;min-height:90px}.form-row{display:flex;gap:1rem}.form-row .field{flex:1;min-width:0}.form-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.25rem}.radio-row{display:flex;gap:1.25rem;align-items:center;font-size:.88rem}.radio-row label{display:flex;align-items:center;gap:.35rem;font-weight:400;cursor:pointer}.checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.88rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-bottom:1.25rem;background:var(--color-surface);padding:1rem 1.1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.filter-bar .field{margin-bottom:0;min-width:160px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.view-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-surface)}.view-toggle button{border:none;background:none;padding:.45rem .85rem;font-size:.85rem;cursor:pointer;color:var(--color-text-muted)}.view-toggle button.active{background:var(--color-primary);color:#fff}.view-toggle .tab-count{margin-left:.4rem;font-variant-numeric:tabular-nums;opacity:.75}.assign-control{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}.assign-control select{min-width:9rem}.assign-control .assign-error{color:var(--color-danger);font-size:.78rem}.kanban{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:1rem;align-items:start;overflow-x:auto;padding-bottom:.5rem}.kanban-col{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);min-height:120px;display:flex;flex-direction:column}.kanban-col.drag-over{border-color:var(--color-primary);background:var(--color-info-bg)}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem .85rem;font-weight:600;font-size:.88rem;border-bottom:1px solid var(--color-border)}.kanban-count{font-size:.75rem;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:.05rem .5rem}.kanban-col-body{padding:.6rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.kanban-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.65rem .7rem;cursor:grab;box-shadow:0 1px 2px #0000000a}.kanban-card:active{cursor:grabbing}.kanban-card-title{font-size:.9rem;font-weight:500;margin-bottom:.4rem}.kanban-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--color-text-muted);align-items:center}.kanban-card-meta .prio{font-weight:600}.prio-high{color:var(--color-warning)}.prio-urgent{color:var(--color-danger)}.kanban-empty{color:var(--color-text-muted);font-size:.8rem;text-align:center;padding:.5rem 0}@media (max-width: 768px){.kanban{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:80vw}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.4rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .15s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-value{font-size:2rem;font-weight:700;letter-spacing:-.02em}.stat-card .stat-label{color:var(--color-text-muted);font-size:.85rem;margin-top:.2rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.4rem 1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.panel h2{font-size:1.05rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.table-wrapper{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th,.data-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table th{color:var(--color-text-muted);font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface-2)}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--color-primary-soft)}.empty-state{color:var(--color-text-muted);padding:1.5rem;text-align:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:10px}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#f2f4f7;color:#344054;white-space:nowrap}.badge-neutral{background:#f2f4f7;color:#344054}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1rem;overflow-y:auto;z-index:100}.modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg)}.modal-wide{max-width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;border-bottom:1px solid var(--color-border)}.modal-body{padding:1.4rem}.error-banner{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fda29b;border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;font-size:.88rem}.warning-banner{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #fec84b;border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem;font-weight:600}.info-banner{background:var(--color-info-bg);color:var(--color-info);border:1px solid #b2ddff;border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;font-size:.88rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--color-border);margin-bottom:1.25rem}.tab-button{padding:.6rem 1rem;border:none;background:none;cursor:pointer;font-size:.9rem;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.back-link{display:inline-block;margin-bottom:1rem;font-size:.88rem;color:var(--color-text-muted);text-decoration:none}.back-link:hover{color:var(--color-primary)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}.ticket-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;margin-bottom:1.25rem}.ticket-header-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.ticket-meta{color:var(--color-text-muted);font-size:.85rem;margin-top:.3rem}.ticket-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.comment-list{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.25rem}.comment{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.9rem 1.1rem}.comment.comment-internal{background:#fffdf0;border-color:#fde68a}.comment-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;flex-wrap:wrap;gap:.4rem}.comment-author{font-weight:600;font-size:.88rem}.comment-time{color:var(--color-text-muted);font-size:.78rem}.comment-body{white-space:pre-wrap;font-size:.9rem;line-height:1.5}.comment-badges{display:flex;gap:.4rem}.muted{color:var(--color-text-muted)}.quote-lines{margin-bottom:1rem}.quote-lines .data-table input{width:100%}.quote-add-line{margin-top:.6rem}.quote-totals{display:flex;gap:1.5rem;justify-content:flex-end;margin-top:.9rem;font-size:.9rem}.spacer-top{margin-top:1rem}.sla-panel{display:flex;flex-wrap:wrap;gap:1.4rem;padding:.8rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:#f8fafc}.sla-goal{min-width:190px}.sla-panel-actions{flex-basis:100%;order:-1;text-align:right;margin-bottom:-.4rem}.sla-goal-head{display:flex;align-items:center;gap:.5rem}.sla-goal-label{font-weight:600;font-size:.9rem}.bar-list{list-style:none;margin:0;padding:0}.bar-list li+li{margin-top:.7rem}.bar-list-head{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem;margin-bottom:.25rem}.bar-track{background:var(--color-border);border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:var(--color-primary);height:100%;border-radius:999px;min-width:2px}.kpi-list{margin:0}.kpi-list>div{display:flex;justify-content:space-between;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--color-border)}.kpi-list>div:last-child{border-bottom:none}.kpi-list dt{color:var(--color-text-muted);font-size:.85rem}.kpi-list dd{margin:0;font-weight:600}.trend-legend{display:flex;gap:1rem;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.5rem}.trend-key{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.3rem}.trend-chart{display:flex;align-items:flex-end;gap:2px;height:120px}.trend-day{flex:1 1 0;height:100%;display:flex;align-items:flex-end}.trend-bars{display:flex;align-items:flex-end;gap:1px;width:100%;height:100%}.trend-bar{flex:1 1 0;border-radius:2px 2px 0 0;min-height:1px}.trend-created{background:var(--color-primary)}.trend-resolved{background:var(--color-success)}.trend-axis{display:flex;justify-content:space-between;font-size:.75rem;margin-top:.35rem}.public-quote{min-height:100vh;background:var(--color-bg);padding:2rem 1rem;display:flex;justify-content:center}.public-quote .quote-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;max-width:760px;width:100%;box-shadow:0 1px 3px #0000000f}.public-quote .quote-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:2px solid var(--color-primary);padding-bottom:1rem;margin-bottom:1rem}.public-quote .quote-head h1{margin:.2rem 0 0;color:var(--color-primary)}.public-quote .quote-seller{font-weight:600;color:var(--color-text)}.public-quote .quote-title{margin:.5rem 0 .25rem}.public-quote .quote-meta{color:var(--color-text-muted);margin:0 0 1.25rem}.public-quote .quote-table{width:100%;border-collapse:collapse;font-size:.92rem}.public-quote .quote-table th,.public-quote .quote-table td{padding:.55rem .6rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.public-quote .quote-table th{background:var(--color-primary);color:#fff}.public-quote .quote-table .num{text-align:right;white-space:nowrap}.public-quote .quote-totals{margin:1rem 0 0;margin-left:auto;max-width:320px}.public-quote .quote-totals>div{display:flex;justify-content:space-between;padding:.3rem 0}.public-quote .quote-totals .grand{border-top:2px solid var(--color-primary);font-weight:700;margin-top:.2rem;padding-top:.5rem}.public-quote .quote-notes{margin-top:1.5rem}.public-quote .quote-notes p{margin:.2rem 0;color:var(--color-text-muted)}.public-quote .quote-actions{margin-top:2rem;border-top:1px solid var(--color-border);padding-top:1.25rem}.public-quote .quote-action-buttons{display:flex;gap:.75rem;margin-top:.75rem}.public-quote .quote-decision{margin-top:2rem;padding:1rem 1.25rem;border-radius:8px;font-weight:600}.public-quote .quote-decision.accepted{background:var(--color-success-bg);color:var(--color-success)}.public-quote .quote-decision.declined{background:var(--color-danger-bg);color:var(--color-danger)}.sections-editor{display:flex;flex-direction:column;gap:.8rem}.section-card{border:1px solid var(--color-border);border-radius:8px;padding:.8rem .9rem;background:var(--color-bg)}.section-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.section-kind{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--color-primary)}.section-tools{display:flex;gap:.25rem}.section-tools button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:5px;width:26px;height:26px;cursor:pointer;line-height:1}.section-tools button:disabled{opacity:.4;cursor:default}.section-tools button.danger{color:var(--color-danger)}.row-line{display:flex;gap:.4rem;align-items:center;margin-bottom:.35rem}.row-line input{flex:1}.row-line button.danger{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-danger);border-radius:5px;width:30px;height:32px;cursor:pointer}.add-section{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding-top:.4rem;border-top:1px dashed var(--color-border)}.public-quote .quote-to{color:var(--color-text-muted);margin-top:.2rem}.public-quote .quote-dates{font-size:.85rem;color:var(--color-text-muted);margin-top:.5rem}.public-quote .quote-section{margin:1.1rem 0}.public-quote .quote-section h3{color:var(--color-primary);margin:0 0 .4rem;font-size:1.05rem}.public-quote .quote-section p{margin:.3rem 0}.public-quote .quote-section ul{margin:.4rem 0;padding-left:1.2rem}.public-quote .quote-section li{margin:.2rem 0}.public-quote .quote-table .grand td{border-top:2px solid var(--color-primary);font-weight:700}.public-quote .quote-note{background:#f6f4ee;border:1px solid #d8cfb8;border-radius:8px;padding:.8rem 1rem;margin:1rem 0}.public-quote .quote-note p{margin:.2rem 0}.public-quote .quote-terms{width:100%;border-collapse:collapse}.public-quote .quote-terms th{text-align:left;vertical-align:top;padding:.4rem .8rem .4rem 0;width:34%;font-weight:600}.public-quote .quote-terms td{padding:.4rem 0;vertical-align:top;border-bottom:1px solid var(--color-border)}.public-quote .quote-terms th{border-bottom:1px solid var(--color-border)}.public-quote .quote-signature{display:flex;gap:2rem;margin-top:1rem}.public-quote .quote-signature>div{flex:1;display:flex;flex-direction:column}.public-quote .sig-line{border-bottom:1px solid var(--color-text);height:2.4rem;margin:.4rem 0 .3rem}.public-quote .quote-table .subtotal td{border-top:1px solid var(--color-border)}