/* Nerddi SkyMind 0.21.0 · Commercial Experience Hammer
   Final layout authority: readability, responsive containment, touch reachability,
   dialogs, composer stability, long-answer handling, and artifact polish. */

:root{
  --sky-top-h:64px;
  --sky-answer-max:920px;
  --sky-composer-max:900px;
  --sky-radius-lg:18px;
  --sky-focus:0 0 0 3px color-mix(in srgb,var(--accent-2) 24%,transparent);
}

html,body,.app-shell,.main,.surface-wrap{min-width:0}
body{background:radial-gradient(circle at 58% -18%,color-mix(in srgb,var(--accent-2) 6%,transparent),transparent 38%),var(--bg)}
button,a,input,textarea,summary{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-2) 78%,white);outline-offset:2px;box-shadow:var(--sky-focus)}
[hidden]{display:none!important}

/* Header: one controlled responsive system after years of accumulated overrides. */
.main{grid-template-rows:var(--sky-top-h) minmax(0,1fr) auto!important}
.top.unified-top{height:var(--sky-top-h)!important;min-width:0!important;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;gap:12px!important;padding:0 14px!important;background:color-mix(in srgb,var(--bg) 92%,transparent)!important;backdrop-filter:blur(24px) saturate(130%);border-bottom:1px solid color-mix(in srgb,var(--accent-2) 8%,var(--line))!important}
.unified-top .top-left,.unified-top .top-actions,.top-network-orbit{min-width:0!important}
.unified-top .top-left{overflow:hidden}
.unified-top .title-stack{min-width:0;overflow:hidden}
.unified-top .title-stack strong,.unified-top .title-stack small{max-width:250px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-network-orbit{display:grid!important;grid-template-columns:repeat(5,40px)!important;gap:3px!important;width:max-content!important;max-width:100%!important;height:44px!important;padding:2px!important;overflow:visible!important;border-radius:14px!important}
.top-network-orbit>a{width:40px!important;height:38px!important;min-width:40px!important;max-width:40px!important;min-height:38px!important;max-height:38px!important;padding:2px!important;border-radius:10px!important;overflow:hidden!important;transition:background .14s,border-color .14s,transform .14s!important}
.top-network-orbit>a:hover{transform:translateY(-1px)!important}
.top-network-orbit>a>span:last-child{display:none!important}
.top-network-orbit>a img.network-logo,.top-network-orbit>a .network-face,.top-network-orbit>a .network-centro{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;flex-basis:22px!important;object-fit:contain!important}
.unified-top .top-actions{overflow:visible!important;justify-self:end!important;gap:6px!important}
.unified-top .command-button,.unified-top .sp-pill,.profile-trigger{height:36px!important;min-height:36px!important}
.profile-popover{max-height:min(620px,calc(100dvh - 84px));overflow:auto;overscroll-behavior:contain}

/* Chat reading surface. */
.content{min-width:0;padding-inline:clamp(14px,3vw,34px)!important;scroll-padding-block:20px 110px}
.messages{width:min(var(--sky-answer-max),100%)!important;padding-top:24px!important;padding-bottom:58px!important}
.message{min-width:0;grid-template-columns:32px minmax(0,1fr)!important;gap:12px!important}
.message-main,.message-body,.markdown,.nr-answer{min-width:0;max-width:100%}
.message.assistant .message-main{max-width:880px!important}
.message.user .message-main{max-width:760px!important}
.message.assistant .message-body{font-size:15px!important;line-height:1.73!important;letter-spacing:-.004em!important}
.message-body p,.message-body li,.message-body blockquote{overflow-wrap:anywhere}
.message-body img,.markdown img{display:block;max-width:100%;height:auto;border-radius:12px}
.message-body video,.message-body iframe,.markdown video,.markdown iframe{max-width:100%}
.code-block,.nr-code-block,.nr-table-wrap{max-width:100%;min-width:0}
.code-block pre,.nr-code-block pre,.message-body pre{max-width:100%;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.code-block pre:focus-visible,.nr-table-wrap:focus-visible{outline-offset:-2px}
.nr-table-wrap,.message-body .table-wrap{overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.message-body table,.nr-table{min-width:max-content;max-width:none}
.message-actions{flex-wrap:wrap;min-height:28px}
.message-actions button{min-height:30px}
.error-card,.background-task-card,.agent-recovery{max-width:100%;overflow-wrap:anywhere}
.source-grid,.nr-source-grid{min-width:0}
.source-card,.nr-source-card{min-width:0}

/* Composer: spacious desktop, contained small screens, no hidden tool row. */
.composer-wrap{padding:10px clamp(10px,2.5vw,24px) calc(10px + env(safe-area-inset-bottom))!important;background:linear-gradient(to top,color-mix(in srgb,var(--bg) 98%,transparent) 68%,transparent)!important}
.composer{width:min(var(--sky-composer-max),100%)!important;border-radius:20px!important;box-shadow:0 18px 54px rgba(0,0,0,.24)!important}
.composer-main{min-width:0}
.composer textarea{font-size:14px!important;line-height:1.5!important;max-height:min(260px,34dvh)!important}
.composer-foot{min-width:0;flex-wrap:wrap!important;row-gap:6px!important}
.mode-rail,.modes{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.mode-rail::-webkit-scrollbar,.modes::-webkit-scrollbar{display:none}
.ux-composer-foot>.hint{margin-left:auto;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tools-menu{max-width:min(340px,calc(100vw - 24px));max-height:min(520px,62dvh);overflow:auto;overscroll-behavior:contain}
.attachment-tray{max-height:142px;overflow:auto;overscroll-behavior:contain}
.attachment{max-width:min(280px,100%)}

/* Latest button for long / streaming answers. */
.sky-jump-latest{position:absolute;z-index:24;right:clamp(16px,3vw,34px);bottom:18px;display:flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent-2) 22%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--panel) 94%,transparent);color:var(--soft);box-shadow:0 12px 34px rgba(0,0,0,.26);backdrop-filter:blur(16px);font-size:9px;font-weight:760;cursor:pointer;transition:opacity .14s,transform .14s,border-color .14s}
.sky-jump-latest[hidden]{display:none!important}
.sky-jump-latest:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-2) 45%,var(--line));color:var(--text)}

