.head-workspace { --work-accent: #7568d8; --work-ease: cubic-bezier(.22,1,.36,1); padding-bottom: 16px; }
:root[data-theme="dark"] .work-service-icon { color:color-mix(in srgb,var(--service-color) 65%,#fff); }
.head-only .nav-section-label { display:none; }
.head-only .sidebar-profile small { color:var(--muted); }
.work-profile-summary { display:flex; flex-direction:column; gap:5px; padding:18px; border:1px solid var(--line); border-radius:14px; margin:20px 0; background:var(--surface-soft); }.work-profile-summary span { color:var(--muted); font-size:12px; }
.head-workspace[data-density=compact] .work-card-open { padding:16px; }.head-workspace[data-density=compact] .work-card-category { margin-top:12px; }.head-workspace[data-density=compact] .work-card-description { min-height:18px; }.head-workspace[data-density=compact] .work-card-footer { margin-top:12px; }
.task-card { transition:border-color .2s,box-shadow .2s,transform .2s; border-radius:16px; }
.request-card { transition:border-color .2s,box-shadow .2s,transform .2s; }
@media(hover:hover) { .task-card:hover,.request-card:hover { border-color:color-mix(in srgb,var(--brand) 30%,var(--line)); box-shadow:0 8px 24px rgba(18,25,43,.06); } }
@media(prefers-reduced-motion:no-preference) { .sheet-dialog[open] { animation:center-sheet-in .22s cubic-bezier(.22,1,.36,1); } @keyframes center-sheet-in { from { opacity:0; transform:translateY(12px) scale(.99); } to { opacity:1; transform:translateY(0) scale(1); } } }
.work-intro { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:22px 0 30px; }
.work-eyebrow { color:var(--muted); font-size:10px; letter-spacing:.19em; font-weight:700; }
.work-intro h2 { font-size:clamp(25px,3vw,40px); font-weight:600; letter-spacing:-.055em; margin:9px 0 12px; line-height:1.16; }
.work-title-dot { color:var(--work-accent); }
.work-intro p { color:var(--muted); margin:0; font-size:13px; }
.work-private { margin-left:14px; padding-left:14px; border-left:1px solid var(--line); font-size:11px; }
.work-add { white-space:nowrap; box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 17%,transparent); }
.work-shell { border:1px solid var(--line); border-radius:24px; background:var(--surface); box-shadow:0 14px 45px rgba(18,25,43,.055); overflow:hidden; }
.work-tab-bar { display:flex; align-items:center; background:var(--surface-soft); border-bottom:1px solid var(--line); padding:10px 10px 0; gap:8px; }
.work-tabs { display:flex; min-width:0; flex:1; overflow-x:auto; scrollbar-width:thin; scroll-behavior:smooth; gap:4px; }
.work-tab { display:flex; align-items:center; flex:none; color:var(--muted); border:1px solid transparent; border-bottom:0; border-radius:12px 12px 0 0; transition:background-color .18s ease,color .18s ease; }
.work-tab.active { color:var(--text); border-color:var(--line); background:var(--surface); box-shadow:0 1px 0 var(--surface); }
.work-tab [role=tab] { display:flex; align-items:center; gap:9px; background:none; border:0; color:inherit; font-size:12px; font-weight:600; padding:15px 13px; max-width:220px; min-height:46px; }
.work-tab [role=tab] > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.work-tab-dot { width:6px; height:6px; background:var(--work-accent); border-radius:50%; }
.work-tab-close, .work-focus-button { width:32px; height:36px; background:none; border:0; border-radius:8px; color:var(--muted); font-size:19px; }
.work-tab-close { margin-right:4px; }
.work-focus-button { align-self:center; margin-bottom:8px; flex:none; }
.work-tab-close:hover,.work-focus-button:hover { background:var(--brand-soft); color:var(--text); }
.work-overview { padding:28px; }
.work-tools { display:flex; gap:18px; flex-wrap:wrap; align-items:center; margin-bottom:27px; }
.work-search { display:flex; align-items:center; gap:8px; flex:1; min-width:210px; max-width:330px; padding:0 12px; margin:0; height:44px; border:1px solid var(--line); background:var(--surface-soft); border-radius:12px; color:var(--muted); }
.work-search > span { font-size:24px; }
.work-search input { border:0; padding:0; margin:0; min-width:0; width:100%; background:transparent; box-shadow:none; outline:none; font-size:13px; }
.work-search:focus-within { border-color:var(--work-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--work-accent) 12%,transparent); }
.work-search kbd { white-space:nowrap; border:1px solid var(--line); border-radius:5px; font:10px inherit; padding:2px 4px; }
.work-filters { display:flex; flex-wrap:wrap; gap:5px; }
.work-filter { padding:9px 12px; background:none; border:1px solid transparent; border-radius:9px; color:var(--muted); font-size:12px; transition:color .18s,background-color .18s; }
.work-filter.active { color:var(--brand-contrast); background:var(--brand-soft); }
.work-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.work-card { position:relative; border:1px solid var(--line); border-radius:18px; min-width:0; background:var(--surface); transition:transform .22s var(--work-ease),border-color .22s,box-shadow .22s; }
.work-card-open { display:flex; flex-direction:column; align-items:flex-start; text-align:left; width:100%; padding:22px; border:0; background:transparent; border-radius:inherit; color:var(--text); }
.work-color-violet { --service-color:#7c68d5; } .work-color-blue { --service-color:#4f7dc5; } .work-color-cyan { --service-color:#368a98; } .work-color-green { --service-color:#398268; } .work-color-amber { --service-color:#a67c32; } .work-color-rose { --service-color:#bc647f; } .work-color-slate { --service-color:#6f7c95; }
.work-service-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; background:color-mix(in srgb,var(--service-color) 12%,var(--surface)); color:var(--service-color); border:1px solid color-mix(in srgb,var(--service-color) 12%,transparent); font-size:15px; font-weight:700; letter-spacing:-.03em; }
.work-card-category { font-size:10px; letter-spacing:.08em; color:var(--muted); margin-top:23px; }
.work-card-open > strong { font-size:18px; letter-spacing:-.025em; font-weight:600; margin:5px 0 7px; line-height:1.25; }
.work-card-description { color:var(--muted); font-size:12px; line-height:1.5; min-height:36px; }
.work-card-actions { position:absolute; right:10px; top:10px; display:flex; z-index:1; }
.work-icon-button { display:grid; place-items:center; width:34px; height:34px; padding:0; border:0; border-radius:9px; background:none; color:var(--muted); font-size:19px; }
.work-icon-button:hover { background:var(--surface-soft); color:var(--text); } .work-icon-button.is-favorite { color:var(--service-color); }
.work-card-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; margin-top:20px; padding-top:13px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }
.work-card-footer > span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.work-card-arrow { font-size:19px; color:var(--service-color); transition:transform .2s var(--work-ease); }
.work-footnote { margin-top:25px; text-align:center; color:var(--muted); font-size:11px; }
.work-empty { grid-column:1/-1; display:grid; justify-items:center; padding:55px 22px; text-align:center; }
.work-empty-symbol { font-size:42px; color:var(--work-accent); margin-bottom:15px; }
.work-empty h3 { font-size:22px; font-weight:600; }.work-empty p { color:var(--muted); max-width:360px; font-size:13px; }
.work-service-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 20px; border-bottom:1px solid var(--line); }
.work-service-toolbar > div:first-child { display:grid; gap:3px; min-width:0; }.work-service-toolbar strong { font-size:13px; }.work-service-toolbar span { font-size:11px; color:var(--muted); }
.work-service-tools { display:flex; align-items:center; gap:12px; }.work-service-tools .button { font-size:11px; padding:9px 12px; min-height:38px; }
.work-frame-hint { padding:9px 20px; color:var(--muted); font-size:11px; background:var(--surface-soft); }
.work-frame-wrap { height:max(560px,calc(100dvh - 290px)); background:#fff; }.work-frame-wrap iframe { display:block; width:100%; height:100%; border:0; }
.work-service-launch { min-height:440px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:35px; text-align:center; }.work-service-launch h3 { margin-top:20px; font-size:24px; }.work-service-launch p { max-width:370px; color:var(--muted); font-size:13px; }.work-service-launch > .text-button { margin-top:18px; }
.work-editor { max-width:500px; }.work-editor h2 { margin-top:10px; }.work-editor label { margin:16px 0; }.work-extra { border:1px solid var(--line); border-radius:12px; padding:14px; margin:20px 0; }.work-extra summary { cursor:pointer; font-size:13px; font-weight:600; }.work-editor-footer { display:flex; justify-content:flex-end; gap:20px; align-items:center; margin-top:24px; }.work-editor-footer .danger { margin-right:auto; font-size:12px; }.work-form-error { color:var(--danger); font-size:13px; }
.work-focused .sidebar,.work-focused .topbar,.work-focused .work-intro { display:none!important; }.work-focused .workspace { width:100%!important; max-width:100%!important; margin:0!important; padding:12px!important; }.work-focused .app-shell { display:block; }.work-focused .work-frame-wrap { height:calc(100dvh - 165px); }.work-focused .work-overview { min-height:calc(100dvh - 100px); }
[role=tabpanel][hidden] { display:none!important; }
/* Empty workspaces should fit a Telegram webview without scrolling past navigation. */
.work-is-empty .work-tab-bar,.work-is-empty .work-tools,.work-is-empty .work-footnote,.work-is-empty .work-add { display:none; }
.work-is-empty .work-overview { padding:0; min-height:0; }
.work-is-empty .work-empty { padding:32px 24px; gap:12px; }
.work-is-empty .work-empty-symbol { display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:var(--brand-soft); font-size:34px; margin:0 0 4px; }
.work-empty h3 { margin:0; line-height:1.25; }
.work-empty p { margin:0 0 8px; line-height:1.6; }
.head-workspace .work-search input { height:100%; min-height:0; background:transparent; border-radius:0; }
.work-is-empty .work-intro { padding-bottom:18px; }
@media(max-width:760px) {
  .head-workspace { padding-bottom:calc(88px + env(safe-area-inset-bottom,0px)); }
  .head-workspace .work-intro h2,.head-workspace .work-intro .work-eyebrow { display:none; }
  .work-is-empty .work-intro { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; }
  .work-is-empty .work-intro-actions { flex-basis:auto; }
  .work-is-empty .work-private { font-size:11px; }
  .work-is-empty .work-empty { padding:28px 18px; }
  .work-is-empty .work-empty h3 { font-size:21px; }
  .work-is-empty .work-shell { box-shadow:none; }
  .work-service-launch { min-height:280px; padding:24px; }
}
.task-customer { display:block; margin:7px 0 10px; font-size:12px; color:var(--text); }.task-customer b { font-weight:500; color:var(--muted); }.task-customer-detail { padding:14px 16px; margin:18px 0; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); }.task-customer-detail small { display:block; color:var(--muted); margin-bottom:5px; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) { .work-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--service-color) 40%,var(--line)); box-shadow:0 10px 26px color-mix(in srgb,var(--service-color) 10%,transparent); }.work-card:hover .work-card-arrow { transform:translate(2px,-2px); } }
@media(min-width:1040px) { .head-work-active .workspace { width:100%; max-width:1700px; }.head-work-active .topbar { min-height:78px; border-bottom:1px solid var(--line); }.head-work-active .topbar h1 { font-size:25px; } }
@media(min-width:1500px) { .work-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:760px) { .work-intro { align-items:flex-start; padding-top:8px; gap:16px; }.work-intro h2 { font-size:28px; }.work-private { display:block; border:0; padding:0; margin:5px 0 0; }.work-add { padding:10px 13px; min-height:42px; font-size:12px; }.work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.work-overview { padding:16px; }.work-card-open { padding:17px; }.work-tools { gap:13px; margin-bottom:20px; }.work-search { max-width:none; flex-basis:100%; }.work-filters { flex-wrap:nowrap; overflow-x:auto; max-width:100%; scrollbar-width:none; }.work-filter { flex:none; }.work-shell { border-radius:18px; }.work-service-toolbar { padding:12px; flex-wrap:wrap; }.work-service-tools { margin-left:auto; gap:5px; }.work-frame-hint { padding:8px 12px; }.work-frame-wrap { height:calc(100dvh - 300px); min-height:430px; }.work-footnote { font-size:10px; }.work-search kbd { display:none; } }
@media(max-width:440px) { .work-intro { flex-wrap:wrap; }.work-add { width:100%; justify-content:center; }.work-card-open { padding:14px; }.work-card-open > strong { font-size:16px; }.work-card-description { font-size:11px; min-height:48px; }.work-card-category { margin-top:18px; }.work-service-icon { width:40px; height:40px; border-radius:12px; }.work-card-actions { top:6px; right:4px; }.work-icon-button { width:29px; }.work-overview { padding:12px; }.work-frame-wrap { height:65dvh; }.work-service-toolbar > div:first-child { max-width:100%; } }
@media(prefers-reduced-motion:reduce) { .head-workspace *, .work-editor * { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }

.chat-connect-card { display:flex; flex-wrap:wrap; align-items:center; gap:14px; padding:20px; }
.chat-connect-card > div:first-child { flex:1 1 250px; }
.chat-connect-card h3 { margin:0 0 7px; }
.chat-connect-card p { margin:0; font-size:13px; color:var(--muted); line-height:1.55; }
.chat-connect-card > small,.chat-connect-card > [data-chat-connect-result] { flex-basis:100%; color:var(--muted); line-height:1.5; }
.summary-result-card pre { max-height:65dvh; overflow:auto; overflow-wrap:anywhere; white-space:pre-wrap; }
@media(max-width:760px) { .chat-connect-card { padding:16px; }.chat-connect-card > .button { width:100%; } }

.summary-hero { background:var(--surface); color:var(--text); padding:20px; box-shadow:none; }
.summary-hero::before,.summary-hero::after { display:none; }
.summary-hero p,.summary-hero .eyebrow { color:var(--muted); }
.summary-tabs { display:flex; overflow-x:auto; gap:8px; padding:4px 0 8px; margin:12px 0; scrollbar-width:thin; }
.summary-tabs > button { flex:0 0 auto; width:auto; min-width:0; min-height:42px; padding:10px 16px; box-shadow:none; }
.summary-tabs > button span { display:none; }
.summary-options-block > .toggle-row { display:none; }
.summary-options-block { padding:14px; }
.summary-chat-option details { font-size:12px; }
@media(max-width:760px) {
  .summary-hero { display:none; }
  .summary-builder-head { padding:4px 0 12px; margin:0; }
  .summary-builder-head p,.summary-kind-icon { display:none; }
  .summary-builder-head h2 { font-size:18px; }
  .summary-tabs > button { padding:10px 14px; }
  .summary-builder { padding:0; background:transparent; box-shadow:none; border:0; }
  .summary-builder > .chat-connect-card { margin-top:0; }
}