:root{--bg:#f7f8fb;--surface:#fff;--ink:#232334;--muted:#7a7c8f;--line:#e9eaf1;--purple:#6b4ce6;--purple-soft:#f0ecfe;--green:#218663;--amber:#c78b27;--radius:16px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b8a8fb;outline-offset:3px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1px;line-height:1.25;font-weight:650}h2{font-size:16px;letter-spacing:-.25px;font-weight:650}h3{font-size:14px;font-weight:650}.muted{color:var(--muted)}.small{font-size:12px}.skip-link{position:fixed;left:10px;top:-50px;z-index:100;background:var(--purple);color:#fff;padding:12px}.skip-link:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--surface);border-right:1px solid var(--line);padding:36px 22px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;width:fit-content;margin:0 0 40px 8px}.brand>span{font-weight:750;font-size:36px;letter-spacing:-1.9px;line-height:1}.brand-dot{color:var(--purple)}.workspace-label,.nav-label{color:#9495a6;font-size:10px;font-weight:650;letter-spacing:1.4px}.workspace-label{margin:0 8px 13px}.workspace{display:flex;gap:10px;align-items:center;padding:12px 10px;background:#fafafe;border:1px solid var(--line);border-radius:10px}.workspace-avatar{width:31px;height:33px;background:#eee9fd;color:var(--purple);border-radius:8px;display:grid;place-items:center;font-weight:600}.workspace strong{display:block;font-size:12px}.workspace small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.workspace-chevron{margin-left:auto;color:#aaa}.nav-label{margin:32px 8px 12px}nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:9px;color:#77788b;font-size:12px;font-weight:550}.nav-item.active{background:var(--purple-soft);color:var(--purple)}.nav-item:hover{background:#f5f3fc}.nav-item .nav-count{margin-left:auto;font-size:10px;background:#e4dcfe;padding:2px 6px;border-radius:5px}.sidebar-tip{margin:auto 2px 25px;background:#f8f7fd;padding:18px 15px;border-radius:12px;position:relative}.tip-star{display:block;color:#a08ae9;font-size:24px;margin-bottom:10px}.sidebar-tip strong{font-size:12px;line-height:1.7;font-weight:600}.sidebar-tip p{font-size:11px;line-height:1.7;color:#8a879e;margin-top:7px}.local-indicator{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin:0 5px;font-size:11px}.local-indicator small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.version{margin-left:auto;color:#a2a3af;font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--purple)}.dot.green{background:#43a885}.app-shell{margin-left:238px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:79px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 42px;background:#fff}.breadcrumb{display:flex;gap:13px;font-size:12px;color:#9695a6}.breadcrumb span{color:#d4d3dc}.breadcrumb strong{font-weight:500;color:#555565}.topbar-right{display:flex;align-items:center;gap:20px}.prototype-badge{font-size:9px;letter-spacing:1.3px;color:#9994ad;border:1px solid #e9e6f1;padding:6px 9px;border-radius:5px}.avatar{width:32px;height:32px;border-radius:50%;background:#ede8fc;color:var(--purple);display:grid;place-items:center;font-size:12px;font-weight:600}main{padding:37px 42px 34px;max-width:1600px;width:100%;margin:0 auto;flex:1}main:focus{outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--purple);font-weight:650;margin-bottom:9px}.page-heading p{color:var(--muted);font-size:12px;margin-top:9px;line-height:1.6}.heading-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.source-select{border:1px solid var(--line);border-radius:9px;background:white;padding:10px 30px 10px 12px;color:#6e6c81;font-size:11px;max-width:220px}.source-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#9286b0;margin:0 0 19px}.source-note.real{color:var(--green)}
.button{border:1px solid transparent;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:var(--purple);color:#fff;transition:background .15s,transform .15s}.button:hover{background:#5b3ad6}.button:active{transform:translateY(1px)}.button.secondary{background:white;color:#68657e;border-color:#e5e3ee}.button.secondary:hover{background:#f8f6ff;border-color:#cfc4f1}.button.ghost{background:transparent;color:var(--purple);padding:6px 0}.button.ghost:hover{color:#4828b9}.button.danger{background:#bb5264;color:#fff}.button.small{font-size:11px;padding:8px 12px}.button.full{width:100%}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:#9490a5;padding:7px;border-radius:6px}.icon-button:hover{background:#f2eff9}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.intro-card{background:linear-gradient(110deg,#f0ebff 0%,#f7f3ff 54%,#efefff 100%);border:1px solid #e9e2fc;border-radius:var(--radius);padding:27px 29px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px;overflow:hidden;position:relative}.intro-card h2{font-size:21px;letter-spacing:-.6px;line-height:1.4;color:#3e3264}.intro-card p{color:#8b7ba4;font-size:12px;line-height:1.7;max-width:450px;margin:8px 0 18px}.intro-art{width:230px;min-width:170px;display:flex;align-items:center;justify-content:center;gap:13px;position:relative}.art-node{display:grid;place-items:center;background:#fff;width:52px;height:58px;border:1px solid #e4dcf9;border-radius:12px;color:#947cdc;box-shadow:0 5px 15px #6d52a108}.art-node.middle{height:76px;width:68px;color:#fff;background:#8263df;box-shadow:0 10px 30px #a18ad456}.art-line{width:15px;height:1px;background:#c6b8ef}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat-card{border:1px solid var(--line);border-radius:13px;background:white;padding:19px 20px}.stat-label{color:#858195;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-icon{color:#aaa2bd}.stat-value{font-size:28px;font-weight:600;letter-spacing:-1px;margin:11px 0 7px}.stat-note{font-size:10px;color:#9c98aa;line-height:1.5}.stat-value .unit{font-size:15px;color:var(--muted)}.grid-main{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(265px,1fr);gap:22px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 23px 0}.panel-head p{font-size:11px;color:#9994a7;margin-top:6px;line-height:1.5}.panel-body{padding:22px 23px}.tag{display:inline-flex;align-items:center;gap:6px;font-size:9px;padding:5px 8px;border-radius:5px;background:#f1edfc;color:#8a72c2;white-space:nowrap}.tag.green{color:var(--green);background:#eaf7f1}.tag.amber{background:#fbf2df;color:#b58a35}.tag.gray{background:#f1f2f6;color:#89899b}.flow-track{display:flex;align-items:center;overflow:auto;padding:25px 3px 24px;min-height:150px}.flow-item{display:flex;flex-direction:column;align-items:center;width:105px;min-width:88px;text-align:center}.flow-node{display:grid;place-items:center;border:1px solid #e4def7;background:#f6f3fe;width:44px;height:44px;border-radius:12px;color:#947cd1;margin-bottom:10px}.flow-item.highlight .flow-node{background:#fff7e9;border-color:#edd5a6;color:#c7953b}.flow-item strong{font-size:10px;font-weight:550;line-height:1.5;max-width:100px;min-height:30px}.flow-edge{height:60px;flex:1;min-width:15px;align-self:center;position:relative;color:#c7bfd9;border-top:1px solid #dcd5ed;margin-top:12px}.flow-edge:after{content:'›';position:absolute;right:-3px;top:-11px;font-size:19px;color:#c8bddf}.flow-edge span{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:#9990ac}.flow-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;border-top:1px dashed var(--line);font-size:10px;color:#9b94aa}.flow-caption span{display:flex;align-items:center;gap:6px}.flow-caption .dot{width:5px;height:5px;background:#c7a057}.insight-item{display:flex;gap:11px;padding:16px 0;border-bottom:1px solid #f1eff6}.insight-item:first-child{padding-top:0}.insight-item:last-child{border-bottom:0;padding-bottom:0}.insight-symbol{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:9px;background:#faf2e2;color:#c6a05c}.insight-symbol.purple{background:#f1edfc;color:#a08acb}.insight-symbol.green{background:#edf7f2;color:#6caa8c}.insight-item strong{font-size:11px;font-weight:600;line-height:1.5}.insight-item p{font-size:10px;color:#9b95aa;line-height:1.65;margin-top:5px}.insight-footer{padding-top:15px;font-size:9px;color:#aaa4b8}.session-table{width:100%;border-collapse:collapse;font-size:11px}.session-table th{text-align:left;color:#a29aac;font-size:9px;letter-spacing:.6px;text-transform:uppercase;font-weight:500;padding:13px 22px;border-bottom:1px solid var(--line);background:#fcfbfe}.session-table td{padding:15px 22px;border-bottom:1px solid #f0eef5;vertical-align:middle}.session-table tr:last-child td{border-bottom:0}.session-table td strong{font-size:11px;font-weight:550;display:block}.session-table td small{font-size:10px;color:#a19aaa;display:block;margin-top:5px}.table-scroll{overflow:auto}.row-session{cursor:pointer}.row-session:hover td{background:#fcfaff}.task-icon{display:inline-grid;place-items:center;width:30px;height:32px;border-radius:8px;background:#f3effc;color:#9f8ac6;float:left;margin-right:10px}.applications-inline{display:flex;gap:4px}.app-initial{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;background:#eff3f5;color:#7c8c96;font-size:9px;font-weight:600}.app-footer{padding:10px 42px 23px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2px;color:#aaa6b5}.table-head{padding-bottom:19px}.table-head .button{font-size:10px}
.capture-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:24px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:flex;flex-direction:column;gap:8px}.field.wide{grid-column:1/-1}.field label{font-size:11px;font-weight:550;color:#686173}.field input,.field select,.field textarea,.search-input{border:1px solid #e3dfeb;background:white;border-radius:8px;padding:11px 12px;width:100%;color:#51495f;font-size:12px;min-width:0}.field input::placeholder,.field textarea::placeholder,.search-input::placeholder{color:#b2aaba}.field small{font-size:10px;color:#a096ae;line-height:1.6}.section-label{font-size:11px;font-weight:600;margin:24px 0 12px;color:#6f657c}.app-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.app-option{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #e8e2ef;border-radius:9px;font-size:11px;color:#82758f}.app-option:has(input:checked){background:#faf7ff;border-color:#dacdf5;color:#79638c}.app-option input{accent-color:var(--purple)}.app-option .dot{width:6px;height:6px}.form-actions{padding-top:23px;margin-top:23px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.form-actions small{font-size:10px;color:#a093b0;line-height:1.7}.privacy-card{padding:24px}.privacy-card h2{margin:15px 0 12px}.privacy-icon{width:43px;height:43px;border-radius:12px;background:#eef7f2;display:grid;place-items:center;color:#63a085}.privacy-list{list-style:none;padding:0;margin:0}.privacy-list li{font-size:11px;line-height:1.6;color:#8c809b;padding:8px 0;display:flex;gap:9px}.privacy-list li svg{color:#8bac9f;margin-top:2px}.info-note{font-size:10px;line-height:1.8;color:#a194ad;border-top:1px solid var(--line);padding-top:17px;margin-top:16px}.steps-card{padding:23px;margin-top:20px;background:#f1edf9;border:1px solid #e8e0f6;border-radius:14px}.steps-card h3{color:#7c6397;margin-bottom:13px}.steps-card p{font-size:11px;line-height:2;color:#9986ac}.recording-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 42px;background:#f0eafc;border-bottom:1px solid #e3d8f5;color:#80609e;font-size:11px}.recording-strip>div{display:flex;align-items:center;gap:10px}.recording-strip.paused{background:#fff8e9;border-color:#ede0bc;color:#9c8350}.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.live-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.live-metric{padding:17px;background:#faf8fe;border:1px solid #eee8f7;border-radius:11px}.live-metric small{font-size:10px;color:#9c8cad;display:block}.live-metric strong{display:block;font-size:23px;margin-top:9px;font-weight:550;letter-spacing:-.6px}.current-stage{border:1px dashed #d9ccee;border-radius:12px;padding:19px;margin-bottom:20px}.current-stage .eyebrow{font-size:9px;margin-bottom:7px}.current-stage strong{font-size:18px;color:#77628b}.stage-quick{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 22px}.stage-quick button{border:1px solid #e6ddef;background:#fff;color:#9680a5;font-size:10px;padding:8px 10px;border-radius:7px}.stage-quick button:hover{background:#f3edfc}.inline-form{display:flex;gap:10px;align-items:end;margin-bottom:25px}.inline-form .field{flex:1}.warning{background:#fff8e9;border:1px solid #f1e1b7;border-radius:9px;padding:12px 14px;font-size:11px;line-height:1.7;color:#ac8b4f;margin-bottom:18px}.success-line{display:flex;align-items:center;gap:7px;color:#69977e;font-size:10px;margin-top:15px}
.upload-panel{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;background:#fcfbff;border:1px dashed #dcd1ee;border-radius:12px}.upload-panel h3{font-size:12px;margin-bottom:7px}.upload-panel p{font-size:10px;color:#a090ac;line-height:1.7}.upload-panel code{font-size:10px;color:#9279a6}.full-panel{margin-bottom:23px}.variant-list{list-style:none;margin:0;padding:0}.variant-list li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.variant-list li:last-child{border:0}.variant-rank{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f5f0fc;color:#a48eb7;flex-shrink:0;font-size:11px}.variant-description{flex:1;min-width:0}.variant-description strong{font-size:11px;font-weight:500;line-height:1.8}.variant-description p{font-size:10px;color:#a394af;margin-top:3px}.variant-bar{height:4px;width:85px;background:#f1ecf7;border-radius:4px;overflow:hidden}.variant-bar span{display:block;height:100%;background:#b8a5dc;border-radius:4px}.variant-count{font-size:11px;color:#a093ae;min-width:42px;text-align:right}.method-note{font-size:10px;color:#aa9ab4;line-height:1.8;margin:14px 0 0}.searchbar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.search-input{max-width:340px}.empty-state{padding:55px 25px;text-align:center}.empty-symbol{width:57px;height:57px;display:grid;place-items:center;margin:0 auto 19px;background:#f3eefb;border-radius:16px;color:#b3a0cd}.empty-state h3{margin-bottom:9px;color:#8d7b9d;font-size:14px}.empty-state p{font-size:11px;color:#ac9cb8;line-height:1.9;max-width:350px;margin:0 auto 20px}.loading-state{padding:100px 20px;text-align:center;font-size:12px;color:#9c8fac}.spinner{width:26px;height:26px;border:2px solid #e6def3;border-top-color:#9c80cb;border-radius:50%;margin:0 auto 18px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:26px;left:calc(50% + 119px);transform:translateX(-50%);background:#49345e;color:#fff;padding:14px 22px;border-radius:10px;box-shadow:0 10px 35px #46305a20;font-size:12px;z-index:100;max-width:calc(100vw - 40px);line-height:1.6}.toast.error{background:#974356}
dialog{border:1px solid #e5dcef;border-radius:18px;width:min(850px,calc(100vw - 40px));max-height:88vh;padding:28px;color:var(--ink);box-shadow:0 25px 90px #38234728}dialog::backdrop{background:#25183255;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head h2{font-size:20px;margin-bottom:7px}.dialog-head p{color:#a28bae;font-size:11px;line-height:1.7}.dialog-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:23px}.timeline-bar{display:flex;min-height:17px;border-radius:5px;overflow:hidden;margin:15px 0}.timeline-bar span{min-width:1px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:#a08aac;margin-bottom:20px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:2px}.session-section{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.notes-area{width:100%;min-height:100px;border:1px solid #e5dced;border-radius:9px;padding:13px;font-size:12px;line-height:1.8;margin:13px 0;color:#7a648a;resize:vertical}.app-bars{display:flex;flex-direction:column;gap:14px;margin-top:16px}.app-bar-label{display:flex;justify-content:space-between;font-size:11px;color:#a08aac;margin-bottom:7px}.app-bar{height:6px;background:#f2edf8;border-radius:4px;overflow:hidden}.app-bar>span{display:block;height:100%;border-radius:4px}.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}#confirm-dialog{width:410px}#confirm-dialog>p{font-size:12px;line-height:1.8;color:#a28bae;margin-bottom:25px}.report-heading{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:25px}.report-heading h1{margin-bottom:10px}.report-heading p{line-height:1.8;font-size:12px;color:#8d779c}.report-insight{padding:15px 0;border-bottom:1px solid var(--line)}.report-insight p{font-size:12px;line-height:1.8;margin-top:7px;color:#8d779c}.report-footnote{font-size:10px;line-height:1.8;color:#ab96b9;margin-top:25px}
.analysis-source{display:flex;align-items:center;gap:12px;margin:-3px 0 24px;flex-wrap:wrap;font-size:11px;color:#8d809e}.analysis-source>span{font-size:10px;color:#aa98b8}.analysis-source .source-select{max-width:260px}.capture-options{margin:20px 0;border:1px solid #e9e1f2;border-radius:10px;padding:14px}.capture-options summary{font-size:11px;color:#8c739e;cursor:pointer}.capture-options .app-options{margin-top:16px}.capture-options .field{margin-top:14px}.capture-options .inline-form{margin-bottom:0}.title-option{margin:18px 0 5px}.capture-counters{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#a18bae;margin:-7px 0 23px}.quality-warning{color:#b58842}.export-links{display:flex;gap:22px;margin:-5px 0 21px;color:#9b7bb6;font-size:11px}.export-links a{display:flex;align-items:center;gap:6px}.event-table{min-width:680px}.event-table td{max-width:235px;overflow-wrap:anywhere}.event-table td:nth-child(3),.event-table th:nth-child(3){display:table-cell!important}.event-table td{font-size:10px}.event-table td small{font-size:9px}.sidebar-tip{padding-top:12px;padding-bottom:12px}.sidebar-tip .tip-star{margin-bottom:5px}
@media(min-width:1450px){.flow-item{width:120px;min-width:105px}.intro-card{padding:32px}.intro-art{margin-right:55px}}
@media(max-width:1180px){.sidebar{width:205px;padding:28px 15px 18px}.app-shell{margin-left:205px}.topbar{padding:0 27px}main{padding:30px 27px}.grid-main{grid-template-columns:1fr}.grid-main>.panel:last-child .panel-body{display:flex;gap:20px}.insight-item{border:0;flex:1;padding:0}.insight-item .insight-symbol{display:none}.insight-footer{display:none}.page-heading{align-items:start}.heading-actions{flex-direction:column;align-items:end}.capture-grid{grid-template-columns:minmax(0,1.45fr) minmax(240px,1fr);gap:18px}.stat-card{padding:17px 15px}.stat-label{font-size:10px}.stat-value{font-size:25px}.toast{left:calc(50% + 102px)}.recording-strip{padding:13px 27px}.app-footer{padding:10px 27px 23px}.session-table td,.session-table th{padding-left:16px;padding-right:16px}}
@media(max-width:900px){.sidebar{width:75px;padding:27px 12px 18px;align-items:center}.brand{margin:0 0 35px}.brand>span,.workspace-label,.workspace,.nav-label,.sidebar-tip,.local-indicator,.nav-item span{display:none}nav{gap:13px}.nav-item{padding:13px}.app-shell{margin-left:75px}.topbar{height:65px}.page-heading h1{font-size:25px}.stats-grid{gap:10px}.stat-icon{display:none}.capture-grid{grid-template-columns:1fr}.capture-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.steps-card{margin:0}.toast{left:calc(50% + 37px)}.session-table th:nth-child(3),.session-table td:nth-child(3){display:none}}
@media(max-width:600px){.sidebar{inset:auto 0 0;width:100%;height:65px;padding:7px 12px;border-right:0;border-top:1px solid var(--line);background:#fff}.brand{display:none}nav{width:100%;flex-direction:row;justify-content:space-around;gap:2px}.nav-item{padding:9px 10px;display:flex;flex-direction:column;gap:5px;border-radius:7px}.nav-item span:not(.nav-count){display:block;font-size:8px;white-space:nowrap}.nav-item .nav-count{display:none}.app-shell{margin-left:0;margin-bottom:65px}.topbar{height:59px;padding:0 20px}.topbar-right{gap:12px}.breadcrumb{font-size:10px;gap:8px}main{padding:25px 18px}.page-heading{flex-direction:column;gap:17px;margin-bottom:20px}.page-heading h1{font-size:25px}.heading-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.heading-actions .button{font-size:11px}.source-select{max-width:190px}.intro-card{padding:24px}.intro-card h2{font-size:20px}.intro-art{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.stat-card{padding:16px}.stat-value{font-size:26px}.stat-label{font-size:10px}.stat-note{font-size:9px}.grid-main{gap:18px}.grid-main>.panel:last-child .panel-body{flex-direction:column;gap:17px}.insight-item .insight-symbol{display:grid}.panel-head{padding:20px 18px 0}.panel-body{padding:19px 18px}.panel-head p{font-size:10px}.flow-track{margin:0 -5px}.flow-caption{font-size:9px}.flow-caption>span:last-child{display:none}.session-table{min-width:520px}.app-footer{font-size:8px;padding:10px 18px 18px}.app-footer span:last-child{display:none}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.capture-aside{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.form-actions .button{width:100%}.recording-strip{padding:12px 18px;font-size:10px}.recording-strip .button{font-size:10px;padding:7px 10px}.recording-strip .recording-meta{display:none}.upload-panel{align-items:start;flex-direction:column}.upload-panel .button-row{width:100%}.variant-list li{gap:10px}.variant-bar{display:none}.variant-description strong{font-size:10px}.live-metrics{gap:8px}.live-metric{padding:13px 9px}.live-metric strong{font-size:21px}.live-metric small{font-size:8px}.inline-form{flex-wrap:wrap}.dialog-stats{gap:8px}dialog{padding:22px 18px}.dialog-actions{flex-wrap:wrap}.toast{bottom:80px;left:50%;width:calc(100% - 36px)}.searchbar{flex-wrap:wrap}.search-input{max-width:none}.dialog-head h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{body{background:white}.sidebar,.topbar,#recording-banner,.app-footer,#content,.toast,.no-print{display:none!important}.app-shell{margin:0}dialog{position:static!important;max-height:none!important;width:100%!important;border:0!important;box-shadow:none!important;margin:0!important;padding:10px!important;overflow:visible!important}dialog::backdrop{background:none}.panel{break-inside:avoid}.report-heading h1{font-size:25px}.stat-card,.report-insight{break-inside:avoid}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-value{font-size:23px}.flow-track{overflow:visible}.report-footnote{color:#666}}
.capture-summary{margin-bottom:23px;border-color:#d9cef0;background:linear-gradient(115deg,#fff,#f8f5ff)}.capture-summary .panel-head{align-items:center;gap:16px}.capture-summary .eyebrow{margin-bottom:8px}.capture-summary h2{font-size:22px;line-height:1.4;color:#674a91}.capture-summary .panel-body>p{font-size:12px;line-height:1.8;color:#867397;max-width:680px;margin-bottom:18px}.source-note:has([data-action="show-real"]){flex-wrap:wrap;gap:10px}.source-note [data-action="show-real"]{margin-left:auto}.session-section+.app-bars{margin-top:22px}@media(max-width:600px){.capture-summary h2{font-size:19px}.capture-summary .button-row{flex-wrap:wrap}.source-note [data-action="show-real"]{margin-left:0}}
[hidden]{display:none!important}

.login-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
}
.login-panel { width: min(100%, 420px); }
.login-panel .button { margin-top: 18px; }
.login-error { margin-top: 12px; color: #974356; }

/* Mapa de atividades e estrutura organizacional. */
/* Relatórios observacionais. */
.report-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 22px;padding:5px;background:#eee9f7;border-radius:11px;width:fit-content}.report-tabs button{border:0;background:transparent;padding:11px 18px;border-radius:8px;color:#877699;font-size:12px;font-weight:550}.report-tabs button[aria-pressed="true"]{background:#fff;color:#624494;box-shadow:0 2px 7px #4025600e}.report-tabs button:hover{color:#5d378c}
.report-result-head{display:flex;gap:18px;justify-content:space-between;align-items:center;margin:25px 0 22px}.report-result-head h2{font-size:18px;margin-top:8px;line-height:1.6}.report-result-head p{font-size:11px;line-height:1.7;margin-top:6px;color:#9a87a8}.report-result-head .button-row{flex-wrap:wrap}.report-result-head .eyebrow{font-size:9px}
#operation-report-body>.panel{margin-bottom:22px}.report-main-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px;margin-bottom:22px}.report-main-grid>.panel{min-width:0;overflow:hidden}.operation-chart{width:100%;display:block;padding:6px 18px 0;font-family:Inter,"Segoe UI",Arial,sans-serif}.operation-chart text{fill:#9b89aa;font-size:10px}.report-chart-empty{display:grid;place-items:center;min-height:190px;padding:20px;color:#a08ead;font-size:12px}
.report-composition{padding:12px 25px 22px}.report-category-bar{height:20px;display:flex;overflow:hidden;border-radius:7px;margin:8px 0 21px;background:#f5f1fa}.report-category-bar>span{height:100%;min-width:0}.report-categories{display:grid;gap:13px}.report-categories>div{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;font-size:11px;color:#8f7b9f}.report-categories strong{color:#544063;font-size:12px}.report-categories small{font-size:10px;min-width:42px;text-align:right}
.report-data-table{min-width:760px;width:100%;font-size:11px}.report-data-table th{font-size:9px;white-space:nowrap}.report-data-table td{font-size:11px}.report-data-table th:nth-child(3),.report-data-table td:nth-child(3){display:table-cell!important}.report-data-table td strong{font-size:11px}.report-data-table td small{display:block;font-size:9px;margin-top:5px;color:#9c8aa9;line-height:1.5}.report-data-table .report-numeric{white-space:nowrap}.report-entity-button{background:none;border:0;padding:0;text-align:left;color:#72518f;line-height:1.5}.report-entity-button:hover strong{text-decoration:underline}
.report-quality{display:flex;align-items:start;gap:12px;border:1px solid #e9e1f3;border-radius:10px;padding:17px 20px;margin:20px 0;font-size:11px;color:#9b88a9;line-height:1.8}.report-quality strong{color:#7a648c;white-space:nowrap}.report-caption{padding:15px 25px;color:#9a86a9;font-size:10px;line-height:1.7}.report-no-records{padding:18px 23px;font-size:11px;color:#8c789d}.report-no-records summary{cursor:pointer;color:#79628b}.report-no-records p{line-height:1.9;margin-top:13px}.report-no-records small{display:block;line-height:1.8;margin-top:9px}
.report-comparison-periods{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 23px}.report-comparison-periods>div{padding:21px 25px;border:1px solid #e5ddf0;border-radius:12px;background:#fff}.report-comparison-periods span{display:block;font-size:11px;color:#9b88a9;margin-bottom:9px}.report-comparison-periods strong{font-size:16px;color:#715486}.report-app-bars{padding:0 25px 20px}.report-app-bars>div{display:grid;grid-template-columns:minmax(130px,1fr) 2fr 90px;align-items:center;gap:18px;padding:10px 0;font-size:11px;color:#8f7b9e}.report-app-bars>div>div{height:7px;background:#f2edf9;border-radius:8px;overflow:hidden}.report-app-bars i{display:block;height:100%;background:#a38cdd;border-radius:8px}.report-app-bars strong{font-size:11px;color:#80678e;text-align:right}
.sidebar{overflow-y:auto}.sidebar .brand,.sidebar .workspace,.sidebar .workspace-label,.sidebar .nav-label,.sidebar nav,.sidebar .sidebar-tip,.sidebar .local-indicator{flex-shrink:0}
@media(min-width:901px) and (max-height:870px){.sidebar-tip{display:none}.sidebar .brand{margin-bottom:25px}.sidebar .local-indicator{margin-top:22px}.sidebar .nav-label{margin-top:24px}}
@media(max-width:1180px){.report-main-grid{grid-template-columns:1fr}.report-result-head{align-items:start;flex-direction:column}.report-categories{grid-template-columns:1fr 1fr 1fr}.report-categories>div{display:flex;flex-direction:column;align-items:start;gap:7px}}
@media(max-width:600px){.report-tabs{flex-wrap:nowrap;max-width:100%;overflow:auto;width:100%}.report-tabs button{white-space:nowrap;padding:10px 13px;font-size:11px}.report-comparison-periods{grid-template-columns:1fr}.report-quality{flex-direction:column;gap:4px}.report-app-bars>div{grid-template-columns:100px 1fr 70px;gap:10px}.report-categories{grid-template-columns:1fr}.report-categories>div{display:grid;grid-template-columns:1fr auto auto;gap:8px}.report-result-head .button-row{gap:8px}.report-result-head .button{font-size:11px}.sidebar{overflow-y:visible}}
@media print{.report-main-grid{grid-template-columns:1fr}.report-tabs,.report-result-head{display:none!important}.report-data-table{min-width:0!important;table-layout:auto}.report-data-table td,.report-data-table th{font-size:8px;padding:7px 5px!important;overflow-wrap:anywhere;white-space:normal}.report-quality{font-size:9px;break-inside:avoid}.report-main-grid .panel,.report-comparison-periods{break-inside:avoid}.operation-chart{max-height:230px}.report-entity-button{color:#333}.report-categories{grid-template-columns:repeat(3,1fr)}}
.map-process-bars{padding:0 25px 22px}.map-process-bars>div{display:grid;grid-template-columns:minmax(120px,1fr) 2fr 85px 95px;gap:15px;align-items:center;padding:10px 0;font-size:11px}.map-process-bars>div>div{height:8px;border-radius:8px;background:#f0ebfa;overflow:hidden}.map-process-bars i{display:block;height:100%;background:#9580d8;border-radius:8px}.map-process-bars small{font-size:10px;color:#9c89ab}
.map-filter-panel{margin-bottom:22px}.map-filter-panel .panel-body{padding:22px 25px}
.map-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 18px}
.map-field{display:flex;min-width:0;flex-direction:column;gap:8px;font-size:11px;color:#6f657f;font-weight:600}
.map-field input,.map-field select{width:100%;min-width:0;min-height:39px;border:1px solid #dedbe8;border-radius:8px;padding:9px 10px;color:#353047;background:#fff;font-size:12px;font-weight:400}
.map-filter-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:20px;font-size:11px;color:#70599a}.map-filter-actions>a{margin-right:auto}
.map-check{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:400;color:#736782}.map-check input{accent-color:#6b4ce6}
.map-advanced{margin-top:18px;border-top:1px solid #ece8f2;padding-top:15px}.map-advanced summary{cursor:pointer;font-size:11px;color:#70599a}.map-advanced .map-filter-grid{margin-top:16px}
.map-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.map-stats>div{background:#fff;border:1px solid #e6e3ef;border-radius:13px;padding:20px 23px}.map-stats strong{display:block;font-size:27px;color:#44345f;letter-spacing:-.8px}.map-stats span{display:block;margin-top:6px;font-size:11px;color:#8a7a9a}
.network-panel{overflow:hidden;margin-bottom:23px}.map-panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 25px}.map-panel-head p{margin-top:6px;font-size:11px;color:#8d7b9f;line-height:1.7}.map-panel-head .button-row{flex-wrap:wrap}
.map-legend{display:flex;gap:15px;flex-wrap:wrap;padding:0 25px 16px;font-size:10px;color:#786a86}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i,.map-text-button i{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}
.map-canvas{position:relative;background:white;border-top:1px solid #f0edf5;overflow:hidden}.map-svg-host{width:100%;min-height:380px}.activity-svg{display:block;width:100%;height:auto;min-height:380px;max-height:760px;touch-action:none;cursor:grab;user-select:none}.activity-svg:active{cursor:grabbing}
.map-tools{position:absolute;left:19px;bottom:18px;display:flex;gap:5px;padding:5px;background:#fff;border:1px solid #e8e2f1;border-radius:10px;box-shadow:0 3px 12px #33204f0c}.map-tools button{width:33px;height:33px;border:0;border-radius:6px;background:#f5f1fc;color:#69508c;font-size:22px}.map-tools button:hover{background:#e8defa}
.map-gesture-hint{position:absolute;right:20px;bottom:24px;font-size:10px;color:#9a8aa8;pointer-events:none}.map-method{padding:15px 25px;border-top:1px solid #f0edf5;font-size:10px;line-height:1.7;color:#8d7b9f}.map-limit-note{padding:9px 25px;background:#faf6ea;color:#96702c;font-size:11px}
.map-node-detail{position:absolute;top:16px;right:16px;width:260px;max-height:calc(100% - 85px);overflow:auto;background:#fffffff5;border:1px solid #e4d9f3;border-radius:13px;padding:23px 19px;box-shadow:0 7px 30px #38254f17}.map-node-detail .eyebrow{font-size:8px}.map-node-detail h3{font-size:13px;line-height:1.6;margin:9px 10px 14px 0;overflow-wrap:anywhere}.map-node-detail h4{font-size:10px;margin:18px 0 9px;color:#82718f}.map-node-detail dl{margin:0}.map-node-detail dl>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f0eaf6;font-size:10px}.map-node-detail dt{color:#887594}.map-node-detail dd{margin:0;font-weight:600}.map-detail-close{position:absolute;right:10px;top:8px;background:transparent;border:0;color:#83728d;font-size:22px}
.map-neighbor{width:100%;display:flex;gap:9px;align-items:center;justify-content:space-between;text-align:left;border:0;background:#f8f5fc;border-radius:6px;margin:5px 0;padding:9px;color:#685278;font-size:10px}.map-node-detail [data-session]{display:block;font-size:10px;text-align:left}
.map-functions{margin-bottom:18px;overflow:hidden}.map-functions .event-table{min-width:920px}.map-functions .event-table th{white-space:nowrap;font-size:9px}.map-functions .event-table td{font-size:11px}.map-text-button{border:0;background:none;display:flex;gap:8px;align-items:center;text-align:left;color:#67507d;font-size:11px;line-height:1.6;cursor:pointer;padding:0}
.network-panel:fullscreen{background:#fff;overflow:auto;display:flex;flex-direction:column}.network-panel:fullscreen .map-canvas{flex:1;min-height:0;display:grid;align-items:center}.network-panel:fullscreen .activity-svg{height:calc(100vh - 200px);max-height:none;width:100%}
.org-client-row{display:flex;gap:22px;align-items:end;flex-wrap:wrap}.org-client-row>.map-field{min-width:220px;flex:1}.org-new-client{flex:2}.org-new-client fieldset{display:flex;align-items:end;gap:12px}.org-new-client .map-field{flex:1}.org-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.org-grid .panel-body{padding-top:0}.org-grid .map-panel-head{padding-bottom:16px}
#organization-body fieldset{border:0;padding:0;margin:0;min-width:0}#organization-body fieldset:disabled{opacity:.65}.org-grid fieldset{display:flex;flex-direction:column;gap:13px}.org-grid fieldset .button{align-self:start}.org-items{list-style:none;margin:0 0 18px;padding:0;max-height:210px;overflow:auto;font-size:11px}.org-items li{padding:10px 0;border-bottom:1px solid #efeaf5;line-height:1.6}.org-items li small{display:block;font-size:10px;color:#9582a3}.org-binding-fields{grid-template-columns:repeat(3,1fr);padding:0 25px 20px}.org-binding-footer{padding:20px 25px;display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap}#organization-body>.panel{margin-bottom:20px}.org-binding-footer .map-check{max-width:440px;line-height:1.7}
@media(max-width:1100px){.map-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-grid{grid-template-columns:1fr}.map-panel-head{align-items:start;flex-direction:column}.org-binding-fields{grid-template-columns:1fr}.map-stats>div{padding:17px}.map-stats strong{font-size:23px}}
@media(max-width:600px){.map-filter-grid{grid-template-columns:1fr}.map-filter-actions>a{width:100%;order:4}.map-stats{grid-template-columns:1fr 1fr;gap:10px}.map-filter-panel .panel-body,.map-panel-head{padding:18px}.map-node-detail{position:relative;top:auto;right:auto;width:auto;margin:12px;max-height:400px}.map-gesture-hint{display:none}.map-svg-host{overflow:hidden}.activity-svg{min-width:600px;min-height:350px;transform-origin:left top}.map-canvas{overflow:auto}.map-method,.map-legend{padding-left:18px;padding-right:18px}.org-client-row{flex-direction:column;align-items:stretch}.org-new-client fieldset{flex-direction:column;align-items:stretch}.sidebar nav{overflow-x:auto;justify-content:flex-start}.sidebar .nav-item{min-width:67px}}
@media print{.activity-svg{width:100%;min-height:0;max-height:none}.map-stats>div{padding:12px}.map-stats strong{font-size:20px}.map-functions .table-scroll,.table-scroll{overflow:visible}.map-text-button{color:#333}.map-node{cursor:default}}

.workstation-panel { padding: 24px; }
.workstation-panel > p { color: var(--muted, #746f83); line-height: 1.6; }
.workstation-detail { margin-top: 28px; }
.workstation-inventory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 20px 0 30px; }
.workstation-inventory > div { padding: 16px; border: 1px solid #ece8f3; border-radius: 12px; }
.workstation-inventory dt { color: #746f83; font-size: 12px; margin-bottom: 8px; }
.workstation-inventory dd { margin: 0; overflow-wrap: anywhere; }
.workstation-inventory small { display: block; color: #746f83; margin-top: 6px; }
@media (max-width: 760px) { .workstation-inventory { grid-template-columns: 1fr; } }