/* Chart Room overrides. Shared geometry remains in portal-v020.css. */
/* Post content adapts inside the unchanged center column. */
#portal-v020 .v020-thought-content{margin-top:14px;min-width:0}
#portal-v020 .v020-thought-content.has-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,42%);gap:24px;align-items:start}
#portal-v020 .v020-thought-copy{min-width:0;overflow-wrap:anywhere}
#portal-v020 .v020-thought-copy h4{font:600 21px/1.3 Georgia,serif;margin:0 0 10px}
#portal-v020 .v020-thought-copy p{font-size:15px;line-height:1.65;margin:0;white-space:pre-wrap}
#portal-v020 .v020-thought-media{display:grid;gap:10px;min-width:0}
#portal-v020 .v020-post-image-button{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;background:#091823;border:1px solid #29414f;border-radius:8px;overflow:hidden}
#portal-v020 .v020-post-image-button .v020-thought-image{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;margin:0}
#portal-v020 .v020-thought-post>.v020-post-reactions{padding:12px 0;margin-top:12px;border-top:1px solid #29414f}
@media(max-width:760px){#portal-v020 .v020-thought-content.has-media{display:flex;flex-direction:column;gap:14px}#portal-v020 .v020-thought-copy,#portal-v020 .v020-thought-media{width:100%}#portal-v020 .v020-thought-copy{order:0}#portal-v020 .v020-thought-media{order:1}#portal-v020 .v020-thought-copy h4{font-size:20px}#portal-v020 .v020-post-image-button .v020-thought-image{max-height:440px}}
#portal-v020 [data-area=time]{--feature-accent:#64d58b}
#portal-v020 [data-area=activities]{--feature-accent:#e8b35e}
#portal-v020 [data-area=weather]{--feature-accent:#65bdf3}
#portal-v020 [data-area=ship]{--feature-accent:#b499de}
#portal-v020 [data-area=onboarding]{--feature-accent:#f09bbb}
#portal-v020 [data-area=website]{--feature-accent:#e1d16b}
#portal-v020 .v020-feed-nav button[data-area]{color:var(--feature-accent)}
#portal-v020 .v020-feed-post[data-area]{border-left:3px solid var(--feature-accent)}
#portal-v020 .v020-feed-post[data-area] .major-feature-icon{color:var(--feature-accent)}
#portal-v020 .v020-post-type{display:inline-block;font:11px/1.5 -apple-system,sans-serif;color:var(--feature-accent,#8bd6ef);border:1px solid currentColor;border-radius:12px;padding:1px 8px;margin:4px 0 8px}
#portal-v020 .v020-screen-shelf-strip>button{border-color:var(--feature-accent,#345163);transition:transform .15s,border-color .15s}
#portal-v020 .v020-screen-shelf-strip>button:hover{transform:translateY(-2px)}
#portal-v020 .v020-thought-composer{border-left:3px solid #48c7b5;background:linear-gradient(100deg,#12333a,#10212c 80%)}
#portal-v020 .v020-feed-comment .crew-avatar,#portal-v020 .v020-thought-head .crew-avatar,#portal-v020 .v020-crew-update .crew-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;border:1px solid var(--feature-accent,#65bdf3)}
#portal-v020 .v020-important-button[aria-pressed=true]{color:#e8b35e!important}
#portal-v020 .v020-thumb[aria-pressed=true]{color:#48c7b5!important}
#portal-v020 .v020-thumb[aria-pressed=true] .v020-thumb-icon svg{fill:currentColor}
@media(prefers-reduced-motion:reduce){#portal-v020 .v020-screen-shelf-strip>button{transition:none}#portal-v020 .v020-screen-shelf-strip>button:hover{transform:none}}

#portal-v020 [data-area=darkbridge]{--feature-accent:#f07878}
#portal-v020 .v020-feed-nav button[data-area] .major-feature-icon,#portal-v020 .v020-feed-nav button[data-area]>span{color:inherit}
#portal-v020 .v020-feed-nav button[data-area][aria-pressed=true]{color:var(--feature-accent)!important}

#portal-v020 [data-area=crewportal]{--feature-accent:#a5b7ff}
#portal-v020 .v020-add-feature{white-space:nowrap;border:1px solid #345163;background:#102635;color:#bde9f5;padding:9px 12px;min-height:40px}
#portal-v020 .v020-feed-heading{flex-wrap:wrap}
#portal-v020 .v020-feed-heading>div:first-child{flex:1;min-width:220px}
#portal-v020 .v020-feed-heading>input{flex:0 1 280px}
@media(max-width:760px){#portal-v020 .v020-add-feature{min-height:44px}#portal-v020 .v020-feed-heading>input{flex-basis:100%}}
#portal-v020 .v020-managed-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #29414f;border-radius:8px;background:#10212c;padding:12px;margin:8px 0}
#portal-v020 .v020-managed-row.is-child{margin-left:20px;border-left:3px solid #34596b}
#portal-v020 .v020-managed-row>button:first-of-type{flex:1;min-width:130px;text-align:left;font-size:15px;border:0;background:none}
#portal-v020 .v020-managed-row>button{padding:6px 9px}
#portal-v020 .v020-managed-row>small{flex-basis:100%;margin-left:28px}
#portal-v020 .v020-feature-edit{padding:18px;border:1px solid #345163;border-radius:9px;background:#10212c}
#portal-v020 .v020-feature-edit label{font-size:13px;margin:12px 0}
#portal-v020 .v020-feature-edit button{margin-right:8px}
/* Administrative action stays distinct from discussion filters. */
#portal-v020 .v020-feed-nav .v020-manage-features{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;text-align:center;margin-top:10px;padding:10px 12px;border:1px solid #42677b;border-radius:7px;background:#123043;color:#d8ecf5;font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
#portal-v020 .v020-feed-nav .v020-manage-features:hover{background:#1b4055;border-color:#78bbd3}
#portal-v020 .v020-feed-nav .v020-manage-features[aria-current=page]{background:#1a465a;border-color:#72d5f4;box-shadow:inset 3px 0 #72d5f4;color:#eefaff}
#portal-v020 button:focus-visible,#portal-v020 summary:focus-visible{outline:2px solid #8ad9ee;outline-offset:3px}
#portal-v020 .v020-feature-more summary::-webkit-details-marker{display:none}
@media(max-width:760px){#portal-v020 .v020-feature-manager nav.v020-feed-nav{display:block!important;position:static}#portal-v020 .v020-managed-row.is-child{margin-left:10px}}
/* Feature manager: clear hierarchy, quiet controls, contextual secondary actions. */
#portal-v020 .v020-feature-group{border:1px solid #29414f;border-left:3px solid var(--feature-accent,#72d5f4);border-radius:9px;background:#10212c;margin:0 0 14px;overflow:visible}
#portal-v020 .v020-managed-row,#portal-v020 .v020-managed-row.is-child{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;border:0;border-radius:0;background:transparent;padding:10px 12px;margin:0;min-height:65px}
#portal-v020 .v020-managed-row.is-child{margin-left:23px;border-top:1px solid #29414f;border-left:1px solid #34596b;padding-left:14px;min-height:55px}
#portal-v020 .v020-managed-row.is-selected{background:#163343;border-radius:6px;box-shadow:inset 2px 0 var(--feature-accent,#72d5f4)}
#portal-v020 .v020-managed-row>.v020-feature-select{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:4px 0!important;box-shadow:none!important;background:transparent!important;border:0!important;text-align:left}
#portal-v020 .v020-feature-name{display:flex;flex-direction:column;gap:3px;min-width:0}
#portal-v020 .v020-feature-name strong{font:600 16px/1.3 Georgia,serif;color:#e0edf4;overflow-wrap:anywhere}
#portal-v020 .is-child .v020-feature-name strong{font:14px/1.4 -apple-system,sans-serif;color:#c4d9e6}
#portal-v020 .v020-feature-name small{font:11px/1.3 -apple-system,sans-serif;color:#8daabf}
#portal-v020 .v020-feature-select .major-feature-icon{color:var(--feature-accent,#72d5f4);flex:0 0 20px}
#portal-v020 .v020-row-edit,#portal-v020 .v020-row-add{font-size:12px;white-space:nowrap;min-height:34px;border:1px solid #345163;background:#112936}
#portal-v020 .v020-row-edit{border-color:transparent;background:transparent;color:#9ccde0}
#portal-v020 .v020-feature-more{position:relative;flex-shrink:0}
#portal-v020 .v020-feature-more summary{list-style:none;padding:7px 10px;cursor:pointer;min-height:36px;font-size:19px;line-height:1}
#portal-v020 .v020-feature-menu{position:absolute;right:0;top:100%;z-index:8;width:155px;border:1px solid #456477;border-radius:8px;padding:5px;background:#122b3a;box-shadow:0 8px 24px #0006}
#portal-v020 .v020-feature-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;font-size:12px;min-height:36px}
#portal-v020 .v020-feature-menu button:last-child{border-top:1px solid #345163;color:#e8b35e}
#portal-v020 .v020-feature-edit{margin:18px 0 22px;border-top:3px solid #72d5f4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
#portal-v020 .v020-feature-edit>h3,#portal-v020 .v020-feature-edit>p,#portal-v020 .v020-feature-edit>label:first-of-type{grid-column:1/-1}
#portal-v020 .v020-feature-edit label{margin:0;font-size:12px}
#portal-v020 .v020-feature-edit button{justify-self:start}
#portal-v020 .v020-manager-main>.v020-feed-heading{min-height:54px;padding-bottom:0;align-items:center}
#portal-v020 .v020-manager-main>p.v020-muted{margin:4px 0 20px;font-size:13px}
#portal-v020 .v020-manager-main .v020-feed-heading button{background:#185168;border-color:#39758c;font-size:12px;white-space:nowrap;padding:10px 15px}
@media(max-width:760px){#portal-v020 .v020-feature-edit{grid-template-columns:minmax(0,1fr)}#portal-v020 .v020-managed-row{gap:4px;padding:9px}#portal-v020 .v020-row-add{font-size:11px;padding:6px}#portal-v020 .v020-feature-more summary{min-height:44px}.v020-feature-manager .v020-row-edit{min-height:44px}}
#portal-v020 .v020-feature-edit>h3{font:600 21px Georgia,serif;color:#e0edf4;letter-spacing:0;margin:0 0 5px}
#portal-v020 .v020-color-editor{grid-column:1/-1;display:grid;grid-template-columns:minmax(130px,1fr) 48px 32px;align-items:end;gap:12px;border:1px solid #345163;border-radius:8px;padding:14px;margin:0}
#portal-v020 .v020-color-editor legend{font-size:13px;color:#c8dce8}
#portal-v020 .v020-color-editor input[type=color]{height:43px;padding:3px;width:48px}
#portal-v020 .v020-color-preview{display:block;width:28px;height:28px;border:1px solid #7893a4;border-radius:50%;margin-bottom:7px}
#portal-v020 .v020-color-swatches{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px}
#portal-v020 .v020-color-swatches button{width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;border:3px solid #10212c;background:var(--swatch)!important;outline:1px solid #456477}
#portal-v020 .v020-color-swatches button[aria-pressed=true]{outline:3px solid #d8e9f3;box-shadow:none}
#portal-v020 .v020-color-editor>button{grid-column:1/-1;background:none;border:0;padding:3px 0;font-size:12px;color:#9ccde0}
@media(max-width:760px){#portal-v020 .v020-color-swatches button{width:40px;height:40px;min-height:40px}}
/* Chart Room review refinements: aligned forms and compact, predictable controls. */
#portal-v020 .v020-feature-manager .v020-feed-heading{flex-wrap:nowrap}
#portal-v020 .v020-feature-manager .v020-feed-heading h2{font-size:29px}
#portal-v020 .v020-feature-manager .v020-feed-side{position:sticky;top:14px}
#portal-v020 .v020-feature-manager .v020-feed-nav>input{width:100%;font-size:13px;padding:10px 12px;margin:10px 0 12px}
#portal-v020 .v020-feature-edit input,#portal-v020 .v020-feature-edit select{font-size:14px;padding:10px 12px}
#portal-v020 .v020-feature-edit>button[type=submit]{background:#185168;border-color:#39758c}
#portal-v020 .v020-feature-edit>button[type=button]{background:none;border-color:#345163;color:#b0cbd9}
#portal-v020 .v020-attachment-name{font-size:11px;color:#a9c2d0;overflow-wrap:anywhere}
#portal-v020 .v020-screen-shelf-strip:has(button:not([hidden])){min-height:0}
#portal-v020 .v020-feed-post-heading .v020-post-type{margin:4px 0;font-size:10px}
#portal-v020 .v020-post-reactions{gap:8px}
@media(max-width:760px){#portal-v020 .v020-feature-manager .v020-feed-heading{flex-wrap:wrap}#portal-v020 .v020-feature-manager .v020-feed-side{position:static}#portal-v020 .v020-feature-edit input,#portal-v020 .v020-feature-edit select{font-size:16px}}
/* Feature appearance settings belong in the right detail rail. */
#portal-v020 .v020-feature-manager .v020-feed-side>.v020-color-editor{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:12px 8px;padding:12px;margin:0;width:100%;min-width:0}
#portal-v020 .v020-feature-manager .v020-feed-side .v020-color-preview{display:none}
#portal-v020 .v020-feature-manager .v020-feed-side .v020-color-editor label{font-size:12px;margin:0;min-width:0}
#portal-v020 .v020-feature-manager .v020-feed-side .v020-color-editor input[type=text]{font-size:13px;padding:9px 7px;min-width:0;width:100%}
#portal-v020 .v020-feature-manager .v020-feed-side .v020-color-swatches{gap:9px}
#portal-v020 .v020-feature-manager .v020-feed-side .v020-color-editor>button{font-size:12px;text-align:left}
@media(max-width:760px){#portal-v020 .v020-feature-manager>.v020-feed-side{display:block!important;margin-top:16px;position:static}}
/* Entire feature editor uses the right details column. Center remains the hierarchy. */
#portal-v020 .v020-feature-manager .v020-feed-side>.v020-feature-edit{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;border:0;background:transparent}
#portal-v020 .v020-feature-manager .v020-feed-side .v020-feature-edit>h3{font:600 19px/1.3 Georgia,serif;margin:0;color:#e0edf4;letter-spacing:0}
#portal-v020 .v020-feature-manager .v020-feed-side .v020-feature-edit input,#portal-v020 .v020-feature-manager .v020-feed-side .v020-feature-edit select{width:100%;min-width:0;font-size:13px;padding:9px 10px}
#portal-v020 .v020-feature-manager .v020-feed-side .v020-feature-edit button[type=submit]{width:100%;margin:0}
#portal-v020 .v020-feature-manager .v020-feed-side .v020-feature-edit>button[type=button]{width:100%;margin:0}
#portal-v020 .v020-feature-manager .v020-feed-side .v020-color-editor{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:12px 8px;padding:10px;margin:0;min-width:0}
#portal-v020 .v020-feature-manager .v020-feed-side .v020-color-editor input[type=color]{width:46px;height:40px;padding:3px}
@media(max-width:760px){#portal-v020 .v020-feature-manager .v020-feed-side .v020-feature-edit input,#portal-v020 .v020-feature-manager .v020-feed-side .v020-feature-edit select{font-size:16px}}