:root{--ink:#1e352f;--green:#153e35;--muted:#6c7871;--paper:#f6f5ef;--white:#fff;--line:#dfe3db;--accent:#e9a08b;--soft:#eaf0e7;--error:#9c3c30;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font:normal 54px/1.13 Georgia,serif;letter-spacing:-1.6px;margin-bottom:22px}h1 em{font-weight:normal;color:#608071}h2{font:normal 30px/1.2 Georgia,serif;letter-spacing:-.7px;margin-bottom:12px}h3{font:normal 23px/1.3 Georgia,serif}p{line-height:1.65}.muted{color:var(--muted)}.small{font-size:12px}.fine{font-size:12px;line-height:1.6;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:17px}.brand{font:italic 48px/.9 Georgia,serif;text-decoration:none;display:inline-block;letter-spacing:-4px}.brand span{font:700 8px/1.5 Arial,sans-serif;letter-spacing:1.7px;display:block;margin-top:13px}.brand.light{color:#f6f5ef}.primary,.secondary{border-radius:7px;padding:14px 19px;min-height:46px;font-size:13px;font-weight:600;border:1px solid var(--green);display:inline-flex;align-items:center;justify-content:center;gap:25px;transition:background .15s}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#225648}.secondary{background:transparent;color:var(--green);border-color:#cbd4cb}.secondary:hover{background:var(--soft)}.compact{padding:10px 14px;min-height:40px}.wide{width:100%;justify-content:space-between}.text-button{font-size:13px;border:0;background:none;color:var(--green);padding:8px 0;text-align:left;text-decoration:none;display:block}.text-button:hover{text-decoration:underline}.error{color:var(--error);font-size:13px;line-height:1.6}.global-error{margin:16px 36px;padding:13px 17px;background:#fff0e9;border-radius:7px}.notice{margin:18px 36px 0;background:#fff2cf;color:#72531a;padding:14px 18px;border-radius:7px;font-size:13px;line-height:1.6}.pill{font-size:9px;letter-spacing:1.3px;padding:7px 10px;background:var(--soft);border-radius:4px;font-weight:bold}.pilot{font-size:9px;letter-spacing:1.6px}.login-screen{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{background:var(--green);color:#e9eee7;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}.login-story h1{font-size:clamp(45px,4.6vw,73px);margin-top:25px}.login-story h1 em{color:#a8c1ac}.login-story p{color:#bdcfc4;font-size:17px}.login-panel{display:grid;place-items:center;padding:45px}.login-panel form{width:100%;max-width:365px}.login-panel h2{font-size:35px}.login-panel label{display:block;font-size:12px;font-weight:600;margin:23px 0 8px}input{width:100%;border:1px solid #cdd5cc;padding:13px;background:#fff;border-radius:6px;color:var(--ink)}.login-panel button{margin-top:27px}.login-panel .fine{margin-top:27px}.workspace{display:grid;grid-template-columns:236px 1fr;min-height:100dvh}.sidebar{padding:38px 25px 22px;border-right:1px solid var(--line);background:#f0f1e9;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.nav-label{font-size:8px;letter-spacing:1.2px;color:var(--muted);margin:60px 0 15px}.nav-item{width:100%;background:none;border:0;text-align:left;padding:14px 12px;border-radius:6px;color:#65746b;font-size:13px;margin:3px 0}.nav-item span{font-size:18px;margin-right:10px;vertical-align:middle}.nav-item.selected{color:var(--green);background:#e0e7dc;font-weight:600}.sidebar-bottom{margin-top:auto}.sidebar-bottom .pilot{color:#7c887f}.account{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.account-avatar{width:32px;height:32px;background:#dce5d8;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif}.account>div{min-width:0}.account #user-email{overflow-wrap:anywhere;margin-top:4px}.topbar{min-height:72px;border-bottom:1px solid var(--line);padding:25px 36px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.saved-indicator{color:#6b806f;font-size:10px}.view{padding:46px 36px 25px;max-width:1340px;margin:auto}.intro p{color:var(--muted);font-size:15px}.intro .eyebrow{margin-bottom:22px}.start-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;margin-top:36px}.scenario-card{background:#fff;border:1px solid var(--line);padding:26px 28px;border-radius:12px;box-shadow:0 10px 25px #23382b05}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.persona-line{display:flex;gap:18px;align-items:center;margin:28px 0 23px}.avatar{width:64px;height:64px;display:grid;place-items:center;background:#e4eadd;color:#506b54;font:normal 23px Georgia,serif;border-radius:50%;flex-shrink:0}.persona-line h2{font-size:26px;margin-bottom:6px}.persona-line p{font-size:11px;margin:0}.scenario-card blockquote{font:italic 23px/1.4 Georgia,serif;border-left:2px solid var(--accent);margin:0 0 23px;padding:4px 0 4px 18px}.scenario-card>p{font-size:13px;color:var(--muted)}.scenario-card button{width:100%;justify-content:space-between;margin:10px 0}.scenario-card .fine{font-size:10px;margin-bottom:0}.preparation{padding:26px 15px 15px 24px}.preparation h3{font-size:30px}.preparation ol{list-style:none;padding:8px 0 0;margin:0}.preparation li{display:flex;gap:17px;margin:22px 0}.preparation li>span{font:italic 19px Georgia,serif;color:#9da99b}.preparation strong{font-size:12px}.preparation li p{font-size:12px;color:var(--muted);margin:5px 0}.session-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.session-heading h2{margin-bottom:0}.session-heading .eyebrow{margin-bottom:10px}.session-actions{display:flex;gap:9px}.brief{font-size:12px;color:var(--muted);max-width:810px;line-height:1.6;margin:18px 0 25px}.conversation-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:23px}.conversation{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.conversation-label{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.online-dot{display:inline-block;width:6px;height:6px;background:#6c9970;border-radius:50%;margin-right:6px}.transcript{min-height:280px;max-height:55dvh;overflow:auto;padding:25px 22px;scroll-behavior:smooth}.message{max-width:88%;margin-bottom:24px}.message.advisor{margin-left:auto}.speaker{font-size:9px;letter-spacing:.7px;color:var(--muted);margin-bottom:8px}.advisor .speaker{text-align:right}.bubble{padding:15px 17px;border-radius:0 10px 10px 10px;background:#f0f2eb;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.advisor .bubble{background:#1d473c;color:#f6f8f3;border-radius:10px 0 10px 10px}.composer{border-top:1px solid var(--line);padding:16px}.composer textarea{resize:vertical;width:100%;min-height:74px;max-height:220px;background:#fff;border:none;line-height:1.6;color:var(--ink);font-size:13px}.composer>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.composer .fine{font-size:10px}.conversation-aside{padding:20px 5px}.conversation-aside .avatar{width:52px;height:52px;font-size:20px;margin-bottom:16px}.conversation-aside h3{font-size:21px;margin-bottom:6px}.conversation-aside p{font-size:12px}.conversation-aside .eyebrow{font-size:9px}.conversation-aside hr{border:0;border-top:1px solid var(--line);margin:22px 0}.conversation-aside .text-button{font-size:11px;line-height:1.6;margin-top:10px}.busy{font-size:12px;padding:10px 20px;color:#6c7d70;background:#f6f8f3}.feedback-area{margin-top:35px;background:white;border:1px solid var(--line);border-radius:12px;padding:30px}.feedback-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.feedback-heading h2{font-size:32px}.feedback-content{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.feedback-content h2{font-size:27px;color:var(--green);margin:25px 0 15px}.feedback-content h3{font:600 15px Arial,sans-serif;border-top:1px solid var(--line);padding-top:23px;margin-top:26px}.feedback-content p{margin-bottom:12px}.feedback-content table{border-collapse:collapse;min-width:600px;width:100%;font-size:11px}.feedback-content th,.feedback-content td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:11px;line-height:1.6}.feedback-content th{background:var(--soft)}.table-scroll{overflow:auto;margin:20px 0}.feedback-content ul{padding-left:20px}.feedback-content li{margin:9px 0}.history-stats{display:flex;gap:25px;margin:25px 0;color:var(--muted);font-size:13px}.history-stats strong{color:var(--green);font-size:27px;font-family:Georgia,serif;margin-right:6px}.history-list{margin-top:28px;display:grid;gap:12px}.history-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.history-card h3{font-size:20px;margin-bottom:7px}.history-card p{font-size:11px;margin:0;color:var(--muted)}.history-buttons{display:flex;gap:15px;align-items:center}.history-score{font:normal 26px Georgia,serif;white-space:nowrap}.history-score span{font:11px Arial,sans-serif;color:var(--muted)}.danger{color:var(--error)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:23px}.empty{border:1px dashed #c9d2c7;border-radius:8px;padding:40px;text-align:center;color:var(--muted);line-height:1.7}.competencies{display:grid;gap:16px;margin-top:32px}.competency{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.competency-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.competency-heading h3{font-size:24px;margin-bottom:10px}.competency-heading strong{font:normal 28px Georgia,serif;color:#6e8b70}.anchors{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:18px}.anchor{font-size:11px;line-height:1.7;color:var(--muted)}.anchor b{display:block;color:var(--green);font-size:14px;margin-bottom:7px}.method-note{margin-top:30px;font-size:13px;line-height:1.8;max-width:800px}footer{padding:30px 36px;color:#8d988d;font-size:10px;display:flex;justify-content:space-between;gap:15px;max-width:1340px;margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1550px){.view{padding-top:65px}.intro h1{font-size:64px}.start-grid{margin-top:50px}.scenario-card{padding:32px}}@media(max-width:1100px){.workspace{grid-template-columns:190px 1fr}.sidebar{padding:32px 16px}.view{padding:32px 24px}.topbar{padding:23px 24px}.start-grid{grid-template-columns:1fr}.preparation{padding-left:0}.preparation h3 br{display:none}.preparation ol{display:flex;gap:20px}.conversation-grid{grid-template-columns:minmax(0,1fr)}.conversation-aside{display:none}.anchors{grid-template-columns:repeat(3,1fr)}.login-story{padding:40px}}@media(max-width:720px){h1{font-size:43px}.login-screen{grid-template-columns:1fr}.login-story{min-height:360px;padding:28px}.login-story h1{font-size:40px;margin:25px 0 15px}.login-story .eyebrow,.login-story .pilot,.login-story p{display:none}.login-panel{padding:35px 25px}.workspace{display:block}.sidebar{height:auto;position:static;padding:19px 20px 12px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:38px}.brand span{font-size:7px;letter-spacing:1.2px;margin-top:8px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:22px;gap:5px}.nav-item{font-size:11px;padding:10px 8px;text-align:center;margin:0}.nav-item span{display:none}.topbar{padding:15px 20px;min-height:auto;font-size:10px}.saved-indicator{font-size:9px}.view{padding:30px 20px}.intro p br{display:none}.start-grid{margin-top:25px;gap:15px}.scenario-card{padding:20px}.persona-line{gap:12px}.persona-line h2{font-size:24px}.avatar{width:50px;height:50px;font-size:20px}.preparation{padding:20px 0}.preparation ol{display:block}.preparation h3{font-size:27px}.session-heading{align-items:flex-start;flex-direction:column}.session-actions{width:100%;justify-content:flex-end}.session-heading h2{font-size:28px}.transcript{padding:20px 14px;max-height:52dvh}.message{max-width:95%}.composer{padding:12px}.composer .fine{font-size:9px}.feedback-area{padding:20px 15px}.feedback-heading{display:block}.feedback-heading h2{font-size:28px}.feedback-heading button{margin-bottom:10px}.history-card{align-items:flex-start;flex-direction:column}.history-buttons{width:100%;justify-content:flex-end}.anchors{grid-template-columns:1fr 1fr}.history-stats{gap:17px;font-size:11px}.history-stats strong{font-size:24px}.notice,.global-error{margin:15px 20px 0}footer{padding:25px 20px;display:block;line-height:1.8}footer span{display:block}}

@media(max-width:720px){.sidebar{position:relative}.sidebar-bottom{display:block;position:absolute;right:20px;top:18px}.sidebar-bottom .pilot,.sidebar-bottom .account{display:none}.sidebar-bottom #logout{font-size:11px}}
.voice-panel{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:#eef3eb;border-bottom:1px solid var(--line);font-size:12px;color:var(--green)}.voice-panel .fine{font-size:10px;text-align:right}#voice-button[aria-pressed="true"]{background:var(--soft);border-color:#9cb19b}@media(max-width:720px){.session-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.voice-panel{align-items:flex-start;flex-direction:column}.voice-panel .fine{text-align:left}}
.persona-select-label{display:block;font-size:11px;font-weight:600;margin:24px 0 8px}.persona-select{width:100%;border:1px solid #cdd5cc;padding:12px;background:#fff;border-radius:6px;color:var(--ink)}.personas-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.personas-heading h1{margin-bottom:10px}.persona-help{max-width:760px;margin:0 0 25px}.personas-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:22px;align-items:start}.persona-list{display:grid;gap:12px}.persona-card,.persona-form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.persona-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.persona-card h3{font-size:19px;margin-bottom:5px}.persona-card-header p{margin:0}.persona-prompt-preview{font-size:12px;line-height:1.6;color:var(--muted);max-height:105px;overflow:hidden;white-space:pre-wrap;margin:16px 0}.persona-card-actions,.persona-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.persona-form h2{font-size:25px;margin-bottom:18px}.persona-form label{display:block;font-size:12px;font-weight:600;margin:17px 0 7px}.persona-form input,.persona-form textarea{width:100%;border:1px solid #cdd5cc;padding:11px;background:#fff;border-radius:6px;color:var(--ink)}.persona-form textarea{resize:vertical;min-height:260px;line-height:1.6;font-size:12px}.persona-form-actions{margin-top:18px}.persona-form-actions .text-button{display:inline-block}
@media(max-width:900px){.personas-layout{grid-template-columns:1fr}.persona-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.personas-heading{flex-direction:column}.personas-heading .primary{width:100%}.persona-list{grid-template-columns:1fr}.persona-form{padding:17px}.persona-form-actions{justify-content:space-between}.persona-form-actions button{flex:1}.persona-select-label{margin-top:20px}}
.persona-status{min-height:18px;color:#507351;font-size:12px;margin:-10px 0 14px}
.table-search{display:block;max-width:440px;margin:12px 0 18px;font-size:11px;font-weight:600;color:var(--muted)}.table-search input{display:block;margin-top:7px;font-weight:400}.persona-list{display:block;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px}.records-table{width:100%;border-collapse:collapse;font-size:12px}.records-table th,.records-table td{padding:13px 15px;text-align:left;vertical-align:top;border-bottom:1px solid #edf0eb}.records-table th{background:#f0f3ee;color:#52625a;font-size:10px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.records-table tbody tr:last-child>td{border-bottom:0}.records-table td:nth-child(2){min-width:220px}.record-twisty summary{cursor:pointer;color:var(--green);font-weight:600;white-space:nowrap}.record-detail{min-width:min(550px,75vw);padding:12px 0 3px}.record-detail pre{max-height:340px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9f5;border:1px solid var(--line);border-radius:6px;padding:13px;font:12px/1.6 Arial,sans-serif}.record-detail p{white-space:pre-wrap;line-height:1.6}.editor-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:12px;background:transparent;overflow:visible}.editor-dialog::backdrop{background:#12231dcc;backdrop-filter:blur(2px)}.editor-dialog .persona-form{max-height:calc(100dvh - 32px);overflow:auto;padding:26px;box-shadow:0 25px 90px #0003}.editor-dialog .persona-form textarea{min-height:150px}.editor-dialog .persona-form #scenario-prompt,.editor-dialog .persona-form #persona-prompt{min-height:280px}
@media(max-width:900px){.records-table{min-width:900px}.record-detail{min-width:min(480px,72vw)}}
@media(max-width:720px){.editor-dialog .persona-form{padding:19px}.persona-list{border-radius:8px}.table-search{max-width:none}.record-detail{min-width:65vw}.persona-form-actions button{flex:initial}}
.logs-list{flex-wrap:wrap;align-content:flex-start;overflow-x:hidden;overflow-y:auto}.log-file-button{flex:1 1 190px}
.logs-open-row{display:flex;justify-content:flex-end;margin-top:18px}.logs-list-panel,.logs-reader-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px}.logs-list-panel{margin:25px 0 18px}.logs-list-heading,.logs-reader-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.logs-list-heading h2{font-size:22px;margin:0}.logs-list{display:flex;gap:8px;overflow:auto;padding:14px 0 8px;max-height:150px}.log-file-button{flex:0 0 auto;min-width:190px;max-width:280px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:11px 13px;border:1px solid var(--line);border-radius:7px;background:#fbfcf9;color:var(--ink)}.log-file-button strong{font-size:12px}.log-file-button span{font-size:10px;color:var(--muted)}.log-file-button:hover,.log-file-button[aria-selected="true"]{background:var(--soft);border-color:#9fb29e}.logs-list-panel .methodology-status{margin-top:4px}.logs-reader-heading{margin-bottom:12px;font-size:13px}.logs-reader-panel textarea{display:block;width:100%;height:58vh;min-height:420px;max-height:72vh;resize:vertical;overflow:auto;border:1px solid #cdd5cc;border-radius:6px;padding:15px;background:#fbfcf9;color:var(--ink);font:12px/1.6 Consolas,"Courier New",monospace;white-space:pre;tab-size:2}.logs-reader-panel textarea::placeholder{color:#849087}@media(max-width:720px){.logs-open-row button{width:100%}.logs-list-panel,.logs-reader-panel{padding:14px}.logs-reader-panel textarea{height:58vh;min-height:320px;font-size:11px}.log-file-button{min-width:165px}}
.message .bubble + .bubble{margin-top:8px;border-radius:8px}
.message.sentence-message{margin-bottom:12px}
.method-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:28px 0 24px}.method-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:12px 18px;font-size:13px}.method-tab.selected{color:var(--green);border-color:var(--green);font-weight:700}.method-editor-intro h2{font-size:27px;margin-bottom:6px}.method-editor-intro p{max-width:760px}.method-form{display:grid;gap:18px;margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.method-form h3{font-size:20px;margin-bottom:5px}.method-form .fine{margin:0}.evaluation-weights{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:9px 18px;margin-top:16px}.evaluation-weight{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-size:12px;font-weight:600}.evaluation-weight>span:first-child{flex:1}.evaluation-weight input{width:76px;padding:8px;text-align:right}.weight-suffix{color:var(--muted);font-size:12px}.weight-total{font-size:13px;margin:12px 0 0}.weight-total strong{color:var(--green)}.weight-total strong.invalid{color:var(--error)}.method-form>label{font-size:13px;font-weight:700;margin-top:5px}.method-form textarea{width:100%;resize:vertical;min-height:420px;border:1px solid #cdd5cc;border-radius:6px;padding:14px;font:12px/1.7 Consolas,monospace;color:var(--ink)}.methodology-status{min-height:20px;margin:0;color:#507351;font-size:12px}.method-form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.method-form-actions .fine{font-size:11px}@media(max-width:720px){.method-form{padding:16px}.evaluation-weights{grid-template-columns:1fr}.method-form-actions{align-items:flex-start;flex-direction:column}.method-form-actions button{width:100%}}
.settings-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:28px 0 24px;overflow-x:auto}.settings-tabs .method-tab{white-space:nowrap}.configuration-card{display:grid;gap:16px;margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.configuration-card h2{font-size:21px;margin-bottom:6px}.configuration-card p{margin-bottom:0}.configuration-actions{display:flex;gap:10px;flex-wrap:wrap}.configuration-card .methodology-status{min-height:20px}@media(max-width:720px){.configuration-card{padding:17px}.configuration-actions{flex-direction:column}.configuration-actions button{width:100%}}
.avatar-stage{position:relative;height:260px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#f3f0e9 0,#e8e7df 54%,#d9ded7 100%);border-bottom:1px solid var(--line)}#avatar-canvas{position:absolute;inset:0;width:100%;height:100%}#avatar-canvas canvas{display:block;width:100%;height:100%}.avatar-status{position:absolute;left:12px;bottom:10px;padding:6px 9px;border-radius:5px;background:#ffffffd9;color:#647267;font-size:11px;pointer-events:none}@media(max-width:720px){.avatar-stage{height:210px}}
.conversation-grid{grid-template-columns:minmax(210px,250px) minmax(0,1fr) 190px;align-items:start;gap:18px}.avatar-stage{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:1/1;border:1px solid var(--line);border-radius:12px}.conversation{grid-column:2;min-width:0}.conversation-aside{grid-column:3;min-width:0}
@media(max-width:1200px){.conversation-grid{grid-template-columns:minmax(190px,230px) minmax(0,1fr)}.conversation-aside{display:none}}
@media(max-width:720px){.conversation-grid{grid-template-columns:minmax(0,1fr);gap:14px}.avatar-stage{grid-column:1;grid-row:auto;width:min(100%,320px);margin:0 auto}.conversation{grid-column:1}}

/* Enlarge the training avatar for a clearer face and lip-sync view. */
@media(min-width:1201px){.conversation-grid{grid-template-columns:minmax(0,500px) minmax(0,1fr);align-items:start;gap:18px}.avatar-stage{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:1/1}.conversation{grid-column:2;min-width:0}.conversation-aside{display:none}}
@media(min-width:1501px){.conversation-grid{grid-template-columns:minmax(0,500px) minmax(0,1fr) 190px}.conversation-aside{display:block;grid-column:3}}
@media(max-width:1200px){.conversation-grid{grid-template-columns:minmax(0,1fr);gap:14px}.avatar-stage{grid-column:1;grid-row:auto;width:min(100%,500px);height:auto;aspect-ratio:1/1;margin:0 auto}.conversation{grid-column:1}}

/* History table: filters live in the table header so the archive stays compact and scannable. */
#history-view.view{width:100%;max-width:none;padding-left:clamp(24px,3.2vw,58px);padding-right:clamp(24px,3.2vw,58px)}
#history-view>h1{margin-bottom:10px}
#history-view>p.muted{max-width:820px;margin-bottom:12px}
#history-stats{display:flex;align-items:center;gap:26px;margin:14px 0 18px;color:var(--muted);font-size:12px}
#history-stats strong{font:normal 25px Georgia,serif;color:var(--green);margin-right:5px}
.history-table-wrap{width:100%;margin:0;background:#fff;border:1px solid #dce3d9;border-radius:12px;box-shadow:0 8px 24px #163f3510;overflow:auto}
.history-table{width:100%;min-width:1764px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px}
.history-table th,.history-table td{padding:11px 9px;border-bottom:1px solid #edf0eb;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.history-table thead{position:sticky;top:0;z-index:2}
.history-table .history-label-row th{background:#f0f3ee;color:#52625a;font-size:10px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;border-bottom:1px solid #dce3d9;white-space:normal;line-height:1.35;overflow-wrap:break-word}
.history-table .history-filter-row th{background:#f8faf7;padding-top:9px;padding-bottom:10px;border-bottom:1px solid #dce3d9}
.history-table th:nth-child(1){width:42px}.history-table th:nth-child(2){width:145px}.history-table th:nth-child(3){width:145px}.history-table th:nth-child(4){width:145px}.history-table th:nth-child(5){width:155px}.history-table th:nth-child(6){width:145px}.history-table th:nth-child(7){width:105px}.history-table th:nth-child(8){width:90px}.history-table th:nth-child(9){width:105px}.history-table th:nth-child(10){width:90px}.history-table th:nth-child(11){width:155px}.history-table th:nth-child(12){width:155px}.history-table th:nth-child(13){width:100px}.history-table th:nth-child(14){width:82px}.history-table th:nth-child(15){width:195px}
.history-filter-input{display:block;width:100%;min-width:0;height:34px;padding:7px 9px;border:1px solid #d8dfd6;border-radius:6px;background:#fff;color:var(--ink);font-size:11px}
.history-filter-input:focus{outline:2px solid #a8c2ad;outline-offset:1px;border-color:#73927b}
.history-date-filters{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.history-date-filters input{font-size:10px;padding:6px}
.history-filter-actions{display:flex;justify-content:flex-end;gap:6px}
.history-icon-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 9px;border:1px solid #d8dfd6;border-radius:7px;background:#fff;color:#29483d;text-decoration:none;font-size:11px;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}
.history-icon-button:hover{background:#edf3eb;border-color:#aabca8;transform:translateY(-1px)}
.history-icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.history-icon-button.history-search{background:var(--green);border-color:var(--green);color:#fff}
.history-icon-button.history-search:hover{background:#225648}
.history-icon-button.history-reset{width:34px;padding:0;font-size:20px;color:#66766c}
.history-data-row{background:#fff;transition:background .12s}
.history-data-row:hover{background:#fafcf9}
.history-data-row td{line-height:1.5;color:#35473e}
.history-data-row td:first-child{text-align:center;padding-left:7px;padding-right:7px}
.history-data-row code{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;color:#496455;font-size:10px}
.history-twistie{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #5b7566;display:block;transition:transform .16s ease}
.history-expand{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid #dce4dc;border-radius:7px;background:#fff}
.history-expand:hover{background:#eaf0e7;border-color:#a9bca9}
.history-expand[aria-expanded="true"] .history-twistie{transform:rotate(90deg)}
.history-transcript summary{color:#315d4c;font-size:11px;font-weight:600;cursor:pointer;list-style:none;white-space:normal;overflow-wrap:anywhere}
.history-transcript summary::-webkit-details-marker{display:none}
.history-transcript summary::before{content:"";display:inline-block;margin:0 7px 1px 0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid #78907c;transition:transform .15s}
.history-transcript[open] summary::before{transform:rotate(90deg)}
.history-transcript pre{max-height:230px;width:100%;max-width:560px;box-sizing:border-box;min-width:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;padding:11px;background:#f5f7f3;border:1px solid #e6ebe3;border-radius:7px;font:11px/1.65 Arial,sans-serif;color:#34483d}
.history-status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700;letter-spacing:.045em;white-space:nowrap}
.history-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.status-paused{color:#805d19;background:#fff3d5}
.status-finished{color:#315f78;background:#e8f2f7}
.status-evaluated{color:#286746;background:#e6f4e9}
.history-score-cell{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap;color:#29483d!important}
.history-row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}
.history-delete{color:#9c3c30}
.history-delete:hover{background:#fff0ec;border-color:#e3b4a9;color:#852b21}
.history-expanded td{padding:0 17px 18px;background:#f8faf7;border-bottom:1px solid #dce3d9}
.history-empty-cell{padding:36px!important;text-align:center!important;color:var(--muted)!important;font-size:13px}
#history-view .pagination{max-width:none}
@media(max-width:900px){#history-view.view{padding-left:18px;padding-right:18px}#history-stats{gap:14px;flex-wrap:wrap}.history-table-wrap{border-radius:9px}.history-table{min-width:1764px}.history-transcript pre{max-width:480px}}
.history-filter-row select.history-filter-input{font-size:10px;padding-right:6px}
.scenario-card #start-scenario-description{margin:16px 0 22px;line-height:1.65}.scenario-card blockquote:empty{display:none}#scenario-prompt{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55}.persona-card .persona-prompt-preview{white-space:pre-wrap}.scenario-card .persona-line{margin-top:20px}

.session-heading .brief{max-width:680px;margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
.session-end-reason{margin:16px 0;padding:12px 15px;border:1px solid #ead9ae;border-radius:8px;background:#fff7df;color:#705619;font-size:12px;line-height:1.6}

/* Give the evaluation table enough room for evidence and reasoning. */
.feedback-area{padding:clamp(24px,3vw,40px)}
.feedback-content{max-width:100%;min-width:0}
.feedback-content h2:first-child{margin-top:8px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.feedback-content .table-scroll{max-width:100%;margin:22px 0 28px;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:9px;background:#fff}
.feedback-content table{width:100%;min-width:1150px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px}
.feedback-content th,.feedback-content td{padding:14px 15px;border:0;border-bottom:1px solid #e8ece6;line-height:1.65;overflow-wrap:break-word}
.feedback-content th{position:sticky;top:0;background:#edf2eb;color:#344c3e;font-size:11px;letter-spacing:.025em}
.feedback-content tr:last-child td{border-bottom:0}
.feedback-content tbody tr:nth-child(even){background:#fafbf8}
.feedback-content th:nth-child(1),.feedback-content td:nth-child(1){width:190px}
.feedback-content th:nth-child(2),.feedback-content td:nth-child(2){width:85px;text-align:center;white-space:nowrap}
.feedback-content th:nth-child(3),.feedback-content td:nth-child(3){width:90px;text-align:center;white-space:nowrap}
.feedback-content th:nth-child(4),.feedback-content td:nth-child(4){width:405px}
.feedback-content th:nth-child(5),.feedback-content td:nth-child(5){width:380px}
.feedback-content td:nth-child(1){font-weight:600;color:#29483d}
.feedback-content td:nth-child(2){font-weight:700;font-variant-numeric:tabular-nums}
.feedback-content>p:has(>strong){margin:15px 0;padding:12px 15px;border-left:3px solid #a9c1a9;border-radius:0 7px 7px 0;background:#f4f7f1}
.feedback-content h3{scroll-margin-top:16px}
@media(max-width:720px){.feedback-area{padding:22px 16px}.feedback-content table{min-width:1080px}.feedback-content th,.feedback-content td{padding:12px}.feedback-content th:nth-child(1),.feedback-content td:nth-child(1){width:175px}.feedback-content th:nth-child(4),.feedback-content td:nth-child(4){width:370px}.feedback-content th:nth-child(5),.feedback-content td:nth-child(5){width:350px}}

.session-metrics{display:flex;gap:30px}
.session-timer-pair{display:inline-flex;align-items:center;gap:4px}.session-timer-limit{color:#b3332e;font-weight:600}

/* Analytics dashboard */
#analytics-view.view{width:100%;max-width:1500px}
.analytics-intro{max-width:850px;margin-bottom:26px}
.analytics-filters{display:flex;align-items:end;gap:16px;margin:0 0 12px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:10px}
.analytics-filters label{display:grid;gap:7px;min-width:220px;color:#52625a;font-size:11px;font-weight:700}
.analytics-filters select{width:100%;height:42px;padding:8px 34px 8px 11px;border:1px solid #cdd5cc;border-radius:6px;background:#fff;color:var(--ink);font:13px Arial,sans-serif}
.analytics-filters button{margin-left:auto;white-space:nowrap}
.analytics-status{min-height:22px;margin:0 0 14px;color:var(--muted);font-size:11px}
.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.analytics-kpi{display:grid;gap:8px;padding:17px 19px;background:#fff;border:1px solid var(--line);border-radius:10px}
.analytics-kpi>span{color:var(--muted);font-size:11px}
.analytics-kpi>strong{color:var(--green);font:normal 30px/1.1 Georgia,serif;font-variant-numeric:tabular-nums}
.analytics-kpi>small{color:#7b877e;font-size:10px}
.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.analytics-card{min-width:0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 7px 20px #23382b05}
.analytics-top-card,.analytics-progress-card{grid-column:1/-1}
.analytics-card-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px}
.analytics-card-heading .eyebrow{margin-bottom:8px;color:#78867b;font-size:9px}
.analytics-card-heading h2{margin:0;font-size:24px}
.analytics-card-heading p{margin:6px 0 0}
.analytics-table-wrap{width:100%;overflow-x:auto;border:1px solid #e5eae3;border-radius:8px}
.analytics-table{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed;font-size:12px}
.analytics-table th,.analytics-table td{padding:12px 14px;border-bottom:1px solid #edf0eb;text-align:left;vertical-align:top;line-height:1.5;overflow-wrap:anywhere}
.analytics-table th{background:#f0f3ee;color:#52625a;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.analytics-table th:nth-child(1),.analytics-table td:nth-child(1){width:52px;text-align:center}
.analytics-table th:nth-child(2),.analytics-table td:nth-child(2){width:100px}
.analytics-table th:nth-child(3),.analytics-table td:nth-child(3){width:230px}
.analytics-table th:nth-child(4),.analytics-table td:nth-child(4){width:140px;white-space:nowrap}
.analytics-table tr:last-child td{border-bottom:0}
.analytics-table tbody tr:nth-child(even){background:#fafbf8}
.analytics-table-score{color:var(--green);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.analytics-empty{margin:0;padding:20px 4px;color:var(--muted);font-size:12px;line-height:1.65}
.analytics-chart{width:100%;overflow-x:auto}
.analytics-chart svg{display:block;width:100%;min-width:620px;height:auto;overflow:visible}
.analytics-gridline{stroke:#e7ece5;stroke-width:1}
.analytics-axis-label{fill:#78867b;font:11px Arial,sans-serif}
.analytics-line{fill:none;stroke:#47795c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.analytics-point{fill:#fff;stroke:#47795c;stroke-width:3}
.analytics-point-label{fill:#315844;font:700 11px Arial,sans-serif}
.analytics-ranking{display:grid;gap:17px;margin:0;padding:2px 0 0;list-style:none}
.analytics-ranking li{min-width:0}
.analytics-ranking-row,.analytics-competency-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;font-size:12px;line-height:1.5}
.analytics-ranking-row span,.analytics-competency-row>div:first-child span{min-width:0;overflow-wrap:anywhere}
.analytics-ranking-row strong,.analytics-competency-row>div:first-child strong{flex:none;color:#526e5a;font-size:11px;font-variant-numeric:tabular-nums}
.analytics-bar{display:block;height:7px;overflow:hidden;border-radius:99px;background:#edf1eb}
.analytics-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8eae90,#47795c)}
.analytics-competency-list{display:grid;gap:16px}
.analytics-competency-row{min-width:0}
.analytics-competency-row>small{display:block;margin-top:5px;color:#8a948b;font-size:10px}
@media(max-width:1000px){.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-filters{flex-wrap:wrap}.analytics-filters label{flex:1 1 220px}.analytics-filters button{margin-left:0}}
@media(max-width:720px){#analytics-view.view{padding:30px 16px}.analytics-filters{padding:15px;gap:12px}.analytics-filters label{flex-basis:100%;min-width:0}.analytics-filters button{width:100%}.analytics-kpis{gap:9px}.analytics-kpi{padding:14px}.analytics-kpi>strong{font-size:25px}.analytics-kpi>small{line-height:1.4}.analytics-grid{grid-template-columns:minmax(0,1fr);gap:12px}.analytics-top-card,.analytics-progress-card{grid-column:auto}.analytics-card{padding:18px 15px}.analytics-card-heading h2{font-size:21px}}

/* Shared application component baseline, refined by the Carbon-inspired layer below. */
:root{
  color-scheme:light;
  --ink:#1c2924;
  --green:#175c46;
  --muted:#617069;
  --paper:#f4f6f5;
  --white:#fff;
  --line:#dce4df;
  --accent:#d98d75;
  --soft:#e9f2ed;
  --error:#a33b32;
  --focus:#76a68e;
  --surface:#fff;
  --surface-subtle:#f8faf9;
  --shadow-1:0 1px 2px #172c2010,0 4px 14px #172c2008;
  --shadow-2:0 12px 34px #172c2018;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  font-family:Inter,"Segoe UI",Roboto,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
  color:var(--ink);
  background:var(--paper);
}
body{min-width:320px;background:var(--paper);color:var(--ink);font-family:inherit;line-height:1.5}
button,input,select,textarea{font-family:inherit;font-size:14px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #76a68e80;outline-offset:2px}
h1,h2,h3{font-family:inherit;color:var(--ink);letter-spacing:-.025em}
h1{font-size:clamp(30px,3vw,38px);font-weight:650;line-height:1.18;letter-spacing:-.035em;margin:0 0 12px}
h1 em{color:var(--green);font-style:normal;font-weight:500}
h2{font-size:23px;font-weight:620;line-height:1.3;letter-spacing:-.025em;margin-bottom:10px}
h3{font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.015em}
p{line-height:1.65}
.muted,.fine{color:var(--muted)}
.fine{font-size:12px;line-height:1.55}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.09em;line-height:1.4;color:#64736b;margin-bottom:10px}
.small{font-size:12px}
.workspace{grid-template-columns:248px minmax(0,1fr);background:var(--paper)}
.workspace>main{min-width:0;background:var(--paper)}
.sidebar{z-index:3;padding:28px 18px 18px;background:#fff;border-right:1px solid var(--line);box-shadow:1px 0 8px #172c2006}
.brand{font-size:43px;letter-spacing:-3.5px;color:var(--green)}
.brand span{font-family:inherit;font-size:8px;letter-spacing:.14em;color:#718078}
.nav-label{margin:42px 10px 12px;font-size:10px;font-weight:700;letter-spacing:.09em;color:#7b8981}
.sidebar nav{display:grid;gap:4px}
.nav-item{display:flex;align-items:center;gap:11px;min-height:44px;margin:0;padding:10px 12px;border-radius:9px;color:#52635b;font-size:13px;font-weight:520;transition:background .16s,color .16s}
.nav-item span{width:21px;margin:0;text-align:center;font-size:17px;color:#738078}
.nav-item:hover{background:#f3f6f4;color:var(--ink)}
.nav-item.selected{background:var(--soft);color:#124e3b;font-weight:650;box-shadow:inset 3px 0 0 var(--green)}
.nav-item.selected span{color:var(--green)}
.sidebar-bottom .pilot{font-size:9px;font-weight:700;letter-spacing:.1em;color:#829087}
.account{margin-top:18px;padding-top:16px;border-color:var(--line)}
.account-avatar{background:#e6efe9;color:var(--green);font-weight:650}
.topbar{position:sticky;top:0;z-index:2;min-height:64px;padding:19px clamp(22px,3vw,44px);background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(10px);font-size:12px;font-weight:550;color:#65736b}
.saved-indicator{color:#47755c;font-size:11px}
.view{width:100%;max-width:1440px;padding:36px clamp(22px,3vw,44px) 48px}
.view>h1{margin-bottom:12px}
.primary,.secondary{min-height:42px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:620;letter-spacing:.005em;gap:10px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
.primary{background:var(--green);border-color:var(--green);box-shadow:0 1px 2px #173b2b24;color:#fff}
.primary:hover:not(:disabled){background:#104b38;box-shadow:0 3px 9px #173b2b28;transform:translateY(-1px)}
.secondary{background:#fff;border-color:#cbd7d0;color:#2a5140}
.secondary:hover{background:#f3f7f4;border-color:#aabdb1}
.compact{min-height:36px;padding:8px 12px;font-size:12px}
.text-button{color:var(--green);font-size:13px;font-weight:550}
input,select,textarea,.persona-select,.persona-form input,.persona-form textarea,.method-form textarea,.logs-reader-panel textarea{border:1px solid #cbd6d0;border-radius:8px;background:#fff;color:var(--ink);transition:border-color .16s,box-shadow .16s}
input,select{min-height:42px;padding:9px 12px}
textarea{padding:12px;line-height:1.6}
input:hover,select:hover,textarea:hover{border-color:#9aada2}
input:focus,select:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px #76a68e22;outline:0}
label{color:#45564d}
.notice,.global-error{border:1px solid #f0d69a;border-radius:10px;box-shadow:var(--shadow-1)}
.notice{background:#fff8e8;color:#694e1e}
.global-error{background:#fff1ed}
.scenario-card,.conversation,.feedback-area,.history-card,.competency,.persona-card,.persona-form,.method-form,.configuration-card,.logs-list-panel,.logs-reader-panel,.analytics-card,.persona-list,.history-table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-1)}
.scenario-card{padding:clamp(22px,2.4vw,32px)}
.pill{border:1px solid #d8e7dc;border-radius:999px;background:#edf5ef;color:#305f46;font-size:10px;letter-spacing:.06em;padding:6px 10px}
.persona-line{gap:15px}
.avatar{background:#e9f1eb;color:#315c43}
.scenario-card blockquote{border-color:var(--accent);font-size:21px}
.preparation li{gap:14px}
.preparation li>span{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#edf4ef;color:var(--green);font-size:13px;font-style:normal;font-weight:600}
.conversation{border-radius:var(--radius-md)}
.conversation-label{align-items:center;padding:14px 18px;background:#fbfcfb;font-size:12px;font-weight:600}
.transcript{padding:24px}
.message{margin-bottom:20px}
.speaker{font-size:10px;font-weight:650;letter-spacing:.045em}
.bubble{padding:13px 16px;border-radius:4px 14px 14px 14px;background:#f0f4f1;font-size:14px;line-height:1.65}
.advisor .bubble{border-radius:14px 4px 14px 14px;background:#175c46;color:#fff}
.composer{padding:14px 16px;background:#fff}
.composer textarea{border:0;border-radius:8px;background:#fbfcfb}
.voice-panel,.busy{border-color:var(--line);background:#f0f5f1;color:#385f48}
.avatar-stage{border-color:var(--line);border-radius:var(--radius-md);background:radial-gradient(ellipse at 50% 35%,#f5f7f5 0,#e9eeea 58%,#dce5df 100%)}
.avatar-status{border:1px solid #dce4df;border-radius:999px;background:#ffffffed}
.session-actions{gap:8px;flex-wrap:wrap}
.session-end-reason{border-color:#ead6a6;border-radius:10px;background:#fff8e7;color:#654d1f}
.feedback-area{margin-top:28px;padding:clamp(20px,2.6vw,36px)}
.feedback-heading{margin-bottom:18px}
.feedback-heading h2{font-size:26px}
.feedback-content{font-size:14px;line-height:1.75}
.feedback-content h2{font-size:22px}
.feedback-content h3{font-size:15px;color:#344c3f}
.feedback-content .table-scroll,.history-table-wrap{box-shadow:none}
.feedback-content th{background:#f1f5f2;color:#40554a}
.history-stats strong{font-family:inherit;font-size:25px;font-weight:650;letter-spacing:-.03em}
.history-card{padding:18px 20px}
.history-card h3{font-size:18px}
.history-score{font-family:inherit;font-size:24px;font-weight:650;letter-spacing:-.03em;color:var(--green)}
.history-table-wrap{box-shadow:var(--shadow-1)}
.history-table .history-label-row th{background:#f1f5f2;color:#46574e}
.history-table .history-filter-row th{background:#fbfcfb}
.history-filter-input{min-height:34px;border-radius:7px;background:#fff;font-family:inherit}
.history-filter-input:focus{outline:0;box-shadow:0 0 0 3px #76a68e22}
.history-icon-button{border-radius:8px;color:#315943}
.history-data-row:hover{background:#f5f8f6}
.history-expanded td{background:#fafcfb}
.competency{padding:20px 22px}
.competency-heading h3{font-size:18px}
.competency-heading strong{font-family:inherit;font-size:23px;font-weight:650}
.anchor{font-size:12px}
.anchor b{color:var(--green)}
.method-tabs,.settings-tabs{gap:4px;border-color:var(--line)}
.method-tab{min-height:42px;padding:10px 14px;border-radius:8px 8px 0 0;font-weight:550}
.method-tab:hover{background:#f4f7f5;color:var(--ink)}
.method-tab.selected{color:var(--green);border-color:var(--green);font-weight:650}
.method-form,.configuration-card{gap:16px;padding:clamp(18px,2.5vw,28px)}
.method-form h3,.configuration-card h2{font-size:19px}
.evaluation-weight{min-height:48px;border-radius:9px;background:#fbfcfb}
.evaluation-weight input{min-height:36px}
.editor-dialog{border-radius:16px}
.editor-dialog .persona-form{border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2)}
.persona-form label,.method-form>label{font-size:12px;font-weight:650;color:#43554b}
.persona-form textarea,.method-form textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.persona-card,.persona-form{padding:20px}
.persona-card h3{font-size:18px}
.persona-card-actions,.persona-form-actions{gap:8px}
.persona-status{color:#376a4a}
.table-search{font-size:12px;color:#4c5d53}
.persona-list{box-shadow:var(--shadow-1)}
.records-table{font-size:13px}
.records-table th{background:#f1f5f2;color:#46574e}
.records-table td{line-height:1.55}
.record-twisty summary{color:var(--green)}
.record-detail pre{border-radius:8px;background:#f5f8f6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.logs-list-panel,.logs-reader-panel{padding:20px}
.log-file-button{border-radius:9px;background:#fbfcfb}
.log-file-button:hover,.log-file-button[aria-selected="true"]{background:#edf4ef;border-color:#9db8a7}
.logs-reader-panel textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.analytics-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.analytics-page-heading h1{margin-bottom:7px}
.analytics-intro{max-width:760px;margin:0;font-size:14px}
.analytics-data-label{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#56675d;font-size:11px;font-weight:600;white-space:nowrap}
.analytics-data-label>span{width:7px;height:7px;border-radius:50%;background:#4b8b63}
.analytics-filters{align-items:end;margin-bottom:0;padding:16px 18px;border-color:var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}
.analytics-filters label{gap:6px;color:#4d5d54;font-size:11px;font-weight:650}
.analytics-filters select{font:inherit}
.analytics-status{display:flex;align-items:center;min-height:30px;margin:4px 0 12px;font-size:11px}
.analytics-kpis{gap:12px;margin-bottom:16px}
.analytics-kpi{gap:6px;padding:17px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-1)}
.analytics-kpi>span{font-size:11px;font-weight:600;color:#66756d}
.analytics-kpi>strong{font-size:27px;font-weight:650;line-height:1.15;letter-spacing:-.04em;color:var(--green)}
.analytics-kpi>small{font-size:11px;color:#7b8981}
.analytics-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.analytics-card{grid-column:span 6;min-height:100%;padding:20px;border-radius:var(--radius-md);box-shadow:var(--shadow-1)}
.analytics-progress-card{grid-column:span 7}
.analytics-top-card{grid-column:span 5}
.analytics-card-heading{margin-bottom:17px}
.analytics-card-heading .eyebrow{margin-bottom:6px;font-size:9px;color:#65766c}
.analytics-card-heading h2{font-size:19px;letter-spacing:-.02em}
.analytics-card-heading p{font-size:11px}
.analytics-table-wrap{border-color:#e6ece8;border-radius:9px}
.analytics-table{min-width:0;font-size:11px}
.analytics-table th,.analytics-table td{padding:10px 8px;line-height:1.45}
.analytics-table th{background:#f1f5f2;color:#4b5c52;font-size:9px;letter-spacing:.05em}
.analytics-table th:nth-child(1),.analytics-table td:nth-child(1){width:34px}
.analytics-table th:nth-child(2),.analytics-table td:nth-child(2){width:66px}
.analytics-table th:nth-child(3),.analytics-table td:nth-child(3){width:auto}
.analytics-table th:nth-child(4),.analytics-table td:nth-child(4){width:78px}
.analytics-table th:nth-child(5),.analytics-table td:nth-child(5){width:94px}
.analytics-table-score{color:var(--green)}
.analytics-chart svg{min-width:0}
.analytics-gridline{stroke:#e7ede9}
.analytics-axis-label{fill:#718078;font-family:inherit;font-size:11px}
.analytics-line{stroke:var(--green);stroke-width:2.5}
.analytics-point{stroke:var(--green)}
.analytics-point-label{fill:#284d3a}
.analytics-bar{height:8px;background:#edf2ee}
.analytics-bar>span{background:var(--green)}
.analytics-empty{color:#66756d}
footer{max-width:1440px;color:#7b8981}
@media(max-width:1100px){
  .workspace{grid-template-columns:210px minmax(0,1fr)}
  .sidebar{padding-left:14px;padding-right:14px}
  .view{padding:30px 24px 40px}
  .analytics-progress-card,.analytics-top-card{grid-column:span 12}
}
@media(max-width:720px){
  .workspace{display:block}
  .sidebar{padding:15px 16px 10px;background:#fff}
  .brand{font-size:36px}
  .sidebar nav{display:flex;gap:4px;margin:14px -4px 0;overflow-x:auto;scrollbar-width:thin}
  .nav-item{flex:0 0 auto;width:auto;min-height:38px;padding:8px 11px;font-size:11px}
  .nav-item.selected{box-shadow:inset 0 -2px 0 var(--green)}
  .topbar{position:static;min-height:52px;padding:14px 18px}
  .view{padding:25px 18px 34px}
  .view>h1{font-size:31px}
  .analytics-page-heading{align-items:flex-start;flex-direction:column;margin-bottom:16px}
  .analytics-data-label{display:none}
  .analytics-filters{padding:13px}
  .analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .analytics-kpi{padding:13px}
  .analytics-kpi>strong{font-size:23px}
  .analytics-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .analytics-card,.analytics-progress-card,.analytics-top-card{grid-column:1}
  .analytics-card{padding:16px}
  .analytics-chart svg{min-width:560px}
  .feedback-area{padding:19px 15px}
  .session-actions{justify-content:flex-start}
  .history-buttons{gap:8px;flex-wrap:wrap}
  .method-tabs,.settings-tabs{margin:20px 0 16px}
  .method-tab{padding:9px 11px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Carbon-inspired application layer: neutral layers, compact controls and data-first hierarchy. */
:root{
  --cds-background:#f4f4f4;
  --cds-layer:#fff;
  --cds-layer-accent:#e8e8e8;
  --cds-text-primary:#161616;
  --cds-text-secondary:#525252;
  --cds-text-helper:#6f6f6f;
  --cds-border-subtle:#e0e0e0;
  --cds-border-strong:#8d8d8d;
  --cds-focus:#0f62fe;
  --cds-interactive:#243b64;
  --ink:var(--cds-text-primary);
  --muted:var(--cds-text-secondary);
  --paper:var(--cds-background);
  --white:var(--cds-layer);
  --line:var(--cds-border-subtle);
  --soft:#eaf0f6;
  --green:var(--cds-interactive);
  --focus:var(--cds-focus);
  --surface:var(--cds-layer);
  --surface-subtle:#f4f4f4;
  --shadow-1:none;
  --shadow-2:0 12px 32px #0003;
  --radius-sm:0;
  --radius-md:0;
  --radius-lg:0;
  font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif;
  font-size:14px;
  line-height:1.43;
  color:var(--cds-text-primary);
  background:var(--cds-background);
}
body{background:var(--cds-background);color:var(--cds-text-primary);font-family:inherit;line-height:1.43}
button,input,select,textarea{font-family:inherit;font-size:14px}
h1,h2,h3{font-family:inherit;color:var(--cds-text-primary);letter-spacing:normal}
h1{font-size:32px;font-weight:400;line-height:1.25;letter-spacing:0;margin-bottom:12px}
h1 em{color:var(--cds-interactive);font-style:normal;font-weight:400}
h2{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:0;margin-bottom:8px}
h3{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0}
p{line-height:1.5}
.muted,.fine{color:var(--cds-text-secondary)}
.fine{font-size:12px;line-height:1.5}
.eyebrow{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--cds-text-secondary);margin-bottom:8px}
.workspace{grid-template-columns:256px minmax(0,1fr);background:var(--cds-background)}
.workspace>main{min-width:0;background:var(--cds-background)}
.sidebar{z-index:3;padding:24px 0 16px;background:#e0e0e0;border-right:1px solid #c6c6c6;box-shadow:none}
.brand{margin:0 24px;font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif;font-size:36px;font-style:normal;font-weight:600;letter-spacing:-1.5px;color:#161616}
.brand span{font-family:inherit;font-size:9px;letter-spacing:.08em;color:#525252}
.nav-label{margin:36px 24px 10px;font-size:10px;font-weight:600;letter-spacing:.06em;color:#525252}
.sidebar nav{display:grid;gap:0}
.nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;margin:0;padding:10px 24px;border-radius:0;color:#393939;font-size:14px;font-weight:400;transition:background .12s,color .12s}
.nav-item span{width:18px;margin:0;text-align:center;font-size:16px;color:inherit}
.nav-item:hover{background:#d1d1d1;color:#161616}
.nav-item.selected{background:#fff;color:#161616;font-weight:600;box-shadow:inset 3px 0 #243b64}
.nav-item.selected span{color:#243b64}
.sidebar-bottom{padding:0 24px}
.sidebar-bottom .pilot{font-size:9px;font-weight:600;letter-spacing:.07em;color:#525252}
.account{margin-top:16px;padding-top:14px;border-color:#c6c6c6}
.account-avatar{background:#dce7f1;border-radius:0;color:#1b2e50;font-weight:600}
.topbar{position:sticky;top:0;z-index:2;min-height:48px;padding:13px 32px;background:#fff;border-bottom:1px solid #c6c6c6;backdrop-filter:none;font-size:12px;font-weight:400;color:#525252}
.saved-indicator{color:#243b64;font-size:11px}
.view{width:100%;max-width:1480px;padding:32px clamp(22px,2.8vw,40px) 48px}
.view>h1{margin-bottom:12px}
.primary,.secondary{min-height:40px;padding:0 16px;border-radius:0;font-size:14px;font-weight:600;letter-spacing:0;gap:8px;transition:background .12s,border-color .12s,color .12s}
.primary{background:#243b64;border:1px solid #243b64;box-shadow:none;color:#fff}
.primary:hover:not(:disabled){background:#1b2e50;border-color:#1b2e50;box-shadow:none;transform:none}
.secondary{background:transparent;border:1px solid #8d8d8d;color:#243b64}
.secondary:hover{background:#eaf0f6;border-color:#243b64}
.compact{min-height:32px;padding:0 12px;font-size:12px}
.text-button{color:#243b64;font-size:13px;font-weight:600}
input,select,textarea,.persona-select,.persona-form input,.persona-form textarea,.method-form textarea,.logs-reader-panel textarea{border:0;border-bottom:1px solid #8d8d8d;border-radius:0;background:#f4f4f4;color:#161616;transition:border-color .12s,box-shadow .12s}
input,select{min-height:40px;padding:8px 12px}
textarea{padding:12px;line-height:1.5}
input:hover,select:hover,textarea:hover{border-bottom-color:#161616}
input:focus,select:focus,textarea:focus{border-bottom:2px solid #0f62fe;box-shadow:0 1px 0 #0f62fe;outline:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #0f62fe;outline-offset:2px}
label{color:#393939}
.notice,.global-error{border:1px solid #d2a106;border-radius:0;box-shadow:none}
.notice{background:#fff8e1;color:#393939}
.global-error{background:#fff1f1}
.scenario-card,.conversation,.feedback-area,.history-card,.competency,.persona-card,.persona-form,.method-form,.configuration-card,.logs-list-panel,.logs-reader-panel,.analytics-card,.persona-list,.history-table-wrap{border:0;border-radius:0;background:#fff;box-shadow:none}
.scenario-card,.feedback-area,.persona-card,.persona-form,.method-form,.configuration-card,.logs-list-panel,.logs-reader-panel,.analytics-card,.competency{border:1px solid #e0e0e0}
.scenario-card{padding:24px}
.pill{border:0;border-radius:0;background:#eaf0f6;color:#243b64;font-size:10px;letter-spacing:.04em;padding:5px 8px}
.avatar{border-radius:0;background:#e0e0e0;color:#393939}
.scenario-card blockquote{border-left:3px solid #243b64;font-size:20px}
.preparation li>span{border-radius:0;background:#e0e0e0;color:#243b64;font-size:13px;font-style:normal;font-weight:600}
.conversation{border:1px solid #c6c6c6}
.conversation-label{padding:12px 16px;background:#f4f4f4;border-bottom:1px solid #c6c6c6;font-size:12px;font-weight:600}
.transcript{padding:20px}
.speaker{font-size:11px;font-weight:600;letter-spacing:.02em}
.bubble{padding:12px 16px;border-radius:0;background:#e8e8e8;font-size:14px;line-height:1.5}
.advisor .bubble{border-radius:0;background:#243b64;color:#fff}
.composer{padding:12px 16px;background:#fff}
.composer textarea{border:1px solid #8d8d8d;background:#f4f4f4}
.voice-panel,.busy{border-color:#c6c6c6;border-radius:0;background:#eaf0f6;color:#243b64}
.avatar-stage{border:1px solid #c6c6c6;border-radius:0;background:radial-gradient(ellipse at 50% 35%,#f4f4f4 0,#e0e0e0 64%,#c6c6c6 100%)}
.avatar-status{border:0;border-radius:0;background:#fff;color:#393939}
.session-actions{gap:8px;flex-wrap:wrap}
.session-end-reason{border:1px solid #d2a106;border-radius:0;background:#fff8e1;color:#393939}
.feedback-area{margin-top:24px;padding:24px}
.feedback-heading{margin-bottom:16px}
.feedback-heading h2{font-size:24px}
.feedback-content{font-size:14px;line-height:1.6}
.feedback-content h2{font-size:20px}
.feedback-content h3{font-size:15px;color:#393939}
.feedback-content .table-scroll,.history-table-wrap{box-shadow:none}
.feedback-content .table-scroll{border:1px solid #e0e0e0;border-radius:0}
.feedback-content th{background:#e8e8e8;color:#161616}
.feedback-content tr:last-child td{border-bottom:1px solid #e0e0e0}
.history-stats strong{font-family:inherit;font-size:24px;font-weight:600;letter-spacing:0}
.history-card{padding:16px;border-bottom:1px solid #e0e0e0}
.history-card h3{font-size:16px}
.history-score{font-family:inherit;font-size:22px;font-weight:600;letter-spacing:0;color:#243b64}
.history-table-wrap{border:1px solid #c6c6c6;box-shadow:none}
.history-table{font-size:12px}
.history-table .history-label-row th{background:#e0e0e0;color:#393939}
.history-table .history-filter-row th{background:#f4f4f4}
.history-filter-input{min-height:32px;border:1px solid #8d8d8d;border-radius:0;background:#fff;font-family:inherit}
.history-filter-input:focus{outline:2px solid #0f62fe;outline-offset:1px;box-shadow:none}
.history-icon-button{min-height:32px;border:1px solid #8d8d8d;border-radius:0;color:#243b64}
.history-icon-button:hover{background:#eaf0f6;border-color:#243b64;transform:none}
.history-icon-button.history-search{background:#243b64;border-color:#243b64}
.history-data-row:hover{background:#f4f4f4}
.history-expanded td{background:#f4f4f4}
.history-transcript pre,.record-detail pre{border:1px solid #e0e0e0;border-radius:0;background:#f4f4f4;font-family:"IBM Plex Mono",Consolas,monospace}
.history-status{border-radius:0;padding:5px 8px;letter-spacing:.02em}
.competency{padding:20px;border-bottom:1px solid #e0e0e0}
.competency-heading h3{font-size:16px}
.competency-heading strong{font-family:inherit;font-size:22px;font-weight:600}
.anchor{font-size:12px}
.method-tabs,.settings-tabs{gap:0;border-color:#c6c6c6}
.method-tab{min-height:40px;padding:8px 16px;border-radius:0 0 0 0;font-weight:400}
.method-tab:hover{background:#e8e8e8;color:#161616}
.method-tab.selected{color:#243b64;border-color:#243b64;font-weight:600}
.method-form,.configuration-card{gap:16px;padding:24px}
.method-form h3,.configuration-card h2{font-size:18px}
.evaluation-weight{min-height:44px;border:1px solid #e0e0e0;border-radius:0;background:#f4f4f4}
.evaluation-weight input{min-height:32px;border:1px solid #8d8d8d}
.editor-dialog{border-radius:0}
.editor-dialog .persona-form{border:0;border-top:4px solid #243b64;border-radius:0;box-shadow:0 12px 32px #0003}
.persona-form label,.method-form>label{font-size:12px;font-weight:600;color:#393939}
.persona-form textarea,.method-form textarea,.logs-reader-panel textarea{font-family:"IBM Plex Mono",Consolas,monospace}
.persona-card,.persona-form{padding:20px}
.persona-card h3{font-size:16px}
.persona-card-actions,.persona-form-actions{gap:8px}
.persona-status{color:#243b64}
.table-search{font-size:12px;color:#393939}
.persona-list{border:1px solid #c6c6c6;box-shadow:none}
.records-table{font-size:12px}
.records-table th{background:#e0e0e0;color:#393939}
.records-table td{line-height:1.5}
.record-twisty summary{color:#243b64}
.logs-list-panel,.logs-reader-panel{padding:20px}
.log-file-button{border:1px solid #c6c6c6;border-radius:0;background:#f4f4f4}
.log-file-button:hover,.log-file-button[aria-selected="true"]{background:#eaf0f6;border-color:#243b64}
.analytics-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.analytics-page-heading h1{margin-bottom:7px}
.analytics-intro{max-width:760px;margin:0;font-size:14px}
.analytics-data-label{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #c6c6c6;border-radius:0;background:#fff;color:#393939;font-size:11px;font-weight:600;white-space:nowrap}
.analytics-data-label>span{width:7px;height:7px;border-radius:0;background:#24a148}
.analytics-filters{align-items:end;margin-bottom:0;padding:16px;background:#fff;border:1px solid #c6c6c6;border-radius:0;box-shadow:none}
.analytics-filters label{gap:6px;color:#393939;font-size:12px;font-weight:600}
.analytics-filters select{font:inherit}
.analytics-status{display:flex;align-items:center;min-height:30px;margin:4px 0 12px;color:#525252;font-size:12px}
.analytics-kpis{gap:1px;margin-bottom:16px;border:1px solid #c6c6c6;background:#c6c6c6}
.analytics-kpi{gap:6px;padding:16px;background:#fff;border:0;border-radius:0;box-shadow:none}
.analytics-kpi>span{font-size:12px;font-weight:400;color:#525252}
.analytics-kpi>strong{font-size:26px;font-weight:600;line-height:1.15;letter-spacing:0;color:#243b64}
.analytics-kpi>small{font-size:11px;color:#6f6f6f}
.analytics-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.analytics-card{grid-column:span 6;min-height:100%;padding:20px;border:1px solid #c6c6c6;border-radius:0;box-shadow:none}
.analytics-progress-card{grid-column:span 7}
.analytics-top-card{grid-column:span 5}
.analytics-card-heading{margin-bottom:16px}
.analytics-card-heading .eyebrow{margin-bottom:6px;font-size:10px;color:#525252}
.analytics-card-heading h2{font-size:18px;letter-spacing:0}
.analytics-card-heading p{font-size:12px}
.analytics-table-wrap{border:1px solid #e0e0e0;border-radius:0}
.analytics-table{min-width:0;font-size:12px}
.analytics-table th,.analytics-table td{padding:9px 8px;line-height:1.4}
.analytics-table th{background:#e8e8e8;color:#393939;font-size:10px;letter-spacing:.03em}
.analytics-table th:nth-child(1),.analytics-table td:nth-child(1){width:30px}
.analytics-table th:nth-child(2),.analytics-table td:nth-child(2){width:62px}
.analytics-table th:nth-child(3),.analytics-table td:nth-child(3){width:auto}
.analytics-table th:nth-child(4),.analytics-table td:nth-child(4){width:72px}
.analytics-table th:nth-child(5),.analytics-table td:nth-child(5){width:84px}
.analytics-table tbody tr:nth-child(even){background:#f4f4f4}
.analytics-table-score{color:#243b64}
.analytics-chart svg{min-width:0}
.analytics-gridline{stroke:#e0e0e0}
.analytics-axis-label{fill:#525252;font-family:inherit;font-size:11px}
.analytics-line{stroke:#243b64;stroke-width:2}
.analytics-point{stroke:#243b64}
.analytics-point-label{fill:#1b2e50}
.analytics-bar{height:8px;border-radius:0;background:#e0e0e0}
.analytics-bar>span{border-radius:0;background:#243b64}
.analytics-ranking{gap:14px}
.analytics-empty{color:#525252}
footer{max-width:1480px;color:#6f6f6f}
@media(max-width:1100px){
  .workspace{grid-template-columns:220px minmax(0,1fr)}
  .sidebar{padding-left:0;padding-right:0}
  .brand{margin-left:20px}
  .nav-label{margin-left:20px}
  .nav-item{padding-left:20px;padding-right:16px}
  .sidebar-bottom{padding-left:20px;padding-right:20px}
  .view{padding:28px 24px 40px}
  .analytics-progress-card,.analytics-top-card{grid-column:span 12}
}
@media(max-width:720px){
  .workspace{display:block}
  .sidebar{padding:12px 14px 8px;background:#e0e0e0}
  .brand{margin-left:0;font-size:31px}
  .sidebar nav{display:flex;gap:0;margin:12px -14px 0;padding:0 8px;overflow-x:auto;scrollbar-width:thin}
  .nav-item{flex:0 0 auto;width:auto;min-height:40px;padding:8px 12px;font-size:12px}
  .nav-item.selected{box-shadow:inset 0 -3px #243b64}
  .topbar{position:static;min-height:44px;padding:11px 16px}
  .view{padding:24px 16px 32px}
  .view>h1{font-size:28px}
  .analytics-page-heading{align-items:flex-start;flex-direction:column;margin-bottom:16px}
  .analytics-data-label{display:none}
  .analytics-filters{padding:12px}
  .analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
  .analytics-kpi{padding:12px}
  .analytics-kpi>strong{font-size:22px}
  .analytics-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .analytics-card,.analytics-progress-card,.analytics-top-card{grid-column:1}
  .analytics-card{padding:16px}
  .analytics-chart svg{min-width:560px}
  .feedback-area{padding:18px 14px}
  .session-actions{justify-content:flex-start}
  .history-buttons{gap:8px;flex-wrap:wrap}
  .method-tabs,.settings-tabs{margin:18px 0 14px}
  .method-tab{padding:8px 11px;font-size:12px}
}
.analytics-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;padding-top:12px;border-top:1px solid #e0e0e0}
.analytics-legend-item{display:inline-flex;align-items:center;gap:7px;min-width:0;color:#393939;font-size:12px;line-height:1.4}
.analytics-legend-swatch{width:10px;height:10px;flex:none;border-radius:50%}
.analytics-gridline-vertical{stroke-dasharray:2 4;opacity:.7}
.brand{display:inline-flex;align-items:center;gap:10px;width:max-content;margin:0 20px;text-decoration:none;font-family:inherit;font-style:normal;letter-spacing:normal;color:#243b64}
.brand-mark{display:block;width:42px;height:42px;flex:none}
.brand-copy{display:grid;gap:3px;min-width:0;margin:0;line-height:1.1}
.brand-copy>strong{font-size:20px;font-weight:700;letter-spacing:.08em;color:#243b64}
.brand-copy>span{display:block;margin:0;font-size:8px;font-weight:600;letter-spacing:.08em;line-height:1.25;color:#525252;white-space:nowrap}
.brand.light .brand-copy>strong{color:#fff}
.brand.light .brand-copy>span{color:#dce7f1}
@media(max-width:1100px){.brand{margin-left:20px}}
@media(max-width:720px){.brand{margin:0}.brand-mark{width:36px;height:36px}.brand-copy>strong{font-size:18px}.brand-copy>span{font-size:7px}}
.topic-document-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:7px;margin:7px 0;font-size:12px;overflow-wrap:anywhere}.knowledge-viewer{max-height:70vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9f5;border:1px solid var(--line);border-radius:8px;padding:16px;font:12px/1.6 ui-monospace,Consolas,monospace}
.topic-knowledge-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0 4px}.topic-knowledge-actions a{font-size:13px;color:var(--green-700,#28684a);text-decoration:underline;cursor:pointer}
@media(max-width:720px){.sidebar nav{flex-wrap:nowrap;overflow-x:auto}.nav-item{width:auto;flex:0 0 auto}}
.document-upload-panel{display:flex;align-items:end;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;margin:16px 0}.document-upload-panel label{display:grid;gap:8px;font-size:12px;font-weight:600;flex:1 1 400px}.document-upload-panel input{font-size:12px}.document-name-button{border:0;background:transparent;color:var(--green);font:inherit;font-weight:600;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer;overflow-wrap:anywhere;padding:0}.document-topic-list{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.document-topic-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#eef2ed;border-radius:99px;font-size:11px}.document-topic-chip button{border:0;background:none;color:#9c3636;cursor:pointer;font-size:15px;line-height:1;padding:0}.document-link-controls{display:flex;gap:6px;align-items:center;min-width:230px}.document-link-controls select{max-width:190px;padding:7px;border:1px solid #cdd5cc;border-radius:5px;background:#fff}.attachment-preview-dialog{width:min(1120px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:12px;background:#fff;box-shadow:0 25px 90px #0005;overflow:hidden}.attachment-preview-dialog::backdrop{background:#12231dcc;backdrop-filter:blur(2px)}.attachment-preview-shell{height:min(88dvh,900px);display:flex;flex-direction:column;padding:18px}.attachment-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:12px}.attachment-preview-header h2{margin:0 0 5px;font-size:20px}.attachment-preview-header p{margin:0}.attachment-preview-tools{display:flex;justify-content:center;gap:8px;padding:10px}.attachment-preview-tools button{min-width:42px}.attachment-preview-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;background:#f2f4f1;border:1px solid var(--line);border-radius:8px;padding:14px}.attachment-preview-image{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center}.attachment-preview-pdf{width:100%;height:100%;min-height:65vh;border:0;background:#fff}.attachment-preview-text{align-self:stretch;width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid var(--line);border-radius:5px;padding:16px;font:14px/1.55 ui-monospace,Consolas,monospace}.attachment-preview-status{margin:auto;text-align:center;color:var(--muted)}
@media(max-width:720px){.document-upload-panel{align-items:stretch}.document-upload-panel .primary{width:100%}.document-link-controls{min-width:0;flex-wrap:wrap}.attachment-preview-shell{height:90dvh;padding:10px}.attachment-preview-pdf{min-height:55vh}}
.preview-tool-divider{width:1px;height:28px;background:var(--line);margin:0 4px}.attachment-preview-tools button:disabled{opacity:.4;cursor:not-allowed}.attachment-preview-image{transition:transform .15s ease}
@media(max-width:520px){.attachment-preview-tools{gap:5px;flex-wrap:wrap}.preview-tool-divider{display:none}}
.mobile-app-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px}.mobile-app-panel h2{margin:8px 0;font-size:24px}.mobile-app-panel p{max-width:600px;margin:0}.mobile-app-panel a{flex:0 0 auto;text-decoration:none}@media(max-width:720px){.mobile-app-panel{align-items:stretch;flex-direction:column;padding:17px}.mobile-app-panel a{text-align:center}}
.document-folder-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.document-folder-tools select{flex:1 1 260px;min-width:220px;padding:10px;border:1px solid #cdd5cc;border-radius:6px;background:#fff}.document-folder-controls{display:grid;gap:6px;min-width:150px}.document-folder-controls select{max-width:220px;padding:7px;border:1px solid #cdd5cc;border-radius:5px;background:#fff}.document-folder-tools button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:720px){.document-folder-tools{align-items:stretch}.document-folder-tools select,.document-folder-tools button{width:100%}.document-folder-controls{min-width:120px}}
/* Reviewed conversation playback */
.archive-playback{margin:24px 0;padding:20px;background:#f8faf7;border:1px solid var(--line);border-radius:9px}
.archive-playback h4{margin:0 0 6px}
.training-playback.archive-playback{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.training-playback .playback-heading{font:normal 23px/1.25 Georgia,serif;letter-spacing:-.25px;margin:4px 0 5px;color:var(--ink)}
.playback-help{margin:0 0 13px;max-width:680px}
.playback-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;background:#f7f8f5;border:1px solid var(--line);border-radius:9px}
.playback-controls button{min-height:38px;padding:8px 12px;gap:9px;font-size:12px}
.playback-controls .playback-play{box-shadow:0 2px 5px #153e3522}
.playback-status{margin-left:auto;padding:6px 10px;border-radius:99px;background:#eaf0e7;color:#47624f;font-size:11px;font-weight:600;white-space:nowrap}
.playback-transcript{min-height:260px;max-height:55vh;padding:20px;background:#fff;border:1px solid var(--line);border-radius:9px;scroll-behavior:smooth}
.playback-transcript .message{max-width:95%;margin-bottom:18px}
.playback-transcript .speaker{margin:0 0 6px 2px;color:#6c7871;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.playback-transcript .bubble.playback-good{background:#d5f0dc;color:#173c27;border:1px solid #94cda2;border-left:4px solid #21804a;box-shadow:none}
.playback-transcript .bubble.playback-bad{background:#f8dddd;color:#5c2020;border:1px solid #dfa7a7;border-left:4px solid #b23d3d;box-shadow:none}
.playback-transcript .bubble.playback-improve{background:#fff1bf;color:#4f3e0b;border:1px solid #e5cc75;border-left:4px solid #c3941d;box-shadow:none}
.playback-feedback,.playback-suggestion{max-width:min(92%,600px);font-size:12px;line-height:1.55;padding:10px 13px;margin:7px 0 10px;border:1px solid #e0e5dc;border-left:3px solid #91a28e;border-radius:0 7px 7px 0;background:#f7f8f5;color:#34443b}
.playback-feedback::before,.playback-suggestion::before{display:block;margin-bottom:4px;font-size:9px;line-height:1.2;font-weight:700;letter-spacing:.08em;color:#637266}
.playback-feedback::before{content:'POVRATNA INFORMACIJA'}
.playback-feedback-good{border-left-color:#21804a;background:#f0f8f1}
.playback-feedback-bad{border-left-color:#b23d3d;background:#fbf1f1}
.playback-feedback-improve,.playback-suggestion{border-left-color:#c3941d;background:#fff9e7}
.playback-feedback-neutral{border-left-color:#91a28e}
.playback-suggestion{color:#473a17}
.playback-suggestion::before{content:'BOLJI PREDLOG';color:#876917}
.playback-branch{display:flex;margin:4px 0 18px auto;min-height:34px;padding:7px 11px;border-radius:6px;font-size:11px;gap:8px}
.playback-transcript .message.advisor .playback-branch{margin-left:auto}
@media(max-width:720px){.playback-controls{align-items:stretch;padding:9px}.playback-controls button{flex:1}.playback-status{width:100%;margin:2px 0 0;text-align:center}.playback-transcript{min-height:220px;padding:14px}.playback-feedback,.playback-suggestion{max-width:100%}}
.training-tabs{display:flex;gap:8px;margin:18px 0 14px;border-bottom:1px solid var(--line)}.training-tab{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:11px 16px;font:600 13px Arial,sans-serif;cursor:pointer}.training-tab.selected{border-bottom-color:var(--green);color:var(--ink)}.training-tab[hidden]{display:none}
.evaluation-progress{display:flex;align-items:center;gap:12px;margin:16px 0;padding:14px 16px;border:1px solid #cfdbd0;border-left:4px solid var(--green);border-radius:8px;background:#f1f6f1;color:#294c3d;font-size:13px;font-weight:600;line-height:1.5}.evaluation-progress::before{content:"";width:16px;height:16px;flex:0 0 16px;border:2px solid #c7d5c9;border-top-color:var(--green);border-radius:50%;animation:evaluation-spin .8s linear infinite}@keyframes evaluation-spin{to{transform:rotate(360deg)}}#finish[aria-busy="true"]{opacity:.72;cursor:wait}

/* In-product role and task guide */
.sidebar{overflow-y:auto}
.help-hero{padding:30px 32px;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:28px}
.help-hero h1{font-size:48px;margin-bottom:10px}
.help-hero p{max-width:780px;color:var(--muted);margin-bottom:18px}
.help-shortcuts{display:flex;flex-wrap:wrap;gap:9px}
.help-shortcuts a{padding:9px 12px;border-radius:20px;background:var(--soft);color:var(--green);font-size:12px;font-weight:600;text-decoration:none}
.help-shortcuts a:hover{background:#dce8d8}
.help-block{margin:32px 0}
.help-block>h2{margin-bottom:18px}
.help-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.help-role-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}
.help-role-grid h3{font-size:20px;margin:14px 0 8px}
.help-role-grid p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:0}
.help-role-tag{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#54735f}
.help-detail{background:#fff;border:1px solid var(--line);border-radius:9px;margin:10px 0;padding:0 18px}
.help-detail summary{cursor:pointer;list-style:none;position:relative;padding:17px 28px 17px 0;font-size:13px;font-weight:700;color:var(--green)}
.help-detail summary::-webkit-details-marker{display:none}
.help-detail summary::after{content:'＋';position:absolute;right:2px;top:15px;color:#6c8973;font-size:17px}
.help-detail[open] summary::after{content:'−'}
.help-detail ol,.help-detail ul{padding-left:22px;margin:0 0 15px;font-size:12px;line-height:1.8;color:#495a50}
.help-detail li{padding-left:4px;margin:5px 0}
.help-detail p{font-size:12px;line-height:1.8;color:#495a50;margin:0 0 15px}
.help-detail .fine{color:var(--muted)}
.help-mobile{padding:26px 28px;background:#eef3e9;border-radius:12px}
.help-mobile h2{margin-bottom:12px}
.help-mobile>p{font-size:13px;line-height:1.8;max-width:820px}
.help-mobile ol{padding-left:22px;font-size:13px;line-height:1.85;max-width:850px}
.help-mobile li{padding-left:4px;margin:8px 0}
.help-mobile .fine{font-size:11px;color:#66746a}
.help-footer{padding-top:10px;border-top:1px solid var(--line)}
@media(max-width:1100px){.help-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sidebar nav{overflow-x:auto;max-width:100%;padding-bottom:4px;scrollbar-width:thin}.nav-item{flex:0 0 auto}.help-hero{padding:23px 20px}.help-hero h1{font-size:40px}.help-block{margin:25px 0}.help-role-grid{grid-template-columns:1fr}.help-role-grid article{padding:16px}.help-mobile{padding:22px 18px}}