:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #ebebeb;--bg-card-existing: #eff6ff;--bg-card-new: #f0fdf4;--text-primary: #1a1a1a;--text-secondary: #6b6b6b;--text-muted: #999999;--text-error: #ef4444;--border-primary: #e0e0e0;--border-card-existing: #bfdbfe;--border-card-new: #bbf7d0;--accent-color: #3b82f6;--accent-hover: #2563eb;--success-color: #22c55e;--error-color: #ef4444;--warning-color: #f59e0b;--btn-primary: #3b82f6;--btn-primary-hover: #2563eb;--bg-dropdown-hover: #f0f0f0;--spacing-xs: .125rem;--spacing-sm: .25rem;--spacing-md: .5rem;--spacing-lg: .75rem;--spacing-xl: 1rem;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}body.dark{--bg-primary: #1a1a1a;--bg-secondary: #252525;--bg-tertiary: #333333;--bg-card-existing: #1e3a5f;--bg-card-new: #1a3d2e;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-error: #f87171;--border-primary: #3a3a3a;--border-card-existing: #3b82f6;--border-card-new: #22c55e;--accent-color: #60a5fa;--accent-hover: #93bbfd;--btn-primary: #60a5fa;--btn-primary-hover: #93bbfd;--bg-dropdown-hover: #2e2e2e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden}.status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center}.status.loading{color:var(--text-secondary)}.status.error{color:var(--error-color);font-size:var(--font-size-sm)}.auth-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 24px;text-align:center;min-height:200px}.auth-overlay a{color:var(--accent-color);text-decoration:underline}.auth-overlay-icon{color:var(--text-muted)}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:8px}.header-buttons{display:flex;align-items:center;gap:6px}.conversation-id{font-size:var(--font-size-xs);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:4px}.conversation-id:hover{color:var(--accent-color)}.user-name{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.pm-names-display{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--text-secondary);padding:4px 0}.pm-names-display svg{flex-shrink:0;width:12px;height:12px}.pm-names-list{display:flex;flex-wrap:wrap;gap:4px}.pm-name-tag{font-size:var(--font-size-xs);background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.btn-theme{background:none;border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:4px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.env-banner{font-weight:900;font-size:16px;text-align:center;padding:8px 0;background:#ffe58f;color:#7a4a00;letter-spacing:.04em}.section{margin-bottom:12px}.section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:6px;padding:6px 0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-primary);margin-bottom:6px}body.dark .section-header,body.dark .merge-section-header{color:#fff;border-bottom-color:#444}body.dark .section-header>*,body.dark .merge-section-header>*{color:#fff!important}.section-header .required{color:var(--text-error);font-size:var(--font-size-xs)}.cards-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;min-height:0}.card{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-md);font-size:var(--font-size-xs);border:1px solid var(--border-primary);background:var(--bg-primary);max-width:100%;transition:border-color .15s,outline .15s}.card.existing{border-color:var(--border-card-existing);background:var(--bg-card-existing)}.card.new{border-color:var(--border-card-new);background:var(--bg-card-new)}.card-content{display:flex;flex-direction:column;min-width:0}.card-text{display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-pm-name{font-size:.625rem;color:var(--text-muted)}.card-remove{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;border-radius:var(--radius-sm);display:flex;align-items:center;flex-shrink:0}.card-remove:hover{color:var(--error-color);background:var(--bg-tertiary)}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--accent-color)}.card.selected{outline:2px solid var(--accent-color);outline-offset:1px}.input-wrapper{position:relative;margin-top:4px}.input-row{display:flex;gap:6px}.input-field{flex:1;padding:5px 8px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);background:var(--bg-primary);color:var(--text-primary);outline:none;min-width:0}.input-field:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f626}.input-field::placeholder{color:var(--text-muted)}.dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);max-height:280px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a;margin-top:2px}.dropdown.show{display:block}.dropdown-loading{display:flex;align-items:center;gap:8px;padding:12px;color:var(--text-secondary);font-size:var(--font-size-xs)}.dropdown-empty{padding:12px;text-align:center;color:var(--text-muted);font-size:var(--font-size-xs)}.dropdown-item{padding:8px 10px;cursor:pointer;border-bottom:1px solid var(--border-primary)}.dropdown-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.dropdown-item:last-child{border-bottom:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.dropdown-item:only-child{border-radius:var(--radius-md)}.dropdown-item:hover{background:var(--bg-dropdown-hover)}.dropdown-item.added{opacity:.5;cursor:default}.dropdown-item.added:hover{background:transparent}.dropdown-item.active{background:var(--bg-dropdown-hover);outline:2px solid var(--accent-color);outline-offset:-2px}.dropdown-item.active.added{outline:none;background:transparent}.btn-draft-action{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.btn-draft-action:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.btn-draft-action:focus-visible{outline:2px solid var(--accent-color);outline-offset:1px}.btn-draft-action:active{background:var(--bg-dropdown-hover)}.dropdown-badge{display:inline-flex;padding:1px 6px;border-radius:10px;font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-added{background:var(--bg-tertiary);color:var(--text-muted)}.badge-suggested{background:#dbeafe;color:#1d4ed8}body.dark .badge-suggested{background:#1e3a5f;color:#93c5fd}.property-item{display:flex;align-items:flex-start;gap:8px}.property-item-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.property-item-icon svg{width:14px;height:14px}.property-item-content{min-width:0;flex:1}.property-item-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.property-item-address{font-size:var(--font-size-xs);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-item-suburb{font-size:.625rem;color:var(--text-muted)}.property-item-id{font-size:.625rem;color:var(--text-muted);font-family:SF Mono,Menlo,Monaco,monospace}.property-item-badges{display:flex;gap:4px;flex-shrink:0}.list-item{display:flex;flex-direction:column;gap:3px}.list-item-header{display:flex;align-items:center;gap:6px}.list-item-id{font-size:var(--font-size-xs);font-weight:600;font-family:SF Mono,Menlo,Monaco,monospace}.list-item-id.maintenance{color:var(--warning-color)}body.dark .list-item-id.maintenance{color:#fbbf24}.list-item-badges{display:flex;gap:4px}.list-item-details{display:flex;flex-wrap:wrap;gap:8px}.list-item-detail{display:inline-flex;align-items:center;gap:3px;font-size:.625rem;color:var(--text-secondary)}.list-item-detail svg{width:10px;height:10px;flex-shrink:0}.status-badge{font-size:.5625rem;padding:1px 5px;border-radius:10px;font-weight:600;text-transform:capitalize}.real-id{font-size:var(--font-size-xs);color:var(--text-muted);font-family:SF Mono,Menlo,Monaco,monospace}.status-signed{color:#15803d;background:#dcfce7}.status-vacating{color:#a16207;background:#fef9c3}.status-ended{color:#b91c1c;background:#fee2e2}.status-initial{color:#6d28d9;background:#ede9fe}.status-loss-processing{color:#c2410c;background:#ffedd5}.status-lost{color:#991b1b;background:#fee2e2}.status-deleted,.status-archived{color:#6b7280;background:#f3f4f6;text-decoration:line-through}.status-in-progress{color:#1d4ed8;background:#dbeafe}.status-complete{color:#15803d;background:#dcfce7}body.dark .status-in-progress{color:#93c5fd;background:#1e3a5f}body.dark .status-complete,body.dark .status-signed{color:#86efac;background:#14532d}body.dark .status-vacating{color:#fde68a;background:#78350f}body.dark .status-ended{color:#fca5a5;background:#7f1d1d}body.dark .status-initial{color:#c4b5fd;background:#4c1d95}body.dark .status-loss-processing{color:#fdba74;background:#7c2d12}body.dark .status-lost{color:#fca5a5;background:#7f1d1d}body.dark .status-deleted,body.dark .status-archived{color:#9ca3af;background:#374151}.info-panel{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);margin:8px 0;overflow:hidden}.info-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-primary);gap:8px}.info-panel-title{font-size:var(--font-size-sm);font-weight:600;font-family:SF Mono,Menlo,Monaco,monospace}.info-panel-title.maintenance{color:var(--warning-color)}body.dark .info-panel-title.maintenance{color:#fbbf24}.info-panel-link{color:var(--accent-color);display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-xs);text-decoration:none}.info-panel-link:hover{color:var(--accent-hover);text-decoration:underline}.info-panel-link svg{width:12px;height:12px}.info-panel-type{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.info-panel-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center}.info-panel-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.info-panel-pm{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.info-panel-content{padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px}.info-panel-row{display:flex;flex-direction:column;gap:2px;width:calc(50% - 4px)}.info-panel-row.full-width{width:100%}.info-panel-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.info-panel-value{font-size:var(--font-size-xs);color:var(--text-primary)}.btn-create-workflow{font-size:.625rem;padding:2px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;line-height:1.4}.btn-create-workflow:hover{background:var(--bg-tertiary);color:var(--text-primary)}.media-links-container{display:flex;flex-direction:column;gap:4px;margin-top:2px}.media-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--accent-color);text-decoration:none;padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.media-link:hover{text-decoration:underline}.media-link svg{width:10px;height:10px;flex-shrink:0}.info-panel-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.save-container{padding:10px 0;border-top:1px solid var(--border-primary);margin-top:8px;display:flex;flex-direction:column;gap:8px}.btn-row{display:flex;gap:8px}.btn-save{flex:1;padding:7px 12px;border:none;border-radius:var(--radius-md);background:var(--btn-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.btn-save:hover{background:var(--btn-primary-hover)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-refresh{padding:7px 10px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;gap:4px}.btn-refresh:hover{background:var(--bg-secondary)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-refresh svg{width:14px;height:14px}.toast{position:fixed;bottom:16px;left:16px;right:16px;padding:10px 14px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;z-index:1000;animation:toastSlideUp .25s ease-out;box-shadow:0 4px 12px #00000026}@keyframes toastSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.success{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.toast.error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.toast svg{flex-shrink:0;width:14px;height:14px}body.dark .toast.success{background:#14532d;color:#86efac;border-color:#166534}body.dark .toast.error{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}.section-loading{display:flex;align-items:center;gap:8px;padding:8px 0;color:var(--text-secondary);font-size:var(--font-size-xs)}.mismatch-warning{background:#fef9c3;border:1px solid #fde68a;border-radius:var(--radius-md);padding:8px 12px;font-size:var(--font-size-xs);color:#92400e;display:flex;align-items:center;gap:8px;margin-bottom:8px}body.dark .mismatch-warning{background:#78350f;border-color:#92400e;color:#fde68a}.error-banner{background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md);padding:8px 12px;font-size:var(--font-size-xs);color:#b91c1c;display:flex;align-items:center;gap:8px;margin-bottom:8px}.error-banner svg{flex-shrink:0;width:14px;height:14px}.error-banner-close{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:2px;margin-left:auto;flex-shrink:0;display:flex}.error-banner-close:hover{opacity:1}.tab-nav{display:flex;border-bottom:1px solid var(--border-primary);margin-bottom:12px}.tab-btn{flex:1;padding:8px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--font-size-base);color:var(--text-muted);font-weight:500;transition:color .15s,border-color .15s}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--btn-primary);font-weight:600}body.dark .tab-btn.active{color:#fff;border-bottom-color:var(--btn-primary)}.merge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.merge-section{margin-bottom:14px}.merge-section-header{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:6px}.merge-section-header .required{color:var(--text-error);font-size:10px}.merge-cards-container{display:flex;flex-wrap:wrap;gap:8px}.merge-card{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;background:var(--bg-primary);color:var(--text-primary);transition:border-color .15s,outline .15s}.merge-card:hover{border-color:var(--btn-primary)}.merge-card.selected{outline:2px solid var(--btn-primary);outline-offset:1px;border-color:var(--border-card-existing)}.merge-variables-box{border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:12px;margin-top:12px;background:var(--bg-secondary);min-height:100px}.merge-variables-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-primary)}.merge-var-group-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:10px;margin-bottom:4px}.merge-var-group-label:first-child{margin-top:0}.merge-field-row{display:flex;align-items:baseline;gap:8px;padding:3px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.merge-field-row:hover{background:var(--bg-dropdown-hover)}.merge-field-key{font-size:11px;color:var(--text-muted);min-width:80px;flex-shrink:0;font-family:SF Mono,Menlo,Monaco,monospace}.merge-field-value{font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;word-break:break-word}.merge-empty-msg{font-size:13px;color:var(--text-muted);text-align:center;padding:16px 0}.merge-error{font-size:12px;color:var(--text-error);padding:4px 0;margin-bottom:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-content{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:0 4px 16px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-primary)}.modal-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:16px;display:flex;flex-direction:column;gap:12px}.modal-field label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.modal-field input,.modal-field select,.modal-field textarea{width:100%;padding:8px 10px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;box-sizing:border-box}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{outline:none}.placeholder-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 20px;text-align:center}.placeholder-icon{color:var(--text-muted);opacity:.6}.placeholder-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.placeholder-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.modal-field input[readonly]{opacity:.7;cursor:not-allowed}.modal-field textarea{resize:vertical;min-height:60px}.modal-footer{padding:12px 16px;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end}.modal-error{font-size:var(--font-size-sm);color:var(--text-error);padding:8px 10px;background:#dc262614;border-radius:var(--radius-md)}body.dark .modal-error{background:#f871711a}.btn-create-wf{background:none;border:1px solid var(--btn-primary);border-radius:var(--radius-sm);cursor:pointer;color:var(--btn-primary);padding:2px 8px;font-size:.625rem;font-weight:500;white-space:nowrap;flex-shrink:0}.btn-create-wf:hover{background:var(--btn-primary);color:#fff}.pill-sm{font-size:.625rem!important;padding:1px 6px!important;line-height:1.4!important}