.os-area:not(.future){background:transparent}
.os-area:not(.future):hover{background:#f7f8fb;color:var(--ink)}
[data-area-nav][hidden],[data-area-label][hidden]{display:none!important}
.build-mobile-nav,.build-mobile-learn{display:none}
.build-page{padding-bottom:32px}
.build-heading-row,.build-detail-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}
.build-heading-row h1,.build-detail-heading h1{font:800 30px Manrope,sans-serif;letter-spacing:-1px;margin:8px 0 6px}
.build-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}
.build-project-section+.build-project-section{margin-top:26px}
.build-section-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.build-section-heading h2{margin:0;font:800 15px Manrope,sans-serif}
.build-section-heading span{color:#8c98a9;font-size:10px}
.build-project-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:19px;background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--ink);text-align:left;box-shadow:0 4px 12px #24365005;transition:border-color .15s,transform .15s,box-shadow .15s}
.build-project-card:hover{border-color:#cbd8f8;transform:translateY(-2px);box-shadow:0 9px 22px #2436500b}
.build-project-title{overflow:hidden;text-overflow:ellipsis;font:800 17px Manrope,sans-serif}
.build-badges{display:flex;flex-wrap:wrap;gap:6px}
.build-badge{padding:4px 7px;border-radius:10px;background:#f1f4f8;color:#718096;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}
.build-badge.status-active{background:#e8f8f2;color:#319875}
.build-badge.status-paused{background:#fff5e4;color:#b17a2f}
.build-badge.status-completed{background:#edf2ff;color:#4b68c7}
.build-badge.status-archived{background:#f1f3f6;color:#8691a2}
.build-badge.importance-high{background:#fff0ed;color:#cb654f}
.build-badge.importance-medium{background:#fff6e8;color:#b47b2d}
.build-badge.importance-low{background:#eef4fb;color:#7085a4}
.build-card-label,.build-panel-eyebrow{font-size:9px;font-weight:800;letter-spacing:1px;color:#8c98a9}
.build-card-state,.build-card-next{font-size:12px;line-height:1.5;color:#526176}
.build-card-next{font-weight:700;color:#3459bb}
.build-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:4px;padding-top:11px;border-top:1px solid #edf0f5;color:#8591a2;font-size:9px}
.build-empty{display:grid;justify-items:center;text-align:center;max-width:520px;margin:65px auto;padding:36px 24px;background:#fff;border:1px solid var(--line);border-radius:15px}
.build-empty-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#edf2ff;color:#5271ce;font-size:22px}
.build-empty h2{margin:16px 0 5px;font:800 20px Manrope,sans-serif}
.build-empty p,.build-prose{color:#7e899a;font-size:12px;line-height:1.7}
.build-empty .primary-button{margin-top:9px}
.build-feedback{min-height:16px;margin:0 0 12px;color:#56709d;font-size:11px}
.build-feedback.is-error,.build-message.is-error{color:#b64942}
.build-message{color:#78869a;font-size:12px}
.build-back-link{border:0;background:transparent;padding:0;color:#4a68c8;font-size:11px;font-weight:700}
.build-detail-heading{align-items:center;margin-top:17px}
.build-detail-heading h1{margin-bottom:9px}
.build-next-panel{display:grid;gap:7px;margin-bottom:16px;padding:19px 21px;border:1px solid #dfe8ff;border-radius:13px;background:linear-gradient(110deg,#f0f4ff,#fff)}
.build-next-panel strong{color:#2d4eaa;font:700 17px Manrope,sans-serif}
.build-next-panel small{color:#8290a3;font-size:10px}
.build-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}
.build-panel{min-width:0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px}
.build-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
.build-panel-heading h2{display:flex;align-items:center;gap:8px;margin:5px 0 0;font:800 15px Manrope,sans-serif}
.build-count,.build-history-count{color:#8995a6;font-size:10px;font-weight:600}
.build-prose{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.build-blockers{display:grid;gap:7px;padding-left:19px;margin:8px 0 0;color:#59677b;font-size:11px;line-height:1.55}
.build-tasks-panel,.build-history-panel{grid-column:1/-1}
.build-task-list{display:grid}
.build-task{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #edf0f5}
.build-task:first-child{border-top:0}
.build-task.is-next-action{margin:0 -8px;padding:12px 8px;border-radius:8px;background:#f6f8ff}
.build-task-main{min-width:0}
.build-task-title{display:block;overflow-wrap:anywhere;color:#38475e;font-size:12px;font-weight:700}
.build-task-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:5px;color:#919cad;font-size:9px;text-transform:capitalize}
.build-task-actions{display:flex;align-items:center;gap:5px;flex:none}
.build-task-actions .text-button{font-size:10px}
.build-next-label{color:#4366d4;font-size:9px;font-weight:800;letter-spacing:.6px}
.build-next-select{display:flex;align-items:center;gap:12px;max-width:520px;margin-top:15px;color:#738096;font-size:10px;font-weight:700}
.build-next-select select{flex:1;min-width:0}
.build-history{display:grid;gap:0;margin:0;padding:0;list-style:none}
.build-history li{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:10px 0;border-top:1px solid #edf0f5;color:#55647a;font-size:11px}
.build-history li:first-child{border-top:0}
.build-history time{color:#8c97a7;font-size:10px}
.build-dialog{width:min(520px,calc(100vw - 28px));max-height:min(90vh,780px);overflow:auto;padding:22px;border:1px solid #e5eaf2;border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #14233b33}
.build-dialog::backdrop{background:#14233b66;backdrop-filter:blur(2px)}
.build-dialog form{display:grid;gap:13px}
.build-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3px}
.build-dialog-heading h2{margin:5px 0 0;font:800 19px Manrope,sans-serif}
.build-icon-button{border:0;background:#f3f5f8;color:#66758b;border-radius:8px;width:31px;height:31px;font-size:20px;line-height:1}
.build-dialog label{display:grid;gap:6px;color:#617088;font-size:10px;font-weight:700}
.build-dialog input,.build-dialog select,.build-dialog textarea,.build-next-select select{width:100%;min-width:0;padding:10px 11px;border:1px solid #e3e8f0;border-radius:8px;background:#fff;color:#344258;font-size:12px}
.build-dialog textarea{resize:vertical;line-height:1.5}
.build-dialog input:focus,.build-dialog select:focus,.build-dialog textarea:focus,.build-next-select select:focus{outline:2px solid #cdd9ff;border-color:#94a9ee}
.build-field-hint{color:#a0aaba;font-size:9px;font-weight:500}
.build-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.build-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}
.build-dialog-actions button{padding:10px 13px}
.build-resource-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.build-resource-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #edf0f5}
.build-resource-list li:first-child{border-top:0}
.build-resource-list a{min-width:0;overflow-wrap:anywhere;color:#4264c5;font-size:12px;font-weight:700}
.build-resource-actions{display:flex;flex:none;gap:8px}
.os-section-nav[hidden],.os-mobile-nav[hidden]{display:none!important}
.top-right{gap:14px}
.os-global-search-button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e3e8f0;border-radius:8px;background:#fff;color:#68768a;font:600 11px 'DM Sans',sans-serif}
.os-global-search-button:hover{border-color:#cbd8f8;color:#3659b7}
.os-mobile-nav{display:none}
.os-mobile-area-nav{display:none}
.os-page{padding-bottom:34px}
.os-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}
.os-heading-row h1{margin:8px 0 6px;font:800 30px Manrope,sans-serif;letter-spacing:-1px}
.os-feedback{min-height:16px;margin:0 0 12px;color:#56709d;font-size:11px}
.os-feedback.is-error{color:#b64942}
.os-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.os-toolbar button,.os-toolbar .secondary-button{flex:none}
.os-filter-toolbar>label:not(.os-search){display:grid;gap:5px;color:#738096;font-size:10px;font-weight:700}
.os-filter-toolbar select{min-width:120px;padding:9px 10px;border:1px solid #e3e8f0;border-radius:8px;background:#fff;color:#344258;font-size:11px}
.os-capture-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.os-capture-actions .secondary-button{padding:9px 10px;font-size:10px;white-space:nowrap}
.os-view-tabs{display:flex;flex-wrap:wrap;gap:6px}
.os-view-tabs .is-selected{border-color:#cbd8f8;background:#eff3ff;color:#3659b7}
.os-closed-toggle{display:flex;align-items:center;gap:6px;color:#738096;font-size:10px}
.os-closed-toggle input{accent-color:#5271ce}
.os-search{display:grid;gap:5px;color:#738096;font-size:10px;font-weight:700}
.os-search input{width:min(460px,60vw);padding:10px 12px;border:1px solid #e3e8f0;border-radius:8px;background:#fff;color:#344258;font-size:12px}
.os-record-list{display:grid;gap:12px}
.os-record-card{min-width:0;padding:17px 19px;background:#fff;border:1px solid var(--line);border-radius:12px}
.os-record-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.os-record-heading h2{margin:0 0 5px;font:800 15px Manrope,sans-serif;overflow-wrap:anywhere}
.os-record-heading .build-badge{display:inline-block;margin-bottom:6px}
.os-record-heading small,.os-record-actions,.os-activity-row small{color:#8995a6;font-size:10px}
.os-global-search{width:min(620px,calc(100vw - 28px))}
.os-global-search>.os-dialog-heading{margin-bottom:16px}
.os-global-search>.os-dialog-heading small{display:block;margin-top:5px;color:#8995a6;font-size:10px}
.os-global-search-input{display:grid;gap:6px;color:#617088;font-size:10px;font-weight:700}
.os-global-search-input input{width:100%;padding:12px;border:1px solid #dfe5ef;border-radius:9px;background:#fff;color:#344258;font-size:13px}
.os-global-search-input input:focus{outline:2px solid #cdd9ff;border-color:#94a9ee}
.os-search-results{display:grid;gap:14px;max-height:min(58vh,520px);overflow:auto;margin-top:15px}
.os-search-group h3{display:flex;justify-content:space-between;margin:0 0 6px;color:#718096;font-size:10px;text-transform:uppercase;letter-spacing:.7px}
.os-search-group h3 span{font-weight:500}
.os-search-result{display:grid;width:100%;gap:4px;padding:10px 11px;border:0;border-top:1px solid #edf0f5;background:#fff;text-align:left}
.os-search-result:hover,.os-search-result:focus-visible{background:#f5f7fc;outline:none}
.os-search-result strong{color:#38475e;font-size:12px}
.os-search-result small{color:#8995a6;font-size:10px}
.build-note-link{display:grid;min-width:0;gap:4px;padding:0;border:0;background:none;color:#4264c5;text-align:left}
.build-note-link b{font-size:11px;overflow-wrap:anywhere}
.build-note-link small{color:#8995a6;font-size:9px}
.os-record-actions{display:flex;align-items:center;gap:9px;flex:none}
.os-record-content{margin:13px 0 0;color:#59677b;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.os-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.os-tags span{padding:4px 7px;border-radius:10px;background:#f1f4f8;color:#718096;font-size:9px}
.os-empty{padding:38px 22px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px}
.os-empty h2{margin:0 0 7px;font:800 17px Manrope,sans-serif}
.os-empty p,.os-muted{color:#7e899a;font-size:12px;line-height:1.6}
.os-activity-row{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:13px 16px;border-bottom:1px solid #edf0f5;background:#fff}
.os-activity-row:first-child{border-radius:12px 12px 0 0}
.os-activity-row:last-child{border-radius:0 0 12px 12px;border-bottom:0}
.os-activity-row time{color:#8995a6;font-size:10px}
.os-activity-row strong,.os-activity-row small{display:block}
.os-activity-row strong{margin-bottom:5px;color:#38475e;font-size:12px}
.os-dialog{width:min(560px,calc(100vw - 28px));max-height:min(90vh,800px);overflow:auto;padding:22px;border:1px solid #e5eaf2;border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #14233b33}
.os-dialog::backdrop{background:#14233b66;backdrop-filter:blur(2px)}
.os-dialog form{display:grid;gap:13px}
.os-dialog-heading{display:flex;justify-content:space-between;align-items:center}
.os-dialog-heading h2{margin:0;font:800 19px Manrope,sans-serif}
.os-dialog label{display:grid;gap:6px;color:#617088;font-size:10px;font-weight:700}
.os-dialog input,.os-dialog select,.os-dialog textarea{width:100%;min-width:0;padding:10px 11px;border:1px solid #e3e8f0;border-radius:8px;background:#fff;color:#344258;font-size:12px}
.os-dialog textarea{resize:vertical;line-height:1.5}
.os-dialog input:focus,.os-dialog select:focus,.os-dialog textarea:focus{outline:2px solid #cdd9ff;border-color:#94a9ee}
@media(max-width:900px){.build-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .build-heading-row,.build-detail-heading{align-items:flex-start}
  .build-heading-row h1,.build-detail-heading h1{font-size:25px}
  .build-heading-row>.primary-button{padding:10px 11px;white-space:nowrap}
  .build-detail-grid{grid-template-columns:1fr}
  .build-tasks-panel,.build-history-panel{grid-column:auto}
  .build-mobile-nav,.build-mobile-learn{display:flex}
  .os-mobile-nav:not([hidden]){display:flex}
  .os-mobile-area-nav{display:flex;justify-content:space-between;gap:3px;padding:6px 0;border-bottom:1px solid #e7ebf1;background:#f6f8fc}
  .os-mobile-area-nav .os-area{flex:1;justify-content:center;min-width:0;padding:0 3px;font-size:8px;letter-spacing:.2px}
  .os-mobile-nav:not([hidden]){display:none!important}
  .build-mobile-nav,.build-mobile-learn{display:none!important}
  .os-section-nav:not([hidden]){display:none!important}
  .os-mobile-nav .nav-item{min-width:0}
  .os-mobile-nav .nav-icon{display:none}
  .build-history li{grid-template-columns:78px 1fr}
  .build-next-select{align-items:stretch;flex-direction:column;gap:6px}
}
@media(max-width:480px){
  .build-project-grid{grid-template-columns:1fr}
  .build-heading-row{gap:8px}
  .build-heading-row>.primary-button{font-size:10px;padding:9px}
  .build-panel{padding:14px}
  .build-task{align-items:flex-start}
  .build-task-actions{flex-direction:column;align-items:flex-end}
  .os-heading-row{align-items:flex-start}
  .os-capture-actions{justify-content:flex-start}
  .os-heading-row h1{font-size:25px}
  .os-record-heading{flex-direction:column}
  .os-record-actions{flex-wrap:wrap}
  .os-toolbar{align-items:flex-start;flex-direction:column}
  .os-search,.os-search input{width:100%}
  .os-filter-toolbar select{width:100%}
  .os-filter-toolbar>label:not(.os-search){width:100%}
  .os-global-search-button{padding:6px 8px}
  .os-activity-row{grid-template-columns:1fr;gap:5px}
  .build-resource-list li{align-items:flex-start;flex-direction:column}
}
@media(max-width:390px){
  .os-global-search-button span{display:none}
  .top-right{gap:7px}
  .os-capture-actions .secondary-button{padding:8px}
  .os-mobile-area-nav .os-area{font-size:7px;padding:0 1px}
}