/* Open workspace, readable type roles and consistent controls. */
html{scrollbar-gutter:stable}
html:root[data-ui="aero"]{--tx:#20323a;--mu:#526874;--ac:#146b59;--ok:#17664e;--wa:#80511b;--cr:#9d3349;--bd:#d7e4e8;--display:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;--body:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif}
html[data-ui="aero"] body{font-family:var(--body);color:var(--tx);background:linear-gradient(#f5fbfc 0,#fff 340px);font-size:15px;line-height:1.65}
html[data-ui="aero"] #v{background:transparent;border:0;border-radius:0;box-shadow:none;padding:28px 32px 40px;min-height:calc(100dvh - 220px)}
html[data-ui="aero"] .view-heading{min-height:114px;align-items:flex-start}
html[data-ui="aero"] .view-heading h2{font-size:40px;letter-spacing:-1.15px;color:var(--tx);font-weight:650}
html[data-ui="aero"] .view-heading p{font-size:16px;color:var(--mu)}
html[data-ui="aero"] :is(.mu,.eyebrow,.round-label,.platform-note,.platform-account,.date-heading){color:var(--mu)}
html[data-ui="aero"] :is(h1,h2,h3,.big,.aero-audience-name){color:var(--tx)}
html[data-ui="aero"] :is(input,textarea,select,button){font-family:var(--body)}
html[data-ui="aero"] .view a:not(.b):not(.btn){color:var(--ac);text-underline-offset:3px}
html[data-ui="aero"] .view .ok{color:var(--ok)}
html[data-ui="aero"] .view .wa{color:var(--wa)}
html[data-ui="aero"] .view :is(.cr,.form-message){color:var(--cr)}
html[data-ui="aero"] :is(.view-settings,.view-projects){display:block}
html[data-ui="aero"] :is(.view-settings,.view-projects)>.view-heading{margin-bottom:18px}
html[data-ui="aero"] :is(.view-settings,.view-projects) :is(.c,.platform-card,.material-card,.material-library,.service-intro,.upload-area){background:none;border-radius:0;box-shadow:none;border-left:0;border-right:0;border-bottom:0}
html[data-ui="aero"] :is(.view-settings,.view-projects)>.c{padding:28px 0;margin:0;border-top:1px solid var(--bd)}
html[data-ui="aero"] :is(.view-settings,.view-projects) .c .c{padding:20px 0 0;margin-top:20px;border-top:1px solid var(--bd)}
html[data-ui="aero"] .view-projects .material-grid{display:block}
html[data-ui="aero"] .view-projects .material-card{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid var(--bd);margin:0}
html[data-ui="aero"] .view-projects .material-preview{height:120px;border-radius:4px}
html[data-ui="aero"] .view-projects .upload-area{padding:16px 0;border-top:0;border-bottom:1px dashed #a9c4cd;margin-bottom:20px}
html[data-ui="aero"] .workspace-row{padding:16px 0;border-bottom:1px solid var(--bd);margin:0!important;align-items:center}
html[data-ui="aero"] .view :where(ul:not([class]),ol:not([class])){list-style:none;padding:0;margin:16px 0;counter-reset:grower-list}
html[data-ui="aero"] .view :where(ul:not([class]),ol:not([class]))>li{position:relative;padding:12px 0 12px 32px;margin:0;border-bottom:1px solid #e1ebee;counter-increment:grower-list}
html[data-ui="aero"] .view :where(ul:not([class]))>li::before{content:"";position:absolute;left:7px;top:23px;width:6px;height:6px;border:1px solid #5a9585;border-radius:50%;background:#d8eee5}
html[data-ui="aero"] .view :where(ol:not([class]))>li::before{content:counter(grower-list);position:absolute;left:0;top:13px;width:22px;height:22px;display:grid;place-items:center;background:#eff8f4;border:1px solid #bfd8cd;border-radius:50%;color:#245c4b;font-size:12px;font-weight:600}
html[data-ui="aero"] :is(.phase-list,.aero-source-list){margin-top:0}
html[data-ui="aero"] .phase-step{background:none;border:0;border-radius:0;border-bottom:1px solid var(--bd);padding:16px 0}
html[data-ui="aero"] .phase-step:last-child{border-bottom:0}
html[data-ui="aero"] .phase-full{background:none;border-radius:0;box-shadow:none}
.aero-select{display:block;position:relative;min-width:0;width:100%}
.aero-select-trigger{display:none}
html[data-ui="aero"] .aero-select-native{display:none!important}
html[data-ui="aero"] .aero-select-trigger{display:block;width:100%;min-height:46px;border:1px solid #b7cdd6;border-radius:10px;padding:10px 42px 10px 15px;text-align:left;font:500 14px/1.5 var(--body);color:var(--tx);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(175deg,#fff,#f2f8fa);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #ffffffb3,0 2px 4px #285b6910}
html[data-ui="aero"] .aero-select-trigger::after{content:"";position:absolute;right:17px;top:calc(50% - 5px);width:7px;height:7px;border-right:1.8px solid #476b79;border-bottom:1.8px solid #476b79;transform:rotate(45deg);pointer-events:none}
html[data-ui="aero"] .aero-select-trigger[aria-expanded="true"]{border-color:#438e7c;box-shadow:0 0 0 2px #d9eee6}
html[data-ui="aero"] .aero-select-trigger:disabled{opacity:.55;cursor:not-allowed}
html[data-ui="aero"] .aero-select-trigger:focus-visible,.aero-option:focus-visible{outline:3px solid #178c91;outline-offset:2px}
.aero-options{position:fixed;z-index:10000;overflow-y:auto;overscroll-behavior:contain;padding:5px;border:1px solid #aec9d2;border-radius:10px;background:#fcfefe;box-shadow:0 8px 24px #1e4b6026,inset 0 1px 0 #fff;color:#20323a;font:14px/1.5 "Segoe UI",Arial,sans-serif}
.aero-option{display:block;width:100%;min-height:44px;padding:10px 34px 10px 12px;border:0;border-bottom:1px solid #e5eef1;border-radius:4px;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;position:relative;white-space:normal;overflow-wrap:anywhere}
.aero-option:last-child{border-bottom:0}
.aero-option[aria-selected="true"]{background:#e9f5ef;color:#155c47;font-weight:600}
.aero-option[aria-selected="true"]::after{content:"✓";position:absolute;right:12px;top:12px;color:#146b59}
.aero-option:is(.active,:hover){background:#eef5f8}
.aero-option:disabled{color:#697d87;background:#f7f9fa;cursor:not-allowed}
html[data-ui="aero"] .today-project .aero-select-trigger{border-radius:22px;min-height:48px;padding-left:20px;font-size:15px}
html[data-ui="aero"] .library-toolbar .aero-select{width:180px;flex:0 1 180px}
@media(max-width:1000px){html[data-ui="aero"] #header-project{grid-column:1/-1;grid-row:2;min-height:48px}}
@media(max-width:767px){html[data-ui="aero"] #v{padding:24px 8px 32px}html[data-ui="aero"] .view-heading{min-height:100px}html[data-ui="aero"] .view-heading h2{font-size:34px}.aero-options{font-size:16px}html[data-ui="aero"] .view-projects .material-card{grid-template-columns:minmax(0,1fr)}html[data-ui="aero"] .library-toolbar .aero-select{width:100%;flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.aero-select-trigger,.aero-option{transition:none}}

@media(max-width:767px){html[data-ui="aero"] .library-toolbar{flex-wrap:wrap}html[data-ui="aero"] .library-toolbar>input{flex:1 1 100%;width:100%;min-width:0}}
@media(max-width:600px){html[data-ui="aero"] nav#nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;overflow:visible;gap:2px}html[data-ui="aero"] #nav button{min-width:0;min-height:64px;display:flex;flex-direction:column;gap:4px;padding:6px 2px;justify-content:center;font-size:11.5px;letter-spacing:0}html[data-ui="aero"] #nav .nav-icon{width:23px;height:23px}}
