/* App prototype presentation layer. Existing fields and business handlers are preserved. */
:root{--bg:#f3f6f7;--panel:#fff;--fill:#edf1f3;--b:#182b32;--m:#6c7b82;--l:#e4eaed;--brand:#0f6b78;--brand-soft:#e8f4f5;--shadow:0 2px 5px #142f3b04;--app-safe-top:28px;--app-nav:76px}
body{background:#e8edef;color:var(--b);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
.page{padding:24px}.phone{width:390px;height:844px;max-height:calc(100dvh - 48px);border:1px solid #d4dee2;border-radius:36px;background:var(--bg);box-shadow:0 24px 70px #233a4929;isolation:isolate}
.phone::before{top:5px;left:26px;font-size:12px;font-weight:600;z-index:12}.fluent-status-icons{top:9px;right:25px;z-index:12}.phone::after{content:"";display:block;position:absolute;inset:0 0 auto;height:var(--app-safe-top);background:var(--bg);z-index:11;pointer-events:none}
.screen{position:absolute;top:var(--app-safe-top);right:0;bottom:var(--app-nav);left:0;height:auto;margin:0;padding:0 20px 28px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;background:var(--bg)}
.phone.hide-bottom .screen{bottom:0;padding-bottom:24px}.view{min-height:100%}.view>.app-head{position:sticky;top:0;z-index:4;min-height:60px;margin:0 -4px 20px;padding:4px 0 12px;background:var(--bg);gap:8px}.app-head h1{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.4px}.app-head>.back,.app-head>.share-icon{flex:0 0 40px}.app-head>.back+h1{flex:1;text-align:center}.app-head>.back~span:empty{width:40px}
.view#workbench>.app-head{position:relative;min-height:94px;margin:0;padding:8px 0 22px;align-items:center}.view#workbench>.app-head h1{font-size:29px;line-height:1.2;letter-spacing:-.8px}.view#workbench>.app-head .muted{margin:9px 0 0;font-size:12px}.workbench-avatar{width:44px;height:44px;border:0;background:#dceef0;font-size:17px;color:var(--brand)}
.muted,.row-meta,.record-meta{font-size:12px;line-height:1.6;color:var(--m)}.row-title{font-size:14px;line-height:1.55;font-weight:500}.label,.form-row label{font-size:13px;line-height:1.5;font-weight:500;color:#43565f}.top-gap{margin-top:16px}.section-title{margin:26px 0 12px;min-height:32px;font-size:17px}.section-title b{font-weight:600;letter-spacing:-.3px}.section-title .link{padding-right:0;font-size:12px}
.box,.record-list-card,.template-card{padding:18px;border:1px solid var(--l);border-radius:18px;box-shadow:var(--shadow);background:#fff}.box+.box{margin-top:12px}.box p:first-child{margin-top:0}.box p:last-child{margin-bottom:0}.dark{background:#e6f2f3;border:1px solid #d7e9eb;border-radius:18px;padding:20px}.dark h2{font-size:19px}.dark p{line-height:1.7;margin-top:8px}
.quick-actions{margin:0;padding:14px 4px;gap:0;border:1px solid var(--l);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.quick-action{min-height:84px;padding:6px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:0;box-shadow:none;background:transparent;font-size:13px;text-align:center}.quick-action+.quick-action{border-left:1px solid #edf1f3}.quick-action:hover{transform:none;background:#f5fafb}.quick-icon{width:36px;height:36px;border-radius:11px;background:var(--brand-soft);color:var(--brand)}.quick-icon svg{width:20px;height:20px}
.workbench-record-card{position:relative;grid-template-columns:40px minmax(0,1fr) 16px;padding:16px;gap:12px;border:1px solid #cbe1e4;background:#f7fcfc;box-shadow:none}.record-leading-icon{width:40px;height:44px;border-radius:12px;background:#d9ecef;color:var(--brand)}.record-leading-icon svg{width:23px}.record-title{font-size:15px;font-weight:500}.workbench-record-card .record-meta{white-space:normal;overflow:visible;display:block;font-size:11px;line-height:1.6;margin-top:4px}.record-card-tail{justify-content:center;align-items:center}.record-card-tail .visit-status-inline{position:absolute;top:16px;right:16px;background:#e5f1f2;color:var(--brand);font-size:10px}.record-card-tail>svg{margin-top:24px}.workbench-record-card .record-title{padding-right:28px}.record-visit.is-unlinked{color:var(--m)}
.workbench-card{margin-top:24px;padding:14px 14px 6px;border:1px solid var(--l);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.workbench-tabbar .workbench-tabs{padding:4px;border-radius:12px;background:var(--fill)}.workbench-tabbar .workbench-tabs button{min-height:38px;font-size:14px;border-radius:9px}.workbench-tabbar .workbench-tabs button.active{color:var(--brand);box-shadow:0 2px 5px #102a3a0d}.visit-toolbar{padding:14px 0 4px;gap:8px}.visit-filter-select{min-height:38px;border-radius:10px;padding:8px 10px;font-size:12px;background:#fafcfc}.visit-filter-menu{border-radius:12px}.visit-filter-menu:before,.visit-filter-menu:after,.fluent-listbox:before,.fluent-listbox:after{display:none!important}
#workbench-visits>.row{position:relative;grid-template-columns:64px minmax(0,1fr) 20px;gap:10px;padding:20px 0;align-items:start;border-color:#eaf0f2}.time{padding:0;font-size:15px;line-height:1.55;font-weight:500;font-variant-numeric:tabular-nums}.time small{font-size:10px;line-height:1.7;word-break:keep-all;overflow-wrap:normal;margin-top:6px}.row .row-meta{font-size:11px;margin-top:5px}.row .arrow{width:28px;height:32px;min-width:0;margin-left:-4px;margin-top:1px;background:transparent;color:#87979e}.row .arrow svg{width:17px;height:17px}.ended-actions{flex-wrap:wrap;margin-top:10px;gap:6px}.ended-actions .link{max-width:100%;min-height:30px;padding:5px 8px;border-radius:8px;background:#eaf4f5;font-size:10px;line-height:1.5}.ended-actions .link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ended-actions .link:last-child{color:#52646a;background:#f0f4f5}.record-fab{position:absolute;right:20px;bottom:calc(var(--app-nav) + 16px);z-index:6;width:54px;height:54px;border-radius:17px;box-shadow:0 8px 20px #0f6b7833;border:1px solid #ffffff66}.record-fab[hidden]{display:none!important}#workbench{padding-bottom:58px}
.bottom{height:var(--app-nav);padding:8px 20px 14px;border-color:#e0e8eb;background:#fffffffa;z-index:7}.bottom button{font-size:11px;gap:3px}.bottom .glyph{width:46px;height:30px}.bottom .glyph svg{width:21px;height:21px}.bottom button.active .glyph{background:#e5f2f3}.toast{z-index:40;max-width:90%;white-space:normal;border:0;border-radius:12px;background:#243e46;color:#fff;padding:12px 16px;box-shadow:0 6px 20px #0002}
.primary{min-height:46px;font-size:14px;font-weight:500;border-radius:12px;box-shadow:none}.secondary{min-height:42px;font-size:13px;border-radius:10px}.back,.share-icon,.square,.ai-menu-trigger{width:40px;height:40px;min-width:40px}.link{font-size:12px}.primary:focus-visible,.secondary:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid #0f6b78;outline-offset:3px}.primary:disabled{background:#e3e9eb;color:#98a5ab}.actions{gap:12px;margin-top:24px}.view>.primary:last-child,.view>.actions:last-child{position:sticky;bottom:0;z-index:3;box-shadow:0 0 0 8px var(--bg),0 -12px 20px var(--bg);margin-top:24px}
.form-row{margin:20px 0}.form-row:first-child{margin-top:0}.form-row:last-child{margin-bottom:0}.form-row label{margin-bottom:8px}.field-input,.field-select,.select,.fluent-combobox-trigger,.textarea{min-height:46px;font-size:14px;line-height:1.5;padding:12px;border:1px solid #d6e0e4;border-radius:10px;color:#243b43;background:#fff}.field-input::placeholder{color:#98a4ab}textarea.field-input,.textarea{line-height:1.8}.attendee-list{gap:8px}.attendee-chip,.attendee-add-toggle{min-height:34px;padding:7px 10px;font-size:12px;line-height:20px;border-radius:9px;margin-top:0}.attendee-chip{background:#edf3f5;color:#41565f}.attendee-add-toggle{border:1px dashed #b7cdd2;color:var(--brand);background:#f9fcfc}.attendee-add-toggle .fluent-icon{width:16px;height:16px}[data-new-opportunity],[data-todo-new-opportunity]{min-height:38px;padding:9px 12px;font-size:12px;border-radius:9px}.fluent-option{min-height:44px;font-size:13px}.fluent-listbox{z-index:30}.unified-select-source{display:none!important}.unified-select-chevron{stroke:#758b94}.choice-group,.tabs{padding:4px;border-radius:12px}.tabs button,.choice-group button{min-height:38px;font-size:13px}.select>span{flex-shrink:0}
.todo-date{font-size:12px;letter-spacing:.3px;font-weight:500;color:#78878f;margin:18px 0 6px}.checkrow{align-items:flex-start;padding:16px 0;gap:12px;border-color:#eaf0f2}.checkrow>div{flex:1;min-width:0}.check{position:relative;width:22px;height:22px;flex:0 0 22px;margin-top:1px;border-radius:50%;border-color:#b3c3c9}.check:before{content:"";position:absolute;inset:-10px}.todo-opportunity{flex-wrap:wrap;gap:3px}.todo-dispatcher,.todo-overdue{font-size:10px}.todo-overdue{background:var(--color-danger-surface);padding:3px 6px;border-radius:6px;color:var(--color-danger-text)}.todo-completed .row-title{color:#93a1a7}.visit-todo-filter{gap:4px;background:var(--fill);padding:3px;border-radius:9px}.visit-todo-filter button{border:0;border-radius:7px;padding:6px 8px;font-size:11px}.visit-todo-filter button.active{background:#fff;color:var(--brand)}
.visit-info-card .kv,.kv{padding:12px 0;border-color:#eef2f4}.visit-info-card .kv b,.kv b{font-size:12px;font-weight:500;color:#7a8990}.visit-info-card .kv span,.kv span{font-size:14px;line-height:1.7;color:#2c444e;margin-top:5px}.visit-status-inline{font-size:10px!important;background:#eef3f5}.visit-status-inline.ongoing-status{background:var(--color-success-surface);color:var(--color-success-text)}.visit-edit-link{font-size:12px}.visit-detail-actions{gap:10px}
.record-list-card{padding:0;overflow:hidden}.record-list-card .record-item{padding:20px 48px 20px 18px;min-height:142px;background:#fff}.record-list-card .swipe-row+.swipe-row{border-top:1px solid var(--l)}.record-list-card .record-meta{white-space:normal;line-height:1.7;font-size:12px}.record-item-chevron{right:12px;background:#eef5f6;color:var(--brand)}.record-source{font-size:10px;background:#f0f3f5}.recording-shell{padding:32px 18px 20px;text-align:center;background:#fff;border-color:#e1ecef}.recording-kicker{font-size:12px;letter-spacing:1px;padding:6px 12px}.recording-time{font-size:43px;font-weight:400;letter-spacing:1px;margin:22px 0 14px;font-variant-numeric:tabular-nums}.recording-shell .wave{height:108px;border:0;background:linear-gradient(180deg,#fff,#f2f9fa);gap:7px;border-radius:14px}.wave i{width:3px;background:var(--color-brand-primary);opacity:.8}.recording-status{margin-top:18px;line-height:1.6;font-size:11px;color:var(--color-success-text);background:var(--color-success-surface);padding:10px}.recording-meta{margin-top:20px;gap:12px}.recording-meta .box{padding:16px}.recording-meta .row-title{margin-top:4px}.recording-meta-line{gap:12px}.recording-meta-line>svg{color:#78949d}
.process-hero{padding:32px 22px;border-radius:20px}.process-icon{width:60px;height:60px;border-radius:18px;background:var(--color-brand-subtle);color:var(--brand)}.process-title{font-size:21px;margin-top:18px;letter-spacing:-.4px}.process-copy{font-size:13px;line-height:1.8;margin-top:10px}.process-hero .progress{margin-top:24px;height:6px;background:#e7eff1}.process-list{margin-top:16px}.process-row{padding:14px 0;gap:14px}.process-row b{font-size:14px;font-weight:500}.process-row span{font-size:12px;line-height:1.7;margin-top:5px}.process-dot{width:26px;height:26px;font-size:12px}.process-row.done .process-dot{background:var(--color-success-surface);color:var(--color-success-text)}.notice-card{font-size:12px;line-height:1.8;padding:14px;border:0;border-radius:12px;background:var(--color-brand-subtle);color:var(--color-brand-primary)}.process-error-icon{background:var(--color-danger-surface);color:var(--color-danger-text)}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 0 22px;padding:12px 4px;background:#eaf0f2;border-radius:14px}.step{position:relative;display:flex;flex-direction:column;gap:6px;font-size:10px;text-align:center;white-space:nowrap;color:#819198}.step b{position:relative;z-index:1;width:24px;height:24px;border:0;background:#dbe5e9;color:#78909a;font-size:11px}.step:after{position:absolute;top:12px;left:65%;width:70%;height:1px;background:#cddce1;margin:0;z-index:0}.step.active{color:var(--brand)}.step.active b{background:var(--brand);color:#fff;box-shadow:0 0 0 4px #d5e9ec}.player,.note-player{padding:14px;background:#f6fafb;border:1px solid #dce8ec;border-radius:14px;box-shadow:none}.player-audio-label{font-size:12px}.player .secondary,.note-player .secondary{border:0;background:#dfedef;color:var(--brand);border-radius:10px;min-height:36px;padding:8px 10px;font-size:12px}.note-progress-meta{margin-top:8px;font-size:10px;color:#7b8b94}
.organize-transcript-preview,.transcript-text{font-size:14px;line-height:1.9}.speaker-paragraph{position:relative;padding:18px 0 18px 34px;border-bottom:1px solid #edf2f4;line-height:1.85;font-size:13px}.speaker-paragraph:before{content:"";position:absolute;left:0;top:20px;width:22px;height:22px;border-radius:8px;background:#e0eff1}.speaker-paragraph:nth-child(even):before{background:#ece9df}.speaker-name{font-weight:500;color:var(--brand)}#organize-edit>.box:has(.textarea){padding:20px}#organize-edit .textarea{margin-top:8px;min-height:80px;background:#f8fafb;border:1px solid #eaf0f2;font-size:14px;line-height:1.9}#organize-edit .label.top-gap{margin-top:24px}.attachment-trigger{padding:12px;min-height:46px;border-color:#b7cdd2;background:#f8fbfc;font-size:13px}
.view#ai{position:static;margin:0;padding:0 0 150px;min-height:100%;background:transparent}.ai-page-header{display:flex;gap:10px;align-items:center;padding:4px 0 12px;min-height:60px}.ai-page-header h1{font-size:23px;letter-spacing:-.4px}.ai-menu-trigger{border:1px solid var(--l)!important;background:#fff!important}.view#ai .ai-hero{position:relative;min-height:0;margin:8px 0 28px;padding:24px 22px;border:1px solid #d1e5e8;border-radius:22px;background:linear-gradient(115deg,#e7f4f5,#f8fcfc);color:var(--b);box-shadow:none;text-align:left}.ai-hero::after{right:-32px;bottom:-66px;width:190px;height:190px;border:1px solid #0f6b780d;box-shadow:0 0 0 25px #0f6b7803,0 0 0 50px #0f6b7803}.ai-avatar{width:46px;height:46px;margin:0 0 22px!important;border:0;background:#d5e9ed;color:var(--brand);border-radius:15px}.ai-avatar svg{width:28px;height:28px;stroke:currentColor}.ai-title{position:relative;z-index:1;font-size:27px;font-weight:500;letter-spacing:-.6px;margin:0 0 10px}.ai-subtitle{position:relative;z-index:1;color:#638089;font-size:13px;line-height:1.85;max-width:260px}.view#ai .ai-section-head{position:static;margin:0 0 12px;font-size:16px}.ai-section-head b{font-weight:600}.view#ai .ai-practices{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;transform:none}.ai-practice{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:16px;min-height:158px;border-radius:16px;background:#fff;text-align:left}.ai-practice-icon{width:34px;height:34px;border-radius:10px;margin:0 0 18px;background:#edf5f6}.ai-practice-icon svg{width:20px;height:20px}.ai-practice-title{display:block;font-size:14px;font-weight:500;line-height:1.5}.ai-practice-meta{display:block;font-size:12px;line-height:1.7;color:#7d8c92;margin-top:6px}.view#ai .ai-skills-wrap{margin-top:24px}.view#ai .ai-common{position:static;display:flex;gap:8px;margin:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.ai-common button,.ai-common-label{min-height:36px;padding:8px 12px!important;font-size:12px!important;flex-shrink:0;white-space:nowrap;border-radius:10px!important;background:#fff!important}.view#ai .ai-input{position:static!important;display:flex;min-height:66px;margin-top:16px;padding:12px 14px;border:1px solid #d5e2e6;border-radius:18px;gap:12px;box-shadow:0 4px 12px #12394408}.ai-input-copy{font-size:14px}.ai-input-leading{width:22px}.ai-input-trailing{width:36px;height:36px;border-radius:12px;color:#fff}.ai-skill-menu{border:1px solid var(--l);padding:8px;border-radius:12px;box-shadow:0 10px 30px #18323e18;background:#fff}.ai-skill-menu button{min-height:40px;font-size:12px}.ai-drawer{padding:58px 20px 24px;border-radius:0 24px 24px 0;background:#fbfdfd}.ai-drawer-head{margin-bottom:20px}.ai-drawer-item{padding:14px 12px;border-radius:10px;font-size:14px}
.mine-profile{padding:22px 18px;background:#e8f3f4;border:1px solid #d9e8ec}.mine-avatar{width:48px;height:48px;border-radius:16px}.mine-user{gap:14px}.mine-profile .muted{margin-top:5px}.mine-setting-row{min-height:54px;padding:10px 0;font-size:14px}.mine-setting-row .fluent-icon{width:18px;color:#8b9ba2}.template-card{margin-top:12px}.template-card-title{font-size:15px}.template-card-preview{font-size:12px;line-height:1.8;margin-top:8px}.cache-dialog,.share-dialog{padding:22px;border-radius:22px}.cache-dialog-actions{margin-top:24px;gap:12px}.consent-check{margin-top:20px;margin-bottom:8px;padding:14px;gap:12px;font-size:12px;line-height:1.7;background:#f7fafb;border-color:#e2ebee}.consent-box{flex-shrink:0}.cache-dialog-copy,.cache-dialog-list{font-size:13px;line-height:1.8}.audio-import-sheet,.attendee-picker{padding:24px 20px 28px;border-radius:24px 24px 0 0}.attendee-picker-row{margin-top:18px;gap:10px}.cache-dialog-backdrop,.audio-import-backdrop,.attendee-picker-backdrop{z-index:20}.cache-dialog,.audio-import-sheet,.attendee-picker{z-index:21}.share-dialog-backdrop{z-index:22}.share-dialog{z-index:23}
.ai-composer-dock{position:absolute;left:0;right:0;bottom:var(--app-nav);z-index:6;padding:16px 20px 18px;background:linear-gradient(#f3f6f700,#f3f6f7 12%);border-bottom:1px solid #e1e9ec}.ai-composer-dock[hidden]{display:none}.ai-composer-dock .ai-skills-wrap{position:relative;margin:0 0 14px}.ai-composer-dock .ai-common{position:static;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;margin:0;padding:0;scrollbar-width:none}.ai-composer-dock .ai-input{display:flex;min-height:64px;padding:12px 14px;margin:0;gap:12px;border-radius:18px;border:1px solid #d5e2e6;box-shadow:0 4px 12px #12394408}.ai-composer-dock .ai-skill-menu{top:auto;bottom:calc(100% + 8px);max-height:310px;overflow:auto}.record-organize-hint{display:inline-flex;align-items:center;margin-top:12px;min-height:30px;padding:5px 10px;border-radius:8px;background:#e8f4f5;color:var(--brand);font-size:11px}.note-rich,[data-note-editor],#organize-success>.box{font-size:14px;line-height:1.9}.note-rich .label,[data-note-editor] .label,#organize-success>.box>.label{font-size:14px;font-weight:500;color:#254d58}.note-rich p,[data-note-editor] p,#organize-success>.box>p{margin:8px 0 20px;color:#5d7079}.note-rich ul,[data-note-editor] ul,#organize-success>.box>ul{padding-left:20px;color:#5d7079}.note-rich li,[data-note-editor] li,#organize-success>.box li{margin:8px 0}
.quick-actions.actions{margin-top:0}.quick-action{min-height:76px}.workbench-record-card .record-meta{font-size:11px}.view#workbench>.app-head{min-height:90px}.organize-transcript-preview{max-height:350px;padding:0 16px;border-radius:16px;background:#fff}.transcript-turn{position:relative;padding:18px 0 18px 34px;border-bottom:1px solid #eaf0f2}.transcript-turn:before{content:"";position:absolute;left:0;top:20px;width:23px;height:23px;border-radius:8px;background:#dfedf0;border:1px solid #c9dfe3}.transcript-turn[data-speaker="1"]:before{background:#f2ebe0;border-color:#e9dfcc}.transcript-speaker{display:block;padding:0;min-height:24px;background:none;border:0;font-size:13px;font-weight:500;color:var(--brand);text-align:left}.transcript-turn[data-speaker="1"] .transcript-speaker{color:#8c754f}.transcript-turn p{margin:7px 0 0;font-size:13px;line-height:1.9;color:#596f79}.speaker-role-row{padding:12px 0;gap:12px}.speaker-role-row>span{color:#788b94;font-size:12px}.speaker-role-row .select{min-height:42px;font-size:13px}.speaker-role-map>.label{margin-bottom:8px}
@media(max-width:430px){.page{padding:0}.phone{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}.screen{padding-right:18px;padding-left:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}