*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Arial,sans-serif;font-size:13px;background:#f5f5f5;color:#1a1a1a}.app{display:flex;flex-direction:column;height:100vh;background:#fff}.app-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#c8361a;color:#fff}.logo{font-weight:700;font-size:15px;background:#fff3;border-radius:4px;padding:2px 6px}.title{font-weight:600;flex:1}.tabs{display:flex;border-bottom:2px solid #e0e0e0;background:#fafafa}.tabs button{flex:1;padding:8px 4px;border:none;background:none;cursor:pointer;font-size:12px;color:#555;position:relative;display:flex;align-items:center;justify-content:center;gap:5px}.tabs button.active{color:#c8361a;border-bottom:2px solid #c8361a;font-weight:600}.risk-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.risk-dot.low{background:#27ae60}.risk-dot.medium{background:#f39c12}.risk-dot.high{background:#e74c3c}.content{flex:1;overflow-y:auto;padding:8px}.state-msg{padding:20px;text-align:center;color:#888}.state-msg.error{color:#c8361a}.contact-panel section{margin-bottom:12px}.contact-header{display:flex;align-items:center;gap:10px;padding:10px 0 8px;border-bottom:1px solid #eee;margin-bottom:8px}.avatar{width:38px;height:38px;border-radius:50%;background:#c8361a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.contact-name{font-weight:600;font-size:14px}.contact-email{color:#888;font-size:11px}.actions{margin-bottom:10px;display:flex;gap:6px}.btn-primary{background:#c8361a;color:#fff;border:none;border-radius:4px;padding:5px 14px;cursor:pointer;font-size:12px;font-weight:600}.btn-primary:hover{background:#a82d15}.btn-secondary{background:#eee;color:#333;border:none;border-radius:4px;padding:5px 14px;cursor:pointer;font-size:12px}.btn-secondary:hover{background:#ddd}.section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;padding:4px 0 2px;border-bottom:1px solid #f0f0f0;margin-bottom:4px}.field-row{display:flex;align-items:center;min-height:26px;padding:2px 0;border-bottom:1px solid #f7f7f7}.field-row label{width:110px;flex-shrink:0;font-size:11px;color:#666;font-weight:500}.field-value{font-size:12px;color:#1a1a1a}.field-row input,.field-row select{flex:1;border:1px solid #ccc;border-radius:3px;padding:2px 5px;font-size:12px;font-family:inherit;background:#fff}.field-row input:focus,.field-row select:focus{outline:none;border-color:#c8361a}.multiselect{flex:1;position:relative}.ms-control{display:flex;flex-wrap:wrap;align-items:center;gap:3px;min-height:24px;border:1px solid #ccc;border-radius:3px;padding:2px 4px;cursor:pointer;background:#fff}.ms-control.disabled{background:transparent;border-color:transparent;cursor:default}.ms-tag{display:inline-flex;align-items:center;gap:2px;background:#fde8e3;color:#c8361a;border-radius:3px;padding:1px 5px;font-size:11px}.ms-remove{background:none;border:none;cursor:pointer;color:#c8361a;font-size:12px;line-height:1;padding:0;margin-left:1px}.ms-placeholder{color:#bbb;font-size:12px}.ms-arrow{margin-left:auto;color:#aaa;font-size:10px}.ms-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 12px #0000001a;max-height:160px;overflow-y:auto;list-style:none;z-index:100}.ms-dropdown li{padding:5px 8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px}.ms-dropdown li:hover{background:#fdf0ed}.ms-dropdown li.selected{background:#fde8e3;color:#c8361a}.ms-check{width:14px;text-align:center;font-size:11px}.badge{display:inline-flex;align-items:center;border-radius:3px;padding:1px 6px;font-size:11px;font-weight:600}.badge.pass{background:#d4f5e2;color:#1a7a42}.badge.fail{background:#fde8e3;color:#c8361a}.badge.warn{background:#fef3cd;color:#856404}.badge.unknown{background:#e8e8e8;color:#666}.badge.saving{background:#e8f0fe;color:#1a73e8}.badge.saved{background:#d4f5e2;color:#1a7a42}.badge.error{background:#fde8e3;color:#c8361a}.header-analysis.empty{padding:30px 16px;text-align:center;color:#aaa}.risk-banner{border-radius:6px;padding:10px 12px;margin-bottom:10px}.risk-low{background:#d4f5e2;color:#1a7a42}.risk-medium{background:#fef3cd;color:#856404}.risk-high{background:#fde8e3;color:#c8361a}.risk-label{font-weight:700;font-size:13px}.flag-list{margin-top:5px;padding-left:16px}.flag-list li{font-size:11px;margin-top:2px}.text-warn{color:#f39c12;font-weight:600}.field-row-inner{display:flex;align-items:center;gap:8px;flex:1}.btn-toggle{background:none;border:1px solid #ccc;border-radius:3px;padding:1px 7px;cursor:pointer;font-size:11px;color:#555}.btn-toggle:hover{background:#f0f0f0}.suggestions-box{border:1px solid #c8361a33;border-radius:6px;background:#fff8f6;margin-bottom:10px;overflow:hidden}.suggestions-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#fde8e3;font-size:11px;font-weight:700;color:#c8361a;text-transform:uppercase;letter-spacing:.5px}.suggestion-row{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-top:1px solid #f5d5cf;gap:8px}.suggestion-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.suggestion-label{font-size:10px;color:#888;font-weight:600;text-transform:uppercase}.suggestion-value{font-size:12px;color:#1a1a1a;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-current{font-size:10px;color:#aaa;font-style:italic}.btn-toggle-new{background:#d4f5e2;border-color:#a8e6c1;color:#1a7a42}.duplicates-box{border:1px solid #ffe082;border-radius:6px;background:#fffdf0;margin-bottom:10px;overflow:hidden}.hubspot-panel{padding-bottom:16px}.hs-header{display:flex;align-items:center;justify-content:space-between;padding:6px 0 10px;border-bottom:1px solid #eee;margin-bottom:6px}.hs-id{font-size:11px;color:#999}.hs-link{font-size:11px;color:#c8361a;text-decoration:none}.hs-link:hover{text-decoration:underline}.import-banner{display:flex;align-items:center;justify-content:space-between;background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:8px 10px;margin-bottom:10px;font-size:12px;color:#555}.import-banner.import-done{background:#d4f5e2;border-color:#a8e6c1;color:#1a7a42;justify-content:center;font-weight:600}.truck-info-box{border:1px solid #c8361a33;border-radius:6px;background:#fff8f6;overflow:hidden}.truck-info-header{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:#fde8e3;font-size:11px;font-weight:700;color:#c8361a;text-transform:uppercase;letter-spacing:.5px}.truck-info-body{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px}.truck-name{font-size:12px;font-weight:600;color:#1a1a1a;flex-basis:100%}.truck-nr{font-size:11px;background:#c8361a;color:#fff;border-radius:3px;padding:1px 6px}.truck-price{font-size:11px;font-weight:600;color:#1a7a42}.truck-detail{font-size:11px;color:#666}.reply-generator{display:flex;flex-direction:column;gap:10px}.reply-subject label,.reply-preview label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:3px}.body-preview{font-size:11px;color:#555;background:#f8f8f8;border:1px solid #eee;border-radius:4px;padding:6px 8px;white-space:pre-wrap;max-height:80px;overflow:hidden}.reply-options{display:flex;gap:10px}.option-group{display:flex;flex-direction:column;gap:3px;flex:1}.option-group label{font-size:11px;color:#666}.option-group select{border:1px solid #ccc;border-radius:3px;padding:3px 5px;font-size:12px;font-family:inherit}.generate-btn{background:#c8361a;color:#fff;border:none;border-radius:4px;padding:7px 0;cursor:pointer;font-size:13px;font-weight:600;width:100%}.generate-btn:hover:not(:disabled){background:#a82d15}.generate-btn:disabled{background:#ccc;cursor:default}.reply-result{display:flex;flex-direction:column;gap:6px}.reply-result-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.copy-btn{background:#eee;border:none;border-radius:3px;padding:3px 10px;cursor:pointer;font-size:11px}.copy-btn:hover{background:#ddd}.reply-textarea{width:100%;border:1px solid #ccc;border-radius:4px;padding:8px;font-size:12px;font-family:inherit;line-height:1.5;resize:vertical;min-height:160px}.reply-textarea:focus{outline:none;border-color:#c8361a}