:root{font-family:Inter,system-ui,sans-serif;color:#20263b;background:#f5f6fc;color-scheme:light;--accent:#6252db;--muted:#737b91}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f5f6fc}button,input,textarea,select{font:inherit}button,.button{padding:10px 16px;border:1px solid #dce0ed;border-radius:10px;background:#fff;color:#30384f;cursor:pointer;text-decoration:none}button:hover,.button:hover{border-color:#8e81ed;background:#f0edff}button:disabled{opacity:.55;cursor:default}a{color:#6252db}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a79bea;outline-offset:3px}.app-shell{max-width:1240px;margin:auto;min-height:100svh}header{height:84px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e5f1}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#2b284b;font-size:23px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#6252db;color:#fff;font-size:21px;font-weight:700;box-shadow:0 5px 15px #6252db22}.header-actions{display:flex;align-items:center;gap:12px}#workspace-menu{position:relative}summary{cursor:pointer;padding:10px 12px;font-weight:600}#workspace-menu>summary{border:1px solid #dce0ed;border-radius:10px;background:#fff;list-style:none}#workspace-menu>summary::after{content:' ☰';margin-left:8px}#workspace-menu nav{position:absolute;right:0;top:48px;width:270px;max-width:calc(100vw -32px);padding:9px;border:1px solid #dddff0;border-radius:14px;background:#fff;box-shadow:0 14px 44px #30354c24;z-index:10}#workspace-menu nav button,#workspace-menu nav a{display:block;width:100%;border:0;border-radius:8px;background:none;padding:11px 12px;text-align:left;text-decoration:none;font-size:14px;color:#353d55}#workspace-menu nav button:hover,#workspace-menu nav a:hover{background:#f1efff}main{padding:28px 32px 32px;min-width:0}.home-panel{display:flex;flex-direction:column;min-height:calc(100svh -150px)}.home-heading{text-align:center;margin:18px 0 34px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#8176b3}.home-heading h1{font-size:30px;margin:8px 0}.home-heading p:last-child{color:var(--muted);font-size:14px}.app-icons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;align-items:start}.app-tile{text-align:center;min-width:0}.app-launch{display:flex;align-items:center;flex-direction:column;gap:13px;padding:8px 4px;border:0;background:none;text-decoration:none;color:#30364e;width:100%;border-radius:15px}.app-launch:hover{background:#eeebff}.app-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:30px;font-weight:600;box-shadow:0 6px 17px #3b3b7b12;background:#e9e2ff;color:#7952d3}.icon-aime{background:#6252db;color:#fff}.icon-business{background:#ffeadb;color:#cb7434}.icon-finance{background:#e0f2e9;color:#438867}.icon-research{background:#e3edff;color:#557fcc}.icon-autodev{background:#e9e3fc;color:#7256c4}.icon-operations{background:#e0f0f2;color:#418a96}.icon-shared{background:#f2e5ee;color:#b46f9c}.app-name{font-size:14px;font-weight:650}.app-tile p{font-size:12px;line-height:1.55;color:#747c92;margin:3px 0 8px;min-height:38px}.app-status{display:inline-block;font-size:10px;line-height:1.5;color:#858da1;max-width:100%}.composer-area{width:100%;max-width:790px;margin:auto auto 0;padding-top:50px}.composer{background:#fff;border:1px solid #ddddec;border-radius:20px;padding:16px 18px;box-shadow:0 8px 30px #4d426f0a}.composer textarea{background:transparent;border:0;resize:vertical;min-height:92px;max-height:330px;padding:4px;line-height:1.65}.composer textarea:focus{outline:none}.composer:focus-within{border-color:#a899e8;box-shadow:0 0 0 3px #c6baef35}.composer-toolbar{display:flex;align-items:center;gap:10px;border-top:1px solid #f0edf7;padding-top:12px;margin-top:8px}.composer-toolbar select{width:auto;max-width:45%;padding:9px 10px;background:#f7f6fc;border:0;border-radius:9px;font-size:12px}.composer-toolbar button{margin:0 0 0 auto;background:#6252db;color:#fff;border-color:#6252db;white-space:nowrap}.composer-hint,#feedback{font-size:11px;color:#81899b;text-align:center;line-height:1.7;margin:12px 4px 0}.approval-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ebd8b4;background:#fff9ec;border-radius:12px;padding:12px 16px;margin-bottom:14px;font-size:13px}.approval-notice p{margin:0}.approval-notice>div{display:flex;gap:14px;flex-shrink:0}.approval-notice a{font-weight:600}section[data-panel]:not(.home-panel),.setup{padding:24px;border:1px solid #e0e3ef;border-radius:16px;background:#fff;margin-bottom:20px}h2{font-size:24px}h3{font-size:18px}p{line-height:1.7}label{display:block;margin:16px 0 7px;font-size:13px;color:#626c83}input,textarea,select{width:100%;padding:12px;background:#fafbff;border:1px solid #dce1ed;border-radius:9px;color:#30364c}textarea{min-height:110px;resize:vertical}form button{margin-top:12px}#worker-options{border-top:1px solid #eeeaf6;margin-top:14px;padding-top:4px}#architecturesections article{margin:28px 0;border-top:1px solid #e4e6f1;padding-top:12px}#architecturesections article>h3{font-size:22px;color:#3e3467}#architecturesections textarea{font-family:ui-monospace,monospace;font-size:12px;line-height:1.6;min-height:280px}.architecture-tree{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.8;background:#fafaff;border:1px solid #e8e6f2;border-radius:12px;padding:20px 16px;min-width:0}.tree-row{display:grid;grid-template-columns:max-content minmax(0,1fr);min-height:25px}.tree-guide{white-space:pre;color:#9c94b7}.tree-content{white-space:pre-wrap;overflow-wrap:anywhere}.tree-spacer{min-height:12px;height:12px;overflow:hidden}.tree-status{font-family:Inter,system-ui,sans-serif;font-size:10px;line-height:1.4;border-radius:5px;padding:2px 5px}.tree-status.existing{background:#e7f3eb;color:#4f7861}.tree-status.future{background:#eeebfa;color:#8170a4}.tree-status.candidate{background:#fff0d9;color:#a17c3d}#architecturesections details{margin-top:16px}#architecturesections details>summary{font-size:12px;display:inline-block;color:#74619e}#controllercontrols article,#controllerrecords article,#mcpconnections article,#businessgoals article,#tasks article{padding:18px;border:1px solid #e0e3ef;border-radius:12px;margin:16px 0;min-width:0}#controllerrecords p,#businessgoals article p,#tasks article{white-space:pre-wrap;overflow-wrap:anywhere}#controllercontrols button+button{margin-left:10px}#controllerreport{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}#mcppermissions{display:flex;flex-wrap:wrap;gap:12px}#mcppermissions label{margin:0}#mcppermissions input{width:auto;margin-right:8px}#error{color:#b85069;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login-only main,#login{text-align:center}.login-only .button{background:#6252db;color:#fff}.login-only #login{max-width:460px;margin:12vh auto}.login-only h1{font-size:32px}
@media(max-width:1000px){.app-icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.home-panel{min-height:calc(100svh -150px)}.composer-area{padding-top:34px}}
@media(max-width:600px){header{height:70px;padding:0 16px}.brand{font-size:21px}.header-actions{gap:8px}.header-actions>button{font-size:11px;padding:10px}main{padding:18px 16px 24px}.home-heading{margin:8px 0 20px}.home-heading h1{font-size:25px}.home-panel{min-height:calc(100svh -115px)}.app-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.app-icon{width:48px;height:48px;border-radius:15px;font-size:26px}.app-name{font-size:12px}.app-tile p{font-size:10px;min-height:32px}.app-status{font-size:9px}.composer-area{padding-top:30px}.composer{padding:12px;border-radius:16px}.composer-toolbar{gap:6px;flex-wrap:wrap}.composer-toolbar select{max-width:100%;font-size:11px;flex:1}.composer-toolbar button{font-size:11px;padding:9px 12px}.approval-notice{align-items:flex-start;font-size:12px}section[data-panel]:not(.home-panel),.setup{padding:16px}.architecture-tree{font-size:12px;padding:16px 8px}.tree-guide{max-width:28vw;overflow:hidden}.tree-row{min-height:24px}.tree-status{font-size:9px}#architecturesections article>h3{font-size:19px}}

/* The standalone sign-in shell shares header spacing and owns its footer layout. */
.login-only { --login-gutter:32px; }
.login-only .app-shell { display:flex; flex-direction:column; min-height:100svh; }
.login-only header { flex:none; padding-inline:var(--login-gutter); gap:16px; }
.login-only header span { color:#60677b; font-size:13px; text-align:right; }
.login-only main { flex:1; display:grid; place-items:center; padding:48px var(--login-gutter); }
.login-only #login { width:100%; max-width:460px; margin:0; }
.login-only .app-footer { display:flex; flex:none; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px 24px; padding:20px var(--login-gutter); border-top:1px solid #e4e5f1; color:#60677b; font-size:13px; line-height:1.5; }
@media(max-width:600px) {
  .login-only { --login-gutter:24px; }
  .login-only header { height:auto; min-height:70px; padding-block:16px; }
  .login-only header span { max-width:180px; font-size:12px; }
  .login-only main { padding-block:36px; }
  .login-only .app-footer { flex-direction:column; align-items:flex-start; gap:8px; }
}

.conversation { margin:0 0 20px; padding:16px; border:1px solid #e0e3ef; border-radius:16px; background:#ffffffb8; }
.conversation-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.conversation-toolbar h2 { margin:0; font-size:16px; }
.conversation-toolbar button { font-size:12px; padding:8px 10px; }
#conversation-feed { max-height:340px; overflow:auto; }
#conversation-feed article { border-top:1px solid #e4e6f1; padding:14px 0; min-width:0; }
#conversation-feed h3 { margin:0 0 8px; font-size:14px; }
#conversation-feed p,.conversation-result { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.6; }
.conversation-meta,.conversation-update { color:#60677b; }
.conversation-result { background:#f6f5fc; padding:12px; border-radius:8px; }
@media(max-width:600px) { .conversation { padding:12px; } #conversation-feed { max-height:280px; } }

img.brand-icon{display:block;background:transparent;box-shadow:none;object-fit:contain}


/* Home keeps the composer visible; saved history owns the remaining height. */
body.home-view:not(.login-only){height:100dvh;overflow:hidden}
.home-view:not(.login-only) .app-shell{height:100dvh;min-height:0;display:flex;flex-direction:column}
.home-view header{flex:none}
.home-view main{flex:1;min-height:0;display:flex;flex-direction:column;padding-block:20px 12px}
.home-view #workspace{flex:1;min-height:0;display:flex;flex-direction:column}
.home-view .home-panel{flex:1;min-height:0;gap:20px}
.home-view .app-icons{flex:none}
.home-view .composer-area{flex:1;min-height:0;margin:0 auto;padding-top:0;display:flex;flex-direction:column;gap:10px}
.home-view .conversation{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;overflow:hidden}
.home-view .conversation-toolbar,.home-view #conversation-context{flex:none}
.home-view #conversation-feed{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.home-view .composer{flex:none;max-height:45dvh;overflow:auto}
.home-view .composer textarea{height:80px;min-height:48px;max-height:120px;resize:none}
.home-view .approval-notice{flex:none;margin:0;max-height:15dvh;overflow:auto}
.home-view .composer-hint,.home-view #feedback{margin:0;font-size:11px}
.home-view #feedback:empty,.home-view #error:empty{display:none}
.home-view #feedback,.home-view #error{max-height:48px;overflow:auto;flex:none}
@media(max-width:1000px){
 .home-view .app-icons{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
 .home-view .app-tile{flex:0 0 120px}
}
@media(max-width:600px),(max-height:650px){
 .home-view header{height:60px}
 .home-view main{padding:10px 12px}
 .home-view .home-panel{gap:10px}
 .home-view .app-launch{gap:6px;padding:4px}
 .home-view .app-icon{width:40px;height:40px;border-radius:12px;font-size:24px}
 .home-view .app-tile p{display:none}
 .home-view .app-status{font-size:9px}
 .home-view .composer{padding:10px}
 .home-view .composer textarea{height:48px;min-height:36px}
 .home-view .conversation{padding:10px}
 .home-view #conversation-context{font-size:10px;line-height:1.4}
 .home-view .composer-toolbar{padding-top:8px;margin-top:4px}
}
@media(max-height:450px){
 .home-view header{height:48px}
 .home-view .app-icons{display:flex;overflow-x:auto;gap:8px;padding-bottom:2px}
 .home-view .app-tile{flex:0 0 130px}
 .home-view .app-launch{flex-direction:row;justify-content:center;gap:6px}
 .home-view .app-icon{width:28px;height:28px;font-size:19px;border-radius:8px}
 .home-view .app-name{font-size:11px}
 .home-view .app-tile p{display:none}
 .home-view #conversation-context{display:none}
 .home-view .composer textarea{height:36px;min-height:36px}
 .home-view .composer-toolbar{padding-top:4px;margin-top:0}
 .home-view .composer-toolbar select,.home-view .composer-toolbar button{padding:6px 8px}
 .home-view .composer-hint{font-size:10px;line-height:1.3}
}

/* Eight visible ACD areas; Products is a planned informational tile. */
.home-view .app-icons{grid-template-columns:repeat(8,minmax(0,1fr))}
.app-name{overflow-wrap:anywhere}
.icon-products{background:#fff0d9;color:#a17c3d}
.planned-app:hover{background:transparent}
@media(max-width:1000px){.home-view .app-tile{flex-basis:150px}}

.brand-label{display:block;min-width:0}
.brand-label small{display:block;font-size:11px;font-weight:400;line-height:1.3;color:var(--muted)}
@media(max-width:600px){.brand-label{max-width:140px}.brand-label strong{font-size:18px}.brand-label small{font-size:9px}.home-view .brand{gap:8px}.home-view .brand-icon{width:32px;height:32px}}

/* Compact controller shortcuts sit beside the request workflow. */
.home-view .composer-area .app-icons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;width:100%;flex:none;margin:0;padding:2px 0 5px}
.home-view .composer-area .app-tile{min-width:0;position:relative}
.home-view .composer-area .app-launch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:61px;padding:5px 2px}
.home-view .composer-area .app-icon{width:28px;height:28px;border-radius:9px;font-size:18px;box-shadow:none}
.home-view .composer-area .app-name{font-size:10px;line-height:1.2;text-align:center}
.home-view .composer-area .app-tile p,.home-view .composer-area .app-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.home-view .composer textarea{height:104px;min-height:78px;max-height:min(22dvh,160px);resize:vertical;line-height:1.5}
.compose-help{font-size:11px;color:#737b91;margin:2px 3px 0;text-align:right}
.conversation-steps{list-style:none;padding:0;margin:10px 0 0;border-left:2px solid #dcd9f5}
.conversation-steps li{position:relative;margin:0 0 10px 12px;padding:0 0 0 4px;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.conversation-steps li::before{content:'';position:absolute;left:-19px;top:6px;width:8px;height:8px;border-radius:50%;background:#7868d8}
.conversation-steps time{display:block;color:#798197;font-size:11px}
.conversation-steps strong{color:#30364e}
.conversation-steps p{margin:2px 0 0}
.conversation-next{font-weight:600;color:#514390}
@media(max-width:1000px){.home-view .composer-area .app-icons{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity}.home-view .composer-area .app-tile{flex:0 0 106px;scroll-snap-align:start}}
@media(max-width:600px){.home-view .composer textarea{height:84px;min-height:70px}.home-view .composer-area .app-launch{min-height:56px}.home-view .composer-area .app-tile{flex-basis:100px}.compose-help{font-size:10px}}
@media(max-height:450px){.home-view .composer textarea{height:68px;min-height:58px}.home-view .composer-area .app-launch{flex-direction:column;min-height:48px}.home-view .composer-area .app-icon{width:23px;height:23px;font-size:15px}.compose-help{display:none}}
.master-overview>p{max-width:920px;color:#596276}
.master-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.5fr) minmax(220px,1fr);gap:22px;align-items:start}
.master-grid>section{min-width:0}
.master-grid h3{margin:14px 0 10px}
.master-grid h4{font-size:14px;margin:0 0 4px}
.master-grid article{border:1px solid #e0e3ef;border-radius:12px;padding:12px;margin:0 0 9px;background:#fafaff;overflow-wrap:anywhere}
.master-grid article p{font-size:12px;line-height:1.45;margin:5px 0}
.master-grid .master-state,.master-empty{color:#727b91;font-size:12px}
.master-grid article button,.master-grid article a{display:inline-block;margin-top:5px;font-size:12px}
#masteraccess p,#masteridentity{font-size:13px;line-height:1.5;padding:9px 0;border-bottom:1px solid #ececf4;margin:0}
@media(max-width:1100px){.master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.master-grid{grid-template-columns:1fr}}
@media(max-height:450px){
 .home-view .home-panel,.home-view .composer-area{gap:4px}
 .home-view .composer-area .app-icons{height:42px;padding:0}
 .home-view .composer-area .app-launch{min-height:38px;padding:2px}
 .home-view .composer-area .app-icon{width:20px;height:20px;font-size:14px}
 .home-view .composer{padding:7px}
 .home-view .composer textarea{height:52px;min-height:46px}
 .home-view .composer-toolbar select,.home-view .composer-toolbar button{padding:4px 6px}
}
