/* Match the PC prototype's shared navigation palette and business hierarchy. */
*{box-sizing:border-box}body{margin:0;background:#edf0f4;color:var(--text);font:var(--font-size-body)/var(--line-height-body) var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #93beff;outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}svg{vertical-align:middle;flex-shrink:0}.ico{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.studio-top{height:88px;margin:0 54px;border-bottom:1px solid #dbe0e7;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;font-size:var(--font-size-display-sm);font-weight:var(--font-weight-bold);letter-spacing:-.7px}.brand-mark{display:inline-grid;place-items:center;width:32px;height:34px;border-radius:var(--radius-md);background:var(--brand);color:var(--color-on-primary);font:bold italic 30px Georgia}.version{font-size:var(--font-size-compact);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);letter-spacing:1.6px;margin-left:15px}.studio-top-right{font-size:var(--font-size-caption);color:var(--color-text-tertiary);display:flex;align-items:center;gap:8px}.studio-top-right a{margin-left:20px;color:var(--color-text-secondary)}.divider{margin:0 8px;color:var(--color-text-tertiary)}.studio{max-width:1320px;margin:32px auto;display:grid;grid-template-columns:1fr 422px 1fr;gap:50px;padding:0 45px;align-items:start}.studio-nav{padding:38px 0 20px}.eyebrow{font-size:var(--font-size-compact);color:var(--color-text-tertiary);letter-spacing:1.7px;font-weight:var(--font-weight-semibold)}.studio-nav h1{font-size:var(--font-size-display-lg);letter-spacing:-1.2px;line-height:1.5;margin:22px 0 14px;font-weight:var(--font-weight-semibold)}.studio-nav h1 span{color:var(--color-link)}.studio-desc{color:var(--color-text-tertiary);font-size:var(--font-size-caption);line-height:1.9;margin-bottom:32px}#preview-nav{display:grid;gap:3px}.preview-link{display:flex;align-items:center;gap:13px;text-align:left;border-radius:var(--radius-md);padding:13px 16px;font-size:var(--font-size-body);color:var(--color-text-tertiary)}.preview-link.active{background:#fff;color:var(--color-link);box-shadow:var(--shadow)}.preview-link .number{font:var(--font-size-caption) var(--sans);opacity:.6;margin-left:auto}.studio-foot{font-size:var(--font-size-caption);color:var(--color-text-tertiary);margin:30px 0;line-height:2.8}.studio-foot a{display:block}.live-dot{display:inline-block;width:6px;height:6px;background:#2ab58b;border-radius:var(--radius-circle);margin-right:4px}.phone-area{width:422px}.phone{width:406px;height:860px;border:8px solid #232830;border-radius:49px;background:var(--bg);box-shadow:0 35px 80px #303a4a20,0 0 0 2px #c1c7cf;overflow:hidden;position:relative;display:flex;flex-direction:column;color:var(--text);isolation:isolate}.status-bar{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 23px;background:var(--card);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);position:relative}.island{height:24px;width:88px;background:#232830;position:absolute;top:7px;left:50%;transform:translateX(-50%);border-radius:var(--radius-md)}.status-symbols{display:flex;align-items:center;gap:5px;font-size:var(--font-size-compact);letter-spacing:-1px}.battery{height:11px;width:22px;border:1px solid currentColor;border-radius:var(--radius-xs);position:relative;margin-left:2px}.battery:before{content:"";position:absolute;inset:2px;background:currentColor;border-radius:var(--radius-xs)}.battery:after{content:"";height:4px;width:2px;position:absolute;right:-4px;top:2px;background:currentColor}.device-caption{display:flex;justify-content:space-between;padding:20px 28px 0 8px;font-size:var(--font-size-compact);letter-spacing:1px;color:var(--color-text-tertiary)}.design-note{padding:104px 0 0 12px;max-width:265px}.note-index{font-size:var(--font-size-caption);color:var(--color-link);margin-top:25px;font-weight:var(--font-weight-semibold)}.design-note h2{font-size:var(--font-size-display-sm);font-weight:var(--font-weight-medium);line-height:1.7;letter-spacing:-.5px;margin:16px 0}.design-note p{font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:1.95}.note-line{width:32px;height:2px;background:#c5d2e5;margin:30px 0}.note-label{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.design-note ol{padding-left:17px;font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:2.5}.note-link{font-size:var(--font-size-caption);display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #d2d9e3}.demo-disclaimer{font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:1.9;margin-top:60px}
#app-header{height:49px;background:var(--card);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;z-index:5}.nav-title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:8px;min-width:0}.nav-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.nav-title small{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--muted)}.nav-back{padding:8px;margin-left:-10px;display:grid;place-items:center}.capsule{height:29px;display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);gap:0}.capsule button{width:38px;height:27px;display:grid;place-items:center}.capsule i{width:1px;height:15px;background:var(--line)}.capsule .ico{width:17px;height:17px}.round-close{width:13px;height:13px;border:1.8px solid currentColor;border-radius:var(--radius-circle);position:relative}.round-close:after{content:"";position:absolute;width:4px;height:4px;border-radius:var(--radius-circle);background:currentColor;inset:3px}#screen{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;position:relative;outline:none}#screen::-webkit-scrollbar{display:none}.page{padding:22px 20px 26px;animation:appear .18s ease-out}.page.flush{padding:0 0 20px}.page h1{font-size:var(--font-size-display-md);font-weight:var(--font-weight-semibold);letter-spacing:-.6px;margin:0}.page h2{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);margin:0}.page h3{font-size:var(--font-size-body);margin:0;font-weight:var(--font-weight-semibold)}.page p{margin:0}.sub{font-size:var(--font-size-caption);color:var(--muted);line-height:1.7}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title p{margin-top:4px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.tiny{font-size:var(--font-size-caption)}.small{font-size:var(--font-size-caption)}.brand-tone{color:var(--color-link)}.green{color:var(--green)}.orange{color:var(--orange)}.red{color:var(--red)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line);flex-shrink:0}.icon-btn .ico{width:19px;height:19px}.icon-btn.badged{position:relative}.notification-dot{position:absolute;width:6px;height:6px;border-radius:var(--radius-circle);background:var(--red);right:10px;top:8px;border:1px solid #fff}.section-title{display:flex;align-items:center;justify-content:space-between;margin:23px 0 13px}.section-title h2{font-size:var(--font-size-body)}.text-btn{font-size:var(--font-size-caption);color:var(--muted);padding:7px 0;display:flex;align-items:center;gap:4px}.text-btn .ico{width:13px;height:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:17px;box-shadow:var(--shadow);margin-bottom:12px}.card.flat{box-shadow:none}.press{cursor:pointer;transition:transform .12s}.press:active{transform:scale(.985)}.welcome{margin-bottom:19px}.welcome .date{font-size:var(--font-size-caption);letter-spacing:.4px;color:var(--muted);margin-bottom:5px}.welcome h1{font-size:var(--font-size-display-sm);letter-spacing:-.5px}.welcome h1 span{display:inline-block;width:5px;height:5px;border-radius:var(--radius-circle);background:var(--brand);margin-left:3px}.org-label{font-size:var(--font-size-caption);color:var(--color-text-tertiary);display:flex;gap:4px;align-items:center}.overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.metric-label{font-size:var(--font-size-caption);color:var(--muted);margin-bottom:4px}.metric-number{font:var(--font-weight-semibold) var(--font-size-display-md)/var(--line-height-title) var(--sans);letter-spacing:-.7px}.metric-change{font-size:var(--font-size-compact);color:var(--green);margin-top:3px}.ai-hero{background:linear-gradient(115deg,#232e3f 0%,#2c405f 65%,#44608a 100%);color:var(--color-on-primary);border-radius:var(--radius-md);padding:20px;position:relative;overflow:hidden}.hero-tag{font-size:var(--font-size-compact);color:var(--color-text-tertiary);letter-spacing:1.2px;display:flex;align-items:center;gap:5px}.hero-tag .live-dot{width:5px;height:5px;background:#8ce2ba}.ai-hero h2{font-size:var(--font-size-title);margin:10px 0 4px;font-weight:var(--font-weight-medium)}.ai-hero .sub{color:var(--color-on-dark-secondary);font-size:var(--font-size-caption)}.hero-orbit{position:absolute;right:12px;top:12px;width:94px;height:94px;display:grid;place-items:center}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #a0beec35;width:78px;height:78px;border-radius:var(--radius-circle);transform:rotate(-25deg) scaleY(.58)}.hero-orbit:after{transform:rotate(50deg) scaleY(.65);width:100px;height:100px}.hero-bot{width:51px;height:51px;transform:rotate(-9deg);border-radius:var(--radius-md);background:linear-gradient(135deg,#cfe2ff,#699dea);display:grid;place-items:center;box-shadow:0 6px 24px #0003}.hero-bot .ico{width:31px;height:31px;stroke:#fff;stroke-width:1.4}.hero-footer{border-top:1px solid #a2badf25;padding-top:13px;margin-top:18px;font-size:var(--font-size-caption);color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:space-between}.hero-footer b{font-size:var(--font-size-body);color:var(--color-on-primary);margin-right:4px}.hero-footer button{color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.hero-footer .ico{width:12px;height:12px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:22px -1px 3px}.quick-grid button{display:grid;justify-items:center;gap:8px;padding:0;font-size:var(--font-size-caption)}.app-icon{width:43px;height:43px;border-radius:var(--radius-md);background:#e7effb;color:var(--color-link);display:grid;place-items:center}.app-icon .ico{width:23px;height:23px}.app-icon.blue{background:#e8effc;color:var(--color-link)}.app-icon.orange{background:#fff0e2;color:var(--color-warning-text)}.app-icon.green{background:#e3f5ee;color:var(--color-success-text)}.app-icon.rose{background:#fce9ef;color:var(--color-error-text)}.focus-heading{display:flex;align-items:center;gap:7px}.count{background:var(--tint);color:var(--color-link);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);padding:1px 6px;border-radius:var(--radius-sm)}.focus-row{padding:12px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.focus-row:last-child{border-bottom:0;padding-bottom:0}.focus-row:first-of-type{padding-top:2px}.focus-row h3{font-size:var(--font-size-caption);margin-bottom:3px}.focus-row .sub{font-size:var(--font-size-caption)}.focus-row>.ico{width:15px;color:var(--color-text-tertiary)}.focus-symbol{width:33px;height:33px;border-radius:var(--radius-md);background:#fff0e4;color:var(--color-warning-text);display:grid;place-items:center}.focus-symbol.rose{background:#fcebf0;color:var(--color-error-text)}.focus-symbol.brand-tone{background:var(--tint);color:var(--color-link)}.focus-symbol .ico{width:17px;height:17px}.chart-summary{font-size:var(--font-size-display-sm);font-weight:var(--font-weight-semibold);margin-top:8px}.chart-summary span{font-size:var(--font-size-compact);font-weight:var(--font-weight-regular);color:var(--green);margin-left:7px}.chart{height:95px;width:100%;margin:12px 0 0;overflow:visible}.chart-labels{display:flex;justify-content:space-between;font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.channel-mini{display:flex;justify-content:space-between;gap:7px;margin-top:13px}.channel-mini span{font-size:var(--font-size-compact);color:var(--muted);display:flex;align-items:center;gap:4px}.channel-mini i{width:5px;height:5px;background:var(--green);border-radius:var(--radius-circle)}.channel-mini i.off{background:var(--orange)}
#tabbar{display:flex;flex-shrink:0;padding:9px 9px 24px;border-top:1px solid var(--line);background:var(--card);z-index:8;justify-content:space-around;min-height:77px}#tabbar:empty{display:none}#tabbar button{width:20%;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-text-tertiary);font-size:var(--font-size-compact);position:relative;padding:0}#tabbar .ico{width:22px;height:22px}#tabbar button.active{color:var(--color-link);font-weight:var(--font-weight-semibold)}#tabbar button.active:before{content:"";position:absolute;top:-10px;width:19px;height:2px;background:var(--brand);border-radius:var(--radius-xs)}.tab-badge{position:absolute;top:-5px;left:calc(50% + 5px);font:var(--font-size-compact)/14px var(--sans);height:14px;min-width:14px;padding:0 3px;background:var(--red);color:var(--color-on-primary);border-radius:var(--radius-sm);border:1px solid #fff}.home-indicator{position:absolute;bottom:7px;width:116px;height:4px;border-radius:var(--radius-sm);background:var(--text);left:50%;transform:translateX(-50%);z-index:50;pointer-events:none}
.search{background:var(--card);border:1px solid var(--line);height:43px;border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;padding:0 12px;margin-bottom:16px}.search .ico{width:17px;color:var(--color-text-tertiary)}.search input{background:transparent;border:0;outline:0;width:100%;min-width:0;color:var(--text);font-size:var(--font-size-caption)}.search input::placeholder{color:var(--color-text-tertiary)}.search-row{display:flex;gap:9px}.search-row .search{flex:1}.segments{display:flex;gap:21px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;white-space:nowrap}.segments button{flex-shrink:0;position:relative;padding:12px 0;font-size:var(--font-size-caption);color:var(--muted)}.segments button.active{color:var(--color-link);font-weight:var(--font-weight-semibold)}.segments button.active:after{content:"";position:absolute;bottom:0;left:28%;right:28%;height:3px;background:var(--brand);border-radius:var(--radius-xs)}.segments button small{font-size:var(--font-size-compact);margin-left:3px}.chips{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding:13px 0}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:var(--font-size-caption);padding:6px 11px;border-radius:var(--radius-sm);white-space:nowrap}.chip.active{color:var(--color-link);background:var(--tint);border-color:#d0e3ff}.pill{display:inline-block;white-space:nowrap;border-radius:var(--radius-sm);padding:2px 6px;font-size:var(--font-size-compact);line-height:1.7;background:var(--tint);color:var(--color-link);font-weight:var(--font-weight-regular)}.pill.orange{background:#fff1df;color:var(--color-warning-text)}.pill.green{background:#e7f6ef;color:var(--color-success-text)}.pill.gray{background:var(--bg);color:var(--muted)}.pill.rose{background:#fcecf0;color:var(--color-error-text)}.avatars{display:flex}.avatar{width:43px;height:43px;background:#dfe9f7;color:var(--color-text-tertiary);border-radius:var(--radius-md);display:grid;place-items:center;font-size:var(--font-size-title);font-weight:var(--font-weight-medium);flex-shrink:0;position:relative;overflow:visible}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar.blue{background:#e2ebf8;color:var(--color-text-tertiary)}.avatar.orange{background:#f8eadb;color:var(--color-warning-text)}.avatar.green{background:#dfeee7;color:var(--color-success-text)}.avatar.rose{background:#f4e2e8;color:var(--color-error-text)}.avatar.large{width:68px;height:68px;border-radius:var(--radius-md);font-size:var(--font-size-display-md)}.channel-bubble{width:17px;height:17px;background:#32b57a;border:2px solid var(--card);border-radius:var(--radius-sm);position:absolute;bottom:-4px;right:-5px;color:var(--color-on-primary);font-size:var(--font-size-compact);display:grid;place-items:center}.channel-bubble.web{background:#7196ce}.channel-bubble.whatsapp{background:#30b884}.channel-bubble.red{background:#f06e7d}.conversation{display:flex;gap:13px;padding:17px 20px;border-bottom:1px solid var(--line);background:var(--card);cursor:pointer}.conversation .name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.conversation .time{font-size:var(--font-size-compact);color:var(--color-text-tertiary)}.conversation .preview{font-size:var(--font-size-caption);color:var(--muted);margin:5px 0 7px}.conversation .bottom-line{display:flex;justify-content:space-between;gap:5px}.conversation .bottom-line .sub{font-size:var(--font-size-compact)}.unread{border-radius:var(--radius-sm);background:var(--red);color:var(--color-on-primary);font-size:var(--font-size-compact);min-width:15px;height:15px;display:grid;place-items:center}.inbox-top{padding:20px 20px 0;background:var(--card)}.inbox-top .page-title{margin-bottom:15px}.inbox-top h1{font-size:var(--font-size-display-md)}.inbox-top .search{background:var(--bg)}.inbox-strip{padding:0 20px}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty .ico{width:42px;height:42px;color:var(--color-text-tertiary);margin-bottom:13px}.empty h3{margin-bottom:8px;font-size:var(--font-size-body)}.primary,.secondary,.danger-btn{min-height:43px;display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:var(--radius-md);padding:10px 17px;background:var(--brand);color:var(--color-on-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.primary .ico,.secondary .ico{width:17px;height:17px}.secondary{background:var(--tint);color:var(--color-link)}.danger-btn{background:#fff0f2;color:var(--red)}.full{width:100%}.button-row{display:flex;gap:9px;margin-top:15px}.button-row>*{flex:1}.floating-action{position:sticky;bottom:8px;width:46px;height:46px;border-radius:var(--radius-md);background:var(--brand);color:var(--color-on-primary);display:grid;place-items:center;float:right;margin-top:12px;box-shadow:0 5px 18px #4588ed40}.summary-banner{background:#ebf1fa;padding:13px 17px;border-bottom:1px solid #dee6f3;font-size:var(--font-size-caption);line-height:1.8;color:var(--color-text-tertiary)}.summary-banner .ico{width:15px;color:var(--color-link)}.chat-status{padding:11px 17px;background:var(--card);display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-caption)}.chat-status button{color:var(--color-link);background:var(--tint);padding:5px 12px;border-radius:var(--radius-sm)}.chat-body{padding:18px 15px}.day-label{text-align:center;font-size:var(--font-size-compact);color:var(--color-text-tertiary);margin:0 0 20px}.message{display:flex;align-items:flex-start;gap:8px;margin:16px 0}.message .avatar{width:29px;height:29px;border-radius:var(--radius-md);font-size:var(--font-size-caption)}.message-content{max-width:79%}.message-name{font-size:var(--font-size-compact);color:var(--color-text-tertiary);margin-bottom:5px}.bubble{font-size:var(--font-size-caption);background:var(--card);border:1px solid var(--line);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);padding:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.message.outgoing{flex-direction:row-reverse}.message.outgoing .bubble{background:var(--brand);color:var(--color-on-primary);border:0;border-radius:var(--radius-md) 0 var(--radius-md) var(--radius-md)}.message.outgoing .message-name{text-align:right}.message.ai .bubble{border-color:#dce8fb}.source-link{font-size:var(--font-size-compact);color:var(--color-link);display:block;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.message-state{font-size:var(--font-size-compact);color:var(--color-text-tertiary);text-align:right;margin-top:4px}.reply-suggestion{padding:12px;background:var(--tint);border:1px dashed #c0d3ef;border-radius:var(--radius-md);margin:18px 0;font-size:var(--font-size-caption);color:var(--color-text-secondary)}.reply-suggestion p{margin:7px 0}.reply-suggestion button{font-size:var(--font-size-caption);color:var(--color-link);padding:0}.composer{background:var(--card);border-top:1px solid var(--line);padding:10px 14px 26px;flex-shrink:0}.composer-tools{display:flex;gap:22px;margin:10px 2px 0;color:var(--color-text-tertiary)}.composer-tools button{padding:0;display:grid;place-items:center}.composer-tools .ico{width:20px;height:20px}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer textarea{resize:none;min-height:41px;max-height:100px;height:41px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:10px;outline:0;flex:1;min-width:0;color:var(--text);font-size:var(--font-size-caption)}.composer .send{width:41px;height:41px;background:var(--brand);color:var(--color-on-primary);border-radius:var(--radius-md);display:grid;place-items:center}.customer-card{display:flex;gap:13px;align-items:center}.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0 2px;text-align:center}.customer-stats b{font-size:var(--font-size-title);display:block}.customer-stats span{color:var(--muted);font-size:var(--font-size-caption)}.info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--font-size-caption);min-height:47px;border-bottom:1px solid var(--line)}.info-row:last-child{border-bottom:0}.info-row>span:first-child{color:var(--muted)}.info-row .ico{width:15px;color:var(--muted)}.tag-wrap{display:flex;gap:6px;flex-wrap:wrap}.timeline{position:relative;padding:0 0 0 20px;border-left:1px solid var(--line);margin-left:7px}.timeline-item{position:relative;margin-bottom:24px}.timeline-item:before{content:"";position:absolute;left:-25px;top:5px;border:3px solid var(--card);width:9px;height:9px;border-radius:var(--radius-circle);background:#a0b9de;box-sizing:content-box}.timeline-item .sub{font-size:var(--font-size-compact);margin-bottom:5px}.timeline-item p{font-size:var(--font-size-caption)}.score-bar{height:5px;border-radius:var(--radius-sm);background:var(--line);margin:10px 0}.score-bar i{display:block;background:linear-gradient(90deg,#a7caff,var(--brand));height:100%;border-radius:var(--radius-sm)}.app-banner{padding:18px 18px 16px;background:linear-gradient(115deg,#e6eefb,#f0f4fb);border:1px solid #dee6f3;border-radius:var(--radius-md);position:relative;margin-bottom:24px}.app-banner h2{font-size:var(--font-size-title)}.app-banner p{font-size:var(--font-size-caption);color:var(--color-text-tertiary);margin-top:5px}.app-banner>.ico{position:absolute;right:20px;top:22px;width:35px;height:35px;color:var(--color-text-tertiary);stroke-width:1.3}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 5px;padding:4px 0 20px}.app-tile{padding:0;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:var(--font-size-caption);position:relative}.app-tile .app-icon{width:45px;height:45px}.app-tile small{font-size:var(--font-size-compact);color:var(--muted);margin-top:-4px}.bot-card .avatar{width:52px;height:52px;border-radius:var(--radius-md)}.bot-card h3{font-size:var(--font-size-body)}.bot-card .bot-meta{display:flex;gap:8px;font-size:var(--font-size-compact);color:var(--muted);margin:14px 0;padding-bottom:12px;border-bottom:1px solid var(--line)}.bot-card .bot-footer{display:flex;align-items:center;justify-content:space-between}.bot-footer button{font-size:var(--font-size-caption);color:var(--color-link)}.bot-footer .ico{width:13px;height:13px}.stepper{display:flex;justify-content:space-between;gap:5px;margin-bottom:23px}.step{font-size:var(--font-size-caption);color:var(--muted);display:grid;justify-items:center;gap:6px;position:relative;flex:1}.step:not(:last-child):after{content:"";height:1px;background:var(--line);position:absolute;left:65%;right:-35%;top:12px}.step b{height:25px;width:25px;display:grid;place-items:center;border-radius:var(--radius-circle);background:var(--card);border:1px solid var(--line);font-size:var(--font-size-caption);z-index:1}.step.active{color:var(--color-link)}.step.active b{background:var(--brand);color:var(--color-on-primary);border-color:var(--brand)}.step.done b{color:var(--color-link);background:var(--tint);border-color:var(--tint)}.field{display:block;margin:16px 0;color:var(--text);font-size:var(--font-size-caption)}.field>span{display:block;margin-bottom:8px;font-weight:var(--font-weight-medium)}.field small{font-size:var(--font-size-compact);color:var(--muted);display:block;margin-top:5px}.field input,.field textarea,.field select{display:block;width:100%;min-height:44px;color:var(--text);background:var(--card);border:1px solid #e0e5ed;outline:none;border-radius:var(--radius-md);padding:11px 12px;resize:vertical;font-size:var(--font-size-caption)}.field textarea{min-height:120px;line-height:1.8}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 2px #4588ed12}.field-error{font-size:var(--font-size-caption);color:var(--red);min-height:16px}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--font-size-caption)}.switch-row:last-child{border-bottom:0}.switch-row small{display:block;font-size:var(--font-size-compact);color:var(--muted);margin-top:3px}.switch{width:35px;height:21px;border-radius:var(--radius-md);flex-shrink:0;background:#d3d8e0;position:relative;padding:0}.switch.on{background:var(--brand)}.switch:after{content:"";width:15px;height:15px;position:absolute;top:3px;left:3px;background:#fff;border-radius:var(--radius-circle);box-shadow:0 1px 3px #0001;transition:left .15s}.switch.on:after{left:17px}.sticky-footer{position:sticky;bottom:0;padding:14px 0 4px;margin-top:20px;background:var(--bg);display:flex;gap:9px;z-index:2}.sticky-footer>*{flex:1}.select-card{border:1px solid var(--line);background:var(--card);padding:14px;border-radius:var(--radius-md);margin:9px 0;display:flex;align-items:center;gap:11px;font-size:var(--font-size-caption);cursor:pointer}.select-card.selected{border-color:#9abcef;background:#f3f8ff}.radio-dot{width:16px;height:16px;border:1px solid #ccd6e4;border-radius:var(--radius-circle);margin-left:auto;flex-shrink:0}.selected .radio-dot{border:5px solid var(--brand)}.checkbox-row{display:flex;gap:10px;align-items:center;padding:11px 0;font-size:var(--font-size-caption)}.checkbox-row input{width:17px;height:17px;accent-color:var(--brand)}.notice{font-size:var(--font-size-caption);color:var(--color-warning-text);background:#fff6e8;padding:12px;border-radius:var(--radius-md);line-height:1.85;margin:12px 0}.notice.info-notice{background:var(--tint);color:var(--color-text-tertiary)}.list-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);width:100%;text-align:left}.list-item:last-child{border-bottom:0}.list-item>.ico{width:15px;color:var(--muted)}.list-item h3{font-size:var(--font-size-caption)}.list-item .sub{font-size:var(--font-size-caption)}.file-icon{display:grid;place-items:center;width:37px;height:43px;background:#e8effa;color:var(--color-link);border-radius:var(--radius-sm);flex-shrink:0}.file-icon .ico{width:19px}.list-meta{font-size:var(--font-size-compact);color:var(--muted);margin:8px 0}.detail-hero{padding:21px;background:var(--card);border-radius:var(--radius-md);margin-bottom:17px}.progress-track{background:var(--line);height:5px;border-radius:var(--radius-sm);margin:10px 0}.progress-track span{display:block;width:72%;height:100%;border-radius:var(--radius-sm);background:var(--brand)}.channel-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background:#e4f4ec;color:var(--color-success-text);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);flex-shrink:0}.channel-logo.blue{background:#e7edfa;color:var(--color-link)}.channel-logo.rose{background:#fbe8ed;color:var(--color-error-text)}.channel-logo.black{background:#ebedf1;color:var(--color-text-primary)}.channel-logo.brand-tone{background:var(--tint);color:var(--color-link)}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.channel-option{padding:14px 5px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:9px;font-size:var(--font-size-caption)}.task-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));text-align:center;margin-top:17px}.task-metrics b{display:block;font-size:var(--font-size-title);font-weight:var(--font-weight-semibold)}.task-metrics span{font-size:var(--font-size-compact);color:var(--muted)}.person-chip{display:flex;gap:8px;align-items:center;font-size:var(--font-size-caption)}.person-chip .avatar{width:28px;height:28px;font-size:var(--font-size-caption);border-radius:var(--radius-md)}.product-thumb{width:55px;height:61px;border-radius:var(--radius-md);background:linear-gradient(140deg,#e5edfa,#c7d6ed);display:grid;place-items:center;font-size:var(--font-size-display-sm);color:var(--color-text-tertiary);flex-shrink:0}.product-thumb .ico{width:29px;height:29px;stroke-width:1.3}.order-total{font-size:var(--font-size-title);color:var(--color-link);font-weight:var(--font-weight-semibold)}.profile-hero{background:linear-gradient(130deg,#eaf0fa,var(--bg));margin:-22px -20px 0;padding:24px 20px}.member-card{background:linear-gradient(110deg,#273140,#415470);color:var(--color-on-dark-secondary);padding:18px;border-radius:var(--radius-md);margin:22px 0 0}.member-card h3{font-size:var(--font-size-body)}.member-card p{color:var(--color-on-dark-secondary);font-size:var(--font-size-caption);margin-top:5px}.member-card .secondary{background:#90a5c43b;color:var(--color-on-dark-secondary);min-height:31px;font-size:var(--font-size-caption);padding:5px 11px}.mine-group{padding:0 16px}.mine-group .list-item{padding:15px 0}.mine-group .list-item>.app-icon{width:28px;height:28px;background:none;color:var(--color-text-tertiary)}.mine-group .list-item>.app-icon .ico{width:19px;height:19px}.mine-group .list-item .grow{font-size:var(--font-size-caption)}.help-question{border-bottom:1px solid var(--line);padding:14px 0}.help-question summary{cursor:pointer;font-size:var(--font-size-caption);list-style:none;display:flex;justify-content:space-between;gap:10px}.help-question p{font-size:var(--font-size-caption);color:var(--muted);line-height:1.9;margin-top:10px}.activity-row{font-size:var(--font-size-caption);padding:14px 0;border-bottom:1px solid var(--line)}.activity-row p{margin-top:5px;color:var(--muted);font-size:var(--font-size-caption)}.workflow-node{padding:15px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);display:flex;gap:12px;align-items:center}.workflow-line{height:30px;width:1px;background:#c0cee3;margin:auto;position:relative}.workflow-line:after{content:"⌄";position:absolute;bottom:-2px;left:-4px;font-size:var(--font-size-body);color:var(--color-text-tertiary)}.tool-card{display:flex;align-items:center;gap:12px}.tool-card .app-icon{width:43px;height:43px}.tool-card .grow{font-size:var(--font-size-caption)}.tool-card>.ico{width:15px;color:var(--muted)}
#overlay:empty{display:none}.sheet-backdrop{position:absolute;inset:0;background:#1a273b66;z-index:30}.sheet{position:absolute;bottom:0;left:0;right:0;max-height:86%;display:flex;flex-direction:column;background:var(--bg);border-radius:var(--radius-md) var(--radius-xl) 0 0;z-index:31;padding:10px 20px 30px;box-shadow:0 -12px 50px #1a273b20}.sheet-handle{width:32px;height:4px;border-radius:var(--radius-xs);background:#d2d7df;margin:0 auto 16px}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.sheet-header h2{font-size:var(--font-size-title);margin:0}.sheet-header button{width:28px;height:28px;color:var(--muted);padding:0}.sheet-header .ico{width:18px}.sheet-body{overflow-y:auto;padding:0 1px}.sheet-footer{padding-top:14px}.sheet-body .field:first-child{margin-top:4px}.sheet-body .card{box-shadow:none}.sheet-options{display:grid;gap:7px}.sheet-option{display:flex;align-items:center;gap:12px;padding:14px 12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--font-size-caption);text-align:left}.sheet-option .ico{width:19px;color:var(--color-link)}.sheet-option>.ico:last-child{margin-left:auto;width:15px;color:var(--muted)}#toast{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);z-index:60;max-width:85%;width:max-content;background:#252f3de8;color:var(--color-on-primary);padding:11px 17px;border-radius:var(--radius-md);font-size:var(--font-size-caption);text-align:center;box-shadow:0 6px 20px #0001;display:none;pointer-events:none}#toast.visible{display:block}.check-success{width:59px;height:59px;display:grid;place-items:center;border-radius:var(--radius-circle);color:var(--green);background:#e1f4ec;margin:14px auto}.check-success .ico{width:30px;height:30px}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.dark .app-banner,.dark .profile-hero{background:linear-gradient(130deg,#293341,#242a32);border-color:var(--line)}.dark .summary-banner{background:#2b3543;border-color:#364050;color:var(--color-text-tertiary)}.dark .selected,.dark .select-card.selected{background:#2c3b51}.dark .field input,.dark .field textarea,.dark .field select{border-color:var(--line)}.dark .notice{background:#403227;color:var(--color-warning-text)}.dark .notice.info-notice{background:var(--tint);color:var(--color-text-tertiary)}
@keyframes appear{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(min-width:721px) and (max-width:1120px){.studio{grid-template-columns:1fr 422px;gap:35px;max-width:860px;padding:0 30px}.design-note{display:none}.studio-top{margin:0 30px}.studio-top-right{display:none}.studio-nav h1{font-size:var(--font-size-display-md)}}@media(max-width:720px){body{background:var(--bg)}.studio-top,.studio-nav,.design-note,.device-caption{display:none}.studio{display:block;margin:0;padding:0;max-width:none}.phone-area{width:100%}.phone{width:100%;height:100dvh;min-height:560px;border:0;border-radius:0;box-shadow:none}.island{display:none}.status-bar{height:34px;padding:0 23px}.page{padding-left:20px;padding-right:20px}.home-indicator{bottom:7px}#tabbar{padding-bottom:max(23px,env(safe-area-inset-bottom));min-height:77px}.composer{padding-bottom:max(25px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:360px){.page{padding-left:16px;padding-right:16px}.quick-grid{gap:4px}.segments{gap:17px}.metric-number{font-size:var(--font-size-display-sm)}.ai-hero{padding:17px}.hero-orbit{right:4px}.app-grid{column-gap:2px}.nav-title{font-size:var(--font-size-title)}.nav-title span{max-width:205px}}
[hidden]{display:none!important}
@media(max-width:360px){.profile-hero{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}
@media(max-width:720px){.phone{min-height:0}}
@media(min-width:721px) and (max-width:900px){.studio-top,.studio-nav,.design-note,.device-caption{display:none}.studio{display:block;margin:0;padding:0;max-width:none}.phone-area{width:100%}.phone{width:100%;max-width:480px;height:100dvh;min-height:0;margin:auto;border:0;border-radius:0;box-shadow:0 0 60px #303a4a12}.island{display:none}.status-bar{height:34px}.studio{height:100dvh}}@media(min-width:901px) and (max-height:1050px){.studio-top{height:64px}.studio{margin:24px auto}.phone{height:calc(100dvh - 140px);max-height:860px;min-height:480px}.design-note{padding-top:50px}.studio-nav{padding-top:22px}.studio-nav h1{font-size:var(--font-size-display-md)}.studio-desc{margin-bottom:20px}.device-caption{padding-top:12px}}