/* Artifacts and progress evidence should remain readable instead of becoming dense dashboards. */
.full-site-artifact{max-width:100%;border-radius:18px!important}
.full-site-artifact-top{align-items:flex-start!important}
.full-site-artifact-copy p{line-height:1.45}
.full-site-artifact-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.full-site-artifact-stats span{min-width:0}
.full-site-artifact-stats b,.full-site-artifact-stats small{overflow-wrap:anywhere}
.full-site-artifact-actions{flex-wrap:wrap!important}
.full-site-artifact-actions a,.full-site-artifact-actions button{min-height:34px}
.full-site-artifact footer{flex-wrap:wrap}
.full-site-objectives>div{max-height:330px;overflow:auto;overscroll-behavior:contain;padding-right:2px}
.agent-phase-rail{min-width:0;overflow:hidden}
.agent-phase{min-width:0}

/* Workspaces: keep files/editor usable at laptop widths. */
.work-view,.agent-view,.memory-view{min-width:0}
.work-inner,.agent-inner,.memory-inner{max-width:1180px}
.workspace-head{gap:12px;flex-wrap:wrap}
.workspace-title{min-width:0}
.workspace-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}
.workspace-layout{min-width:0}
.workspace-files-panel,.workspace-stage{min-width:0}
.project-editor{tab-size:2;white-space:pre;overflow:auto}
.workspace-tabs{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.workspace-tabs::-webkit-scrollbar{display:none}
.workspace-tabs button{flex:0 0 auto}
.project-preview-frame{max-width:100%}

/* Native dialogs: no clipped footer/action rows. */
dialog{max-width:calc(100vw - 24px)}
.sp-dialog,.command-dialog,.account-dialog,.sp-transaction-dialog{overscroll-behavior:contain}
.sp-shell,.command-shell,.account-shell{min-width:0}
.sp-packs,.sp-plans,.sp-metrics,.account-stats{min-width:0}
.command-list,.account-shell>#accountContent,.sp-shell{scrollbar-width:thin}

/* High-density desktop and laptop breakpoints. */
@media(max-width:1180px){
  .top.unified-top{grid-template-columns:minmax(150px,1fr) auto minmax(128px,1fr)!important;gap:8px!important;padding-inline:10px!important}
  .unified-top .title-stack{display:none!important}
  .top-brand span{display:none!important}
  .unified-top .command-button{width:36px!important;padding:0!important;display:grid!important;place-items:center!important}
  .unified-top .command-button span,.unified-top .command-button kbd{display:none!important}
  .top-network-orbit{grid-template-columns:repeat(5,37px)!important}
  .top-network-orbit>a{width:37px!important;min-width:37px!important;max-width:37px!important}
  .workspace-layout{grid-template-columns:minmax(190px,24%) minmax(0,1fr)!important}
}

@media(max-width:980px) and (min-width:781px){
  :root{--sidebar-w:248px}
  .top.unified-top{grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr)!important;padding-inline:8px!important;gap:6px!important}
  .top-network-orbit{grid-template-columns:repeat(5,34px)!important;height:40px!important}
  .top-network-orbit>a{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important}
  .top-network-orbit>a img.network-logo,.top-network-orbit>a .network-face,.top-network-orbit>a .network-centro{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;max-width:19px!important;max-height:19px!important}
  .unified-top .sp-pill{width:36px!important;padding:0!important;justify-content:center!important}
  .unified-top .sp-pill strong{display:none!important}
  .profile-trigger{padding-inline:4px!important}.profile-chevron{display:none!important}
  .run4-cloud-grid .cloud-card{grid-template-columns:1fr!important}
  .run4-cloud-grid .cloud-card>.work-card-head,.run4-cloud-grid .cloud-card>p,.run4-cloud-grid .cloud-card>.cloud-workspace,.run4-cloud-grid .cloud-card>.card-actions{grid-column:1!important;grid-row:auto!important}
  .workspace-layout{grid-template-columns:1fr!important}
  .workspace-files-panel{max-height:260px}
}

