.connected-note{display:block;margin-top:12px;color:#63806b;font-size:10px}.task-owner{font-size:11px;color:#6f8177}
.opening-page{max-width:1600px;padding:32px 32px 50px}.opening-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:20px 8px}
.opening-summary>div{padding:0 20px;border-right:1px solid var(--line)}.opening-summary>div:last-child{border:0}.opening-summary b{display:block;font-size:27px;color:var(--green)}.opening-summary span{display:block;color:var(--muted);font-size:11px;margin-top:7px}.opening-summary .sync-state b{font-size:17px;margin-top:5px}
.source-strip{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#7d8179;padding:12px 2px;line-height:1.6}
.shell>aside{--nav-accent:#59479c;--nav-border:#e0e3f2;position:sticky;top:0;height:100vh;overflow-y:auto;background:#eef0fa;border-color:var(--nav-border);padding:26px 14px;color:#25334a}
.shell>aside .brand{padding:0 10px 30px;gap:11px}
.shell>aside .brand>span{width:38px;height:38px;border-radius:12px;background:#e3def6;color:#6554c0;font-size:22px;border:1px solid #d8d0f0}
.shell>aside .brand b{font-size:18px;font-weight:700;letter-spacing:.5px}
.shell>aside .brand small{font-size:12px;color:#7c8797;margin-top:4px}
.shell>aside nav{gap:7px}
.shell>aside nav .nav-main{font-size:18px;font-weight:650;line-height:1.45;padding:13px 12px;min-height:52px;background:#f9faffb3;border:1px solid #e1e5f380;border-radius:10px;color:#5f6881;box-shadow:none;transition:background .15s,border-color .15s}
.shell>aside nav .nav-main i{font-size:19px;color:#8a83b0;width:28px}
.shell>aside nav .nav-main:hover{background:#e6e6f6;color:#494274}
.shell>aside nav .nav-main.on{background:#dcd8f3;color:var(--nav-accent);border-color:#d3ccef;box-shadow:0 3px 8px #6554c007}
.shell>aside nav .nav-main.on i{color:#6d57b2}
.nav-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:19px;color:#8a83b0;font-weight:500}
.shell>aside nav .nav-main[aria-expanded]{padding-right:35px}
.nav-section{display:grid;min-width:0}
.sidebar-overview{padding-bottom:14px;margin-bottom:5px;border-bottom:1px solid var(--nav-border)}
.sidebar-overview .nav-main{width:100%}
.nav-subitems{display:grid;gap:4px;border-left:1px solid #d8d3ea;margin:7px 0 7px 25px;padding:3px 0 3px 10px}
.shell>aside nav .nav-subitem{font-size:13px;font-weight:500;line-height:1.5;padding:9px 12px;color:#69738b;border:1px solid transparent;border-radius:8px;transition:background .15s}
.shell>aside nav .nav-subitem:hover{background:#e6e6f6;color:#494274}
.shell>aside nav .nav-subitem.selected{color:var(--nav-accent);background:#faf9ff;border-color:#ddd6f1;font-weight:650}
.shell>aside nav .nav-subitem.selected:before{content:'';position:absolute;width:3px;height:14px;background:#7c6ccb;border-radius:3px;left:-12px;top:50%;transform:translateY(-50%)}
.shell>aside nav button:focus-visible{outline:2px solid #7c6ccb;outline-offset:2px}
.shell>aside .account{border-color:var(--nav-border);padding-top:18px;color:#4b5c72}
.shell>aside .account small{color:#8995a5}.shell>aside .account button{color:#7c8797}
.shell>aside .avatar{background:#e3def6;color:#6554c0;border-radius:10px}
.nav-subitems[hidden]{display:none}
.shell>aside nav .nav-count{font-size:10px;opacity:.7;margin-left:10px;font-weight:500}
.opening-work{margin-top:0;grid-template-columns:minmax(0,1fr) 350px}.opening-work .right-panel{margin-top:32px}.opening-work .section-head{margin-top:30px}.handoff{margin-top:20px}.smart-card{border-top:3px solid var(--green)}.muted-note{font-size:11px!important}.next-action{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.next-action>b{font-size:13px;display:block;margin-bottom:7px}.text-button{background:transparent;border:0;color:var(--green);font-size:12px;padding:8px 0 0}
.embedded-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 12px;font-size:12px;color:#768178}.embedded-toolbar input{border:1px solid var(--line);border-radius:6px;padding:6px 9px;margin-left:8px;color:var(--green);background:var(--paper)}
#opening-frame{width:100%;height:calc(100vh - 280px);min-height:660px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
button:disabled{cursor:not-allowed;opacity:.45}textarea:read-only{background:#f6f7f4;color:#8a938d}
@media(max-width:1050px){.opening-page{padding:24px 18px}.opening-work{grid-template-columns:1fr}.opening-work .right-panel{margin-top:10px;grid-template-columns:1fr 1fr}}
@media(max-width:920px){.shell{grid-template-columns:minmax(0,1fr)}.shell>aside{min-width:0;height:auto;overflow:visible;flex-wrap:wrap;padding:14px}.shell>aside .brand{padding:0}.shell>aside .account{padding:0}.shell>aside nav{width:100%;order:3;display:flex;flex-wrap:wrap;align-items:center;overflow:visible;gap:5px}.nav-section{display:contents}.shell>aside nav .nav-main{font-size:16px;padding:8px;min-height:42px}.nav-subitems{order:2;width:100%;display:flex;flex-wrap:wrap;border-left:0;border-top:1px solid var(--nav-border);margin:3px 0 0;padding:8px 0 0}.shell>aside nav .nav-subitem{font-size:12px;padding:7px 10px}.shell>aside nav .nav-subitem.selected:before{display:none}.shell>main{width:100%;min-width:0}.opening-page{width:100%}}
/* A wrapped navigation is taller than a toolbar: do not let it cover form controls. */
@media(max-width:920px){.shell>aside{position:static}}
@media(max-width:650px){.opening-summary{grid-template-columns:1fr 1fr;gap:22px}.opening-summary>div:nth-child(2){border:0}.opening-summary b{font-size:22px}.opening-work .right-panel{grid-template-columns:1fr}.embedded-toolbar{flex-wrap:wrap}#opening-frame{min-height:760px}.opening-page{padding:22px 12px}.shell>aside nav .nav-main{font-size:16px;padding:7px}.shell>aside nav .nav-main i{font-size:16px;margin-right:4px}.shell>aside .account{margin-left:auto}}