:root{--terracotta:#c97b54;--terracotta-dark:#a8613f;--sage:#7a8b6f;--sage-dark:#5f6e56;--sand:#f2e9dd;--brown:#3f3a34;--brown-muted:#6b6459;--brown-faint:#98917f;--gold:#d4a85f;--bg:var(--sand);--surface:#fff;--ink:var(--brown);--ink-muted:var(--brown-muted);--ink-faint:var(--brown-faint);--accent:var(--terracotta);--accent-dark:var(--terracotta-dark);--accent-light:#f3e1d6;--accent-secondary:var(--sage);--accent-secondary-dark:var(--sage-dark);--accent-tertiary:var(--gold);--accent-tertiary-light:#fbf3e7;--line:#e4d8c7;--line-strong:#d8c7ae;--danger:#b5483d;--danger-light:#f1ded9;--rating-1:var(--sage);--rating-2:#a9b79a;--rating-3:var(--gold);--rating-4:#b0503c}*{box-sizing:border-box}body{font-size:16px;line-height:1.6;color:#3f3a34;color:var(--ink);background-color:#f2e9dd;background-color:var(--bg);margin:0;padding:0 1.5rem 2rem}body,h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif}.field label,.form-label,label{font-size:1.1rem}.form-control,input[type=tel],input[type=text],textarea{font-family:Roboto,sans-serif;font-size:1rem;line-height:1.6}.btn,button{font-family:Roboto,sans-serif}a{color:#c97b54;color:var(--accent)}.main-content{max-width:960px;margin:0 auto}.flash{position:relative;padding:1em 2.5em 1em 1.5em;margin:1em auto;max-width:90%;width:-moz-fit-content;width:fit-content;border-radius:6px;font-weight:700;font-size:1.1em}.flash-close{position:absolute;top:.5em;right:1em;background:none;border:none;font-size:1.2em;color:inherit;cursor:pointer}.flash-notice{background-color:#f3e1d6;background-color:var(--accent-light);color:#a8613f;color:var(--accent-dark)}.flash-alert{background-color:#f1ded9;background-color:var(--danger-light);color:#b5483d;color:var(--danger)}.site-nav{background-color:#fff;background-color:var(--surface);border-bottom:1px solid #e4d8c7;border-bottom:1px solid var(--line);padding:.65rem 1.5rem;position:fixed;top:0;left:0;right:0;z-index:1000}.site-nav-inner{justify-content:space-between;grid-gap:1rem;gap:1rem;max-width:1100px;margin:0 auto}.brand-group,.site-nav-inner{display:flex;align-items:center}.brand-group{grid-gap:.85rem;gap:.85rem;min-width:0}.brand-icon{flex-shrink:0;color:#7a8b6f;color:var(--accent-secondary)}.brand-name{font-weight:600;font-size:.98rem;color:#3f3a34;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-sep{width:1px;height:1.3rem;background-color:#e4d8c7;background-color:var(--line);flex-shrink:0}.admin-links{display:flex;grid-gap:1rem;gap:1rem;flex-shrink:0}.admin-links a{color:#6b6459;color:var(--ink-muted);text-decoration:none;font-size:.92rem}.admin-links a:hover{color:#c97b54;color:var(--accent)}.user-group{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;flex-shrink:0}.site-pill{border:none;border-radius:999px;background-color:#f3e1d6;background-color:var(--accent-light);color:#a8613f;color:var(--accent-dark);padding:.3rem .75rem;font-size:.85rem;font-weight:600}.site-pill.static{cursor:default}button.site-pill{cursor:pointer}.user-identity{font-size:.85rem}.logout-btn,.user-identity{color:#6b6459;color:var(--ink-muted)}.logout-btn{background:none;border:1px solid #e4d8c7;border:1px solid var(--line);padding:.3rem .7rem;border-radius:999px;font-size:.82rem;cursor:pointer}.logout-btn:hover{color:#b5483d;color:var(--danger);border-color:#b5483d;border-color:var(--danger)}.login-link{color:#c97b54;color:var(--accent);text-decoration:none;font-weight:600}.nav-spacer{margin-top:4rem}.interactions-container h2{margin-bottom:1rem}.search-field{margin-bottom:1.25rem}.search-field input{width:100%;max-width:420px;padding:.6rem .9rem;border:1px solid #e4d8c7;border:1px solid var(--line);border-radius:8px;font-size:1rem;background-color:#fff;background-color:var(--surface)}.interactions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.interaction-card{background:#fff;background:var(--surface);border:1px solid #e4d8c7;border:1px solid var(--line);border-radius:10px;padding:0;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .15s ease,box-shadow .15s ease}.interaction-card:hover{border-color:#c97b54;border-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.08)}.interaction-card.is-hidden{display:none}.card-link{display:block;padding:1rem 1.1rem;color:inherit;text-decoration:none}.interaction-time{display:block;color:#5f6e56;color:var(--accent-secondary-dark);font-size:.8rem;font-weight:600;text-align:right;margin-bottom:.4rem}.customer-name{font-weight:700;font-size:1.05rem;margin:0 0 .25rem;text-align:left}.interaction-label2{color:#6b6459;color:var(--ink-muted);font-size:.9rem;margin:0;text-align:left}.badge-multiple{display:inline-block;margin-top:.6rem;padding:.15rem .55rem;border-radius:999px;background-color:#f3e1d6;background-color:var(--accent-light);color:#a8613f;color:var(--accent-dark);font-size:.75rem;font-weight:600}.choice-container{display:flex;flex-direction:column;grid-gap:1.25rem;gap:1.25rem;max-width:520px;margin:3rem auto}.choice-card{display:block;background-color:#fff;background-color:var(--surface);border:2px solid #e4d8c7;border:2px solid var(--line);border-radius:12px;padding:1.75rem;font-size:1.15rem;font-weight:600;color:#3f3a34;color:var(--ink);text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;width:100%}.choice-card:hover{border-color:#c97b54;border-color:var(--accent);background-color:#f3e1d6;background-color:var(--accent-light)}.agent-intro{font-size:1.1rem;margin:0 0 1.25rem}.agents-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.agent-card{text-align:center}.agent-link{display:block;text-decoration:none;color:inherit;border:2px solid transparent;border-radius:12px;padding:.6rem;transition:border-color .15s ease,background-color .15s ease}.agent-link:hover{border-color:#c97b54;border-color:var(--accent);background-color:#f3e1d6;background-color:var(--accent-light)}.agent-link:focus-visible{outline:3px solid #d4a85f;outline:3px solid var(--accent-tertiary);outline-offset:3px;border-color:#d4a85f;border-color:var(--accent-tertiary);background-color:#fbf3e7;background-color:var(--accent-tertiary-light)}.agent-photo-frame{width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background-color:#f3e1d6;background-color:var(--accent-light);margin-bottom:.6rem}.agent-photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.agent-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#a8613f;color:var(--accent-dark)}.agent-name{margin:0;font-weight:600;transition:color .15s ease}.agent-link:hover .agent-name{color:#a8613f;color:var(--accent-dark)}.agent-link:focus-visible .agent-name{color:#a8613f;color:var(--terracotta-dark)}.eval-shell{max-width:700px;margin:0 auto}.eval-intro{font-size:1.05rem;font-weight:600;margin:0 0 1.25rem}.eval-context{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.eval-interaction-label{font-size:1.05rem;margin:0;font-weight:600}.eval-agent-label{font-size:1rem;margin:0;color:#6b6459;color:var(--ink-muted)}.eval-abandon{font-size:.85rem;color:#98917f;color:var(--ink-faint);text-decoration:underline}.eval-progress{display:flex;grid-gap:.4rem;gap:.4rem;margin:.5rem 0 1.75rem}.eval-progress-segment{flex:1 1;height:5px;border-radius:999px;background-color:#e4d8c7;background-color:var(--line)}.eval-progress-segment.active,.eval-progress-segment.done{background-color:#c97b54;background-color:var(--accent)}.eval-progress-segment.active{opacity:.55}.eval-step{border-radius:.5rem}.eval-step.invalid .help-message{display:block}.eval-step.invalid .question{color:#b5483d;color:var(--danger)}.question{font-weight:700;font-size:1.05rem;margin:0 0 1rem}.help-message{color:#b5483d;color:var(--danger);font-size:.88rem;display:none;margin:.6rem 0 0}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.6rem;gap:.6rem}.level-cell{border:2px solid #e4d8c7;border:2px solid var(--line);border-top:4px solid var(--line);border-radius:8px;padding:.85rem .5rem;text-align:center;cursor:pointer;background-color:#fff;background-color:var(--surface);transition:border-color .15s ease,background-color .15s ease}.level-cell[data-value="1"]{border-top-color:#7a8b6f;border-top-color:var(--rating-1)}.level-cell[data-value="2"]{border-top-color:#a9b79a;border-top-color:var(--rating-2)}.level-cell[data-value="3"]{border-top-color:#d4a85f;border-top-color:var(--rating-3)}.level-cell[data-value="4"]{border-top-color:#b0503c;border-top-color:var(--rating-4)}.level-cell.selected{border-left-color:#d4a85f;border-left-color:var(--accent-tertiary);border-right-color:#d4a85f;border-right-color:var(--accent-tertiary);border-bottom-color:#d4a85f;border-bottom-color:var(--accent-tertiary);background-color:#fbf3e7;background-color:var(--accent-tertiary-light)}.level-label{display:block;font-weight:600;font-size:.92rem;pointer-events:none}.hidden-radio{display:none}.customer-fields{display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.customer-fields .field{flex:1 1 220px}.customer-fields label{display:block;font-size:.9rem;margin-bottom:.3rem}.customer-fields input{padding:.55rem .75rem}.customer-fields input,.suggestion-field{width:100%;border:1px solid #e4d8c7;border:1px solid var(--line);border-radius:8px;font-size:1rem}.suggestion-field{padding:.75rem;font-family:inherit}.eval-nav{display:flex;justify-content:center;grid-gap:1.25rem;gap:1.25rem;margin-top:1.75rem}.btn-like-submit{display:inline-block;padding:.65rem 1.4rem;font-size:1.05rem;border:2px solid;border-radius:8px;text-decoration:none;text-align:center;min-width:200px;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease}.btn-cancel{color:#b5483d;color:var(--danger);background-color:#fff;background-color:var(--surface);border-color:#b5483d;border-color:var(--danger)}.btn-cancel:hover{background-color:#f1ded9;background-color:var(--danger-light)}.btn-continue,.btn-submit{color:#fff;background-color:#c97b54;background-color:var(--accent);border-color:#c97b54;border-color:var(--accent)}.btn-continue:hover,.btn-submit:hover{background-color:#a8613f;background-color:var(--accent-dark);border-color:#a8613f;border-color:var(--accent-dark)}.btn-back{background:none;color:#6b6459;color:var(--ink-muted);border-color:#e4d8c7;border-color:var(--line)}.btn-back:hover{border-color:#6b6459;border-color:var(--ink-muted)}.alert-danger{background-color:#f1ded9;background-color:var(--danger-light);color:#b5483d;color:var(--danger);border:1px solid #b5483d;border:1px solid var(--danger);border-radius:8px;padding:.75rem 1rem;margin:1rem 0}