@media(max-width:780px){
  :root{--sky-top-h:54px;--sky-answer-max:100%;--sky-composer-max:100%}
  .main{grid-template-rows:var(--sky-top-h) minmax(0,1fr) auto 60px!important}
  .top.unified-top{height:var(--sky-top-h)!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;padding:0 8px!important;gap:5px!important}
  .top-network-orbit{grid-template-columns:repeat(5,31px)!important;height:38px!important;gap:1px!important;padding:1px!important}
  .top-network-orbit>a{width:31px!important;min-width:31px!important;max-width:31px!important;height:34px!important;min-height:34px!important;max-height:34px!important}
  .top-network-orbit>a img.network-logo,.top-network-orbit>a .network-face,.top-network-orbit>a .network-centro{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;max-width:17px!important;max-height:17px!important}
  .unified-top .top-left{gap:3px!important}.top-brand{display:none!important}
  .unified-top .command-button{display:none!important}.unified-top .sp-pill{display:none!important}
  .profile-trigger{width:34px;height:34px!important;padding:3px!important;justify-content:center}.profile-chevron{display:none!important}
  .content{padding-inline:12px!important;padding-bottom:18px!important}
  .messages{padding-top:14px!important;padding-bottom:38px!important}
  .message{grid-template-columns:26px minmax(0,1fr)!important;gap:8px!important;padding-block:15px!important}
  .message.assistant .message-body{font-size:14.5px!important;line-height:1.68!important}
  .message-actions{opacity:1!important}
  .composer-wrap{padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important}
  .composer{border-radius:17px!important}
  .composer textarea{font-size:16px!important;max-height:30dvh!important}
  .composer-foot{flex-wrap:nowrap!important;overflow:hidden}
  .mode-rail,.modes{flex:1 1 auto}
  .composer-tools-wrap{flex:0 0 auto}
  .tools-menu{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:60dvh!important}
  .sky-jump-latest{right:12px;bottom:12px;min-height:34px;padding-inline:10px}
  .full-site-artifact-top{padding:12px!important}.full-site-artifact-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.full-site-artifact-stats span:nth-child(2n){border-right:0!important}.full-site-artifact-stats span:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .full-site-objectives>div{max-height:240px}
  .work-view,.agent-view,.memory-view{padding-inline:12px!important}
  .workspace-head{position:relative!important;top:auto!important}.workspace-tabs{top:0!important}
  .workspace-layout{grid-template-columns:1fr!important}.workspace-files-panel{max-height:230px}
  .account-dialog,.sp-dialog,.command-dialog{width:100vw!important;max-width:100vw!important;margin:auto 0 0!important;border-radius:18px 18px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important}
  .account-dialog{height:min(92dvh,820px)!important;max-height:92dvh!important}.account-shell{min-height:0;height:100%}
  .command-dialog{max-height:78dvh!important}.sp-dialog{max-height:92dvh!important}
}

@media(max-width:430px){
  .top-network-orbit{grid-template-columns:repeat(5,29px)!important}
  .top-network-orbit>a{width:29px!important;min-width:29px!important;max-width:29px!important}
  .message.assistant .message-body{font-size:14px!important}
  .starter-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.starter-grid button{min-height:68px!important}
  .full-site-artifact-actions a,.full-site-artifact-actions button{flex:1 1 130px;justify-content:center}
  .full-site-artifact footer{display:grid!important;grid-template-columns:1fr!important}
  .source-grid{grid-template-columns:1fr!important}
}

@media(max-height:680px) and (min-width:781px){
  :root{--sky-top-h:56px}
  .sidebar-section{max-height:35vh!important}.threads{max-height:calc(35vh - 68px)!important}
  .composer textarea{max-height:24dvh!important}
}

@media(prefers-reduced-motion:reduce){
  .sky-jump-latest,.top-network-orbit>a{transition:none!important}
}