:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#20322d;background:#eef1ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;line-height:1.6;font-optical-sizing:auto}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7fc9b8;outline-offset:2px}button{color:inherit}a{color:#1f6e58}h1,h2,h3,p{margin:0}h1{font-size:20px;line-height:1.45;letter-spacing:-.3px}h2{font-size:15px;line-height:1.5}h3{font-size:14px}strong{font-weight:650}dl,dd{margin:0}input,select,textarea{width:100%;border:1px solid #d8e0da;background:#fff;color:#20322d;border-radius:9px;min-height:42px;padding:9px 11px;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#8a958f}input:hover,select:hover,textarea:hover{border-color:#9bb2a7}textarea{resize:vertical;min-height:100px}button{border:0;background:none}input[type=search]{appearance:none}.workbench{position:relative;background:#f6f8f5;min-height:100vh;min-height:100dvh;max-width:560px;margin:0 auto;overflow-x:hidden;box-shadow:0 0 45px #233d3021}.app-header{height:72px;background:#173e35;color:#f7faf7;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:35px;height:36px;border:1px solid #80b9a8;border-radius:10px 10px 10px 3px;font-size:20px;background:#275447;font-weight:700}.brand strong{font-size:16px;letter-spacing:1px}.brand>div{display:flex;align-items:baseline;gap:10px}.brand>div>span{font-size:12px;color:#bbd4c9}.header-tools{display:flex;gap:6px}.icon-button{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid #dce4df;color:#5c6e65;font-size:20px;line-height:1;flex-shrink:0}.icon-button:hover{background:#edf2ee}.app-header .icon-button{border-color:#ffffff30;color:#dcece5;font-size:17px}.app-header .icon-button:hover{background:#ffffff15}.initial-state{padding:65px 24px;text-align:center;color:#6e7c73}.initial-state h1{font-size:17px;color:#344a3e;margin:16px 0 5px}.initial-state p{font-size:13px}.initial-state.compact{padding:40px 20px}.spinner{display:inline-block;width:24px;height:24px;border-radius:50%;border:2px solid #d3dfd7;border-top-color:#327c63;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{font-size:11px;color:#6d8074;line-height:1.6;letter-spacing:.7px}.welcome{padding:30px 24px 25px;background:linear-gradient(135deg,#edf3e9,#f6f8f5)}.welcome .eyebrow{color:#57816a;letter-spacing:1.8px}.welcome h1{font-size:30px;line-height:1.4;margin:10px 0 12px;font-weight:650;color:#1c4839;letter-spacing:-.8px}.welcome>p:last-child{font-size:13px;max-width:340px;color:#728176;line-height:1.9}.login-panel{padding:22px;margin:0 16px;background:#fff;border:1px solid #e0e7df;border-radius:14px;box-shadow:0 8px 22px #273c2710}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:8px}.status-pill{display:inline-flex;padding:3px 8px;background:#e9f3ec;color:#3b7756;font-size:10px;border-radius:5px;white-space:nowrap}.status-pill.muted{background:#f0f2ef;color:#778478}.field-stack{display:flex;flex-direction:column;gap:16px}.field-stack label{display:block;font-size:12px;font-weight:550;color:#4a5c51}.field-stack label input,.field-stack label select,.field-stack label textarea{display:block;margin-top:6px;font-weight:400;font-size:14px}.optional{font-weight:400;color:#8e9a91;font-size:11px}.field-hint{display:block;font-size:11px;color:#7f8c82;font-weight:400;margin-top:5px}.required{color:#a1453b}.captcha-row{display:flex;gap:8px;align-items:center}.captcha-row input{min-width:0}.captcha-button{display:grid;place-items:center;width:110px;min-width:110px;height:42px;overflow:hidden;border:1px solid #d8e0da;border-radius:8px;padding:0;margin-top:6px;background:#f7faf7;font-size:12px}.captcha-button img{width:100%;height:100%;object-fit:contain}.button{min-height:42px;padding:10px 15px;border-radius:9px;font-size:13px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;line-height:1.5;transition:background .15s}.button.primary{background:#236a50;color:#fff;border-color:#236a50}.button.primary:hover{background:#1b583f}.button.secondary{background:#fff;color:#4b6657;border-color:#d5dfd7}.button.secondary:hover{background:#eef4ed}.button.danger{background:#a84a3f;color:#fff}.button.full{width:100%}.text-button{padding:3px 0;font-size:12px;color:#277152;line-height:1.5;text-align:left}.text-button:hover{text-decoration:underline}.text-button.quiet{color:#85918a}.small-note{font-size:11px;line-height:1.8;color:#829087;font-weight:400}.login-panel>.small-note{margin-top:17px}.divider-label{color:#9aa59d;text-align:center;font-size:11px;margin:14px 0}.setup-note{display:flex;gap:9px;margin:20px 24px 26px;font-size:11px;color:#8a957c;line-height:1.8}.setup-note>span{font-size:21px;line-height:1.4}.setup-note strong{font-size:12px;color:#717c66}.session-strip{display:flex;align-items:center;gap:6px;padding:10px 18px;font-size:11px;color:#77877b;border-bottom:1px solid #e4eae2;min-height:40px}.scene-dot{width:6px;height:6px;border-radius:50%;background:#a7b39e}.scene-dot.connected{background:#3c8d6a;box-shadow:0 0 0 3px #e7f1e7}.session-person{margin-left:auto;color:#526657;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-strip .text-button{font-size:10px;margin-left:5px}.empty-customer{padding:35px 24px 28px;text-align:center}.empty-symbol{width:64px;height:64px;border-radius:22px;background:#e5eee0;color:#64825a;border:1px solid #d9e4d3;display:grid;place-items:center;font-size:27px;margin:0 auto 20px}.empty-customer h1{font-size:18px}.empty-customer>p{font-size:12px;line-height:1.9;color:#7c8a7d;margin:12px 0 23px}.empty-customer>.button+.button{margin-top:10px}.empty-customer>.small-note{margin-top:14px;margin-bottom:0}.capability-card{padding:20px;border:1px solid #e0e7da;background:#f0f4ec;border-radius:12px;margin:0 18px 24px}.capability-card h2{color:#496447;font-size:13px;margin-bottom:7px}.capability-card p{font-size:12px;color:#7d8c75;line-height:1.9}.capability-tags{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.capability-tags span{padding:3px 9px;background:#fff;border-radius:5px;font-size:10px;color:#768671;border:1px solid #e3e9dd}.customer-card{margin:16px 16px 0;background:#fff;border:1px solid #e0e6de;border-radius:13px;overflow:hidden;box-shadow:0 3px 8px #30442804}.customer-heading{display:flex;gap:11px;align-items:center;padding:18px 16px 14px}.customer-avatar{width:42px;height:42px;background:#edf2e6;color:#6c7a41;border-radius:12px;display:grid;place-items:center;font-size:21px;font-weight:600;flex-shrink:0}.customer-title{min-width:0}.customer-title .eyebrow{font-size:10px;color:#8b9686;letter-spacing:.3px}.customer-title h1{font-size:17px;line-height:1.5;overflow-wrap:anywhere;margin-top:2px}.owner-badge{align-self:flex-start;margin-left:auto;border-radius:4px;background:#edf5ee;color:#528461;font-size:9px;padding:3px 5px;white-space:nowrap}.customer-facts{padding:0 16px 14px;display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px}.customer-facts>div{display:flex;gap:6px}.customer-facts dt{color:#98a195}.customer-facts dd{color:#5e6e5e;overflow-wrap:anywhere}.customer-card-footer{background:#fbfcf9;border-top:1px solid #edf0e8;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;gap:10px;min-height:35px;font-size:10px;color:#929b8b}.customer-card-footer>div{display:flex;gap:15px}.customer-card-footer .text-button,.customer-card-footer .small-note{font-size:10px}.tabs{display:flex;position:sticky;top:0;z-index:3;background:#f6f8f5;overflow-x:auto;border-bottom:1px solid #e0e6dc;padding:0 12px;margin-top:13px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:1;min-width:48px;white-space:nowrap;height:45px;color:#85917d;font-size:12px;position:relative;padding:0 7px}.tabs button.active{color:#245f42;font-weight:650}.tabs button.active:after{content:"";position:absolute;bottom:0;height:3px;width:21px;background:#357452;border-radius:2px;left:50%;transform:translate(-50%)}.overview{padding:20px 16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.section-heading h2{font-size:13px;color:#586a51}.section-heading>span{font-size:10px;color:#9aa58f}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}.quick-grid button{border:1px solid #e0e6dc;background:#fff;border-radius:11px;padding:15px 12px;text-align:left;position:relative;min-height:92px}.quick-grid button:hover{border-color:#a6c0a9;background:#fdfffa}.quick-grid button>strong{display:block;font-size:13px;color:#40583d;margin-top:9px}.quick-grid button>span:last-child{display:block;color:#939e87;font-size:10px;margin-top:2px}.action-icon{font-size:16px;line-height:1;display:grid;place-items:center;width:25px;height:25px;border-radius:7px}.action-icon.green{background:#edf4e9;color:#61905b}.action-icon.blue{background:#eaf1f6;color:#648caa}.action-icon.amber{background:#faf0db;color:#b09a4c}.action-icon.violet{background:#f0edf8;color:#9483ae}.detail-list{background:#fff;border:1px solid #e2e7df;border-radius:10px;font-size:12px;overflow:hidden}.detail-list>div{display:grid;grid-template-columns:65px 1fr;gap:8px;padding:13px 14px;border-bottom:1px solid #eff1eb}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:#96a08e}.detail-list dd{color:#62705b;overflow-wrap:anywhere;white-space:pre-wrap}.history-note{margin-top:19px;padding:15px 2px 0;font-size:11px;color:#8a9680;border-top:1px dashed #dce4d4;line-height:1.9}.history-note strong{font-size:12px;color:#6d7f60}.history-note p{margin-top:4px}.record-section{padding:16px 16px 0}.record-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}.scope-switch{display:flex;background:#e9eee4;border:1px solid #e1e7db;border-radius:8px;padding:3px;gap:2px}.scope-switch button{font-size:11px;color:#8b967e;border-radius:5px;padding:5px 9px;white-space:nowrap}.scope-switch button.active{background:#fff;color:#456740;box-shadow:0 1px 4px #2e4d2510}.record-count{font-size:10px;color:#98a18f;white-space:nowrap}.record-empty{text-align:center;padding:45px 12px;color:#98a28d;font-size:12px}.record-empty h2{font-size:13px;color:#7c8d6c;margin:8px 0}.record-empty p{font-size:11px;line-height:1.8;margin-top:7px}.empty-line-icon{font-size:31px;color:#c9d3be}.record-card{display:block;width:100%;text-align:left;border:1px solid #e0e6da;border-radius:10px;background:#fff;padding:15px 13px;margin-bottom:10px}.record-card:hover{border-color:#b0c7a3}.record-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.record-card-top>strong{font-size:13px;font-weight:550;color:#4e6345;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.record-status{flex-shrink:0;font-size:9px;color:#839769;background:#f1f6e9;border-radius:4px;padding:2px 5px;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-excerpt{font-size:11px;color:#8c9980;line-height:1.9;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.record-card-bottom{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:12px;font-size:9px;color:#a0ab94}.record-card-bottom>strong{font-size:12px;color:#6e8359;font-variant-numeric:tabular-nums;white-space:nowrap}.sticky-actions{position:sticky;bottom:0;z-index:2;display:flex;gap:8px;background:linear-gradient(#f6f8f500,#f6f8f5 15px);padding:22px 0 14px;margin-top:10px}.sticky-actions>.button{flex:1}.app-footer{padding:22px 15px 20px;font-size:9px;text-align:center;color:#a3ad98;letter-spacing:.4px}.app-footer>span{padding:0 7px}.alert{padding:11px 12px;border-radius:8px;font-size:11px;line-height:1.8;margin-bottom:14px;overflow-wrap:anywhere}.alert.warning{background:#fbf3e6;border:1px solid #f0e2c8;color:#a18c5f}.alert.info{background:#edf4ed;border:1px solid #dce9db;color:#6d8c67}.alert .text-button{display:block;margin-top:5px;font-size:11px}.workbench>.alert{margin:12px 16px 0}.inline-error{font-size:12px;color:#a74d43;line-height:1.8;overflow-wrap:anywhere}.toast{position:fixed;z-index:30;left:50%;top:85px;transform:translate(-50%);width:max-content;max-width:min(90vw,480px);padding:11px 17px;border-radius:10px;background:#264734ee;box-shadow:0 6px 25px #1b3c2430;color:#fff;font-size:12px;line-height:1.8;backdrop-filter:blur(8px);pointer-events:none}.overlay{position:fixed;inset:0;z-index:20;background:#152e2194;display:flex;align-items:flex-end;justify-content:center;padding-top:45px;backdrop-filter:blur(2px)}.sheet{width:100%;max-width:560px;max-height:calc(100dvh - 45px);max-height:calc(100vh - 45px);border-radius:17px 17px 0 0;background:#fafcf8;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -10px 40px #17302022}.sheet-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 17px;border-bottom:1px solid #e5ebdf;background:#fff}.sheet-header h2{font-size:17px;overflow-wrap:anywhere}.sheet-header .eyebrow{margin-bottom:3px}.sheet-body{padding:20px;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(25px,env(safe-area-inset-bottom))}.sheet-body.field-stack{overflow-y:auto}.search-label{display:block;color:#788a69;font-size:11px;margin-bottom:12px}.search-label input{margin-top:6px}.customer-option{display:flex;align-items:center;gap:10px;text-align:left;border-bottom:1px solid #e6ecde;padding:14px 0;width:100%}.customer-option>span:nth-child(2){flex:1;min-width:0}.customer-option strong{font-size:13px;color:#4e6742;display:block;overflow-wrap:anywhere}.customer-option small{display:block;font-size:10px;color:#9aa68c;margin-top:3px}.small-avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#eaf1e2;font-size:16px;color:#7f9962;flex-shrink:0}.option-arrow{color:#a7b695;font-size:22px;margin-left:auto}.confirm-dialog{align-self:center;max-width:380px;width:calc(100% - 38px);border-radius:14px;background:#fff;padding:23px;box-shadow:0 16px 60px #1730203b}.confirm-dialog h2{font-size:17px;margin-bottom:12px}.confirm-dialog p{font-size:12px;color:#8b9880;line-height:1.9}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}.detail-content{font-size:13px;color:#6d7f5e;white-space:pre-wrap;line-height:2;overflow-wrap:anywhere;margin-top:22px}.help-content{font-size:12px;color:#7b8d69;line-height:2}.help-content h3{margin-bottom:6px;color:#45673e}.help-content p{margin-bottom:20px}.help-content ol{margin:0 0 20px;padding-left:20px}.help-content li{margin-bottom:8px}.help-content .alert{margin-bottom:20px}@media (min-width: 650px){.workbench{margin:25px auto;min-height:calc(100vh - 50px);border-radius:16px;overflow:hidden;border:1px solid #dfe6d9}.sheet{border-radius:17px;max-height:calc(100vh - 70px)}.overlay{align-items:center;padding:30px}.app-header{height:76px}.welcome{padding:35px 28px}.login-panel{margin:0 24px}.quick-grid{grid-template-columns:repeat(3,1fr)}.customer-title h1{font-size:19px}}@media (max-width: 350px){.app-header{padding:0 14px}.brand>div{gap:6px}.brand>div>span{font-size:10px}.empty-customer{padding-right:18px;padding-left:18px}.record-section{padding-right:12px;padding-left:12px}.scope-switch button{padding-left:7px;padding-right:7px}.record-toolbar{gap:5px}.customer-heading{padding-left:12px;padding-right:12px}.customer-title h1{font-size:15px}.owner-badge{font-size:8px}.sheet-body{padding:16px}.sheet-header{padding:17px 16px}.tabs{padding-left:5px;padding-right:5px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}.scene-name{min-width:0;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-card-bottom,.record-count{font-size:11px;color:#7b8970}.small-note{color:#6f7f68}.app-footer{font-size:10px}
