/* AAS Dashboard — hybrid style (aviation palette + editorial typography). Dark mode toggle via [data-theme="dark"] on . */ :root { --bg: #ecebe2; --surface: #ffffff; --surface-muted: #f5f0e2; --text-primary: #15191e; --text-secondary: #545962; --text-tertiary: #6e6552; --brand-primary: #0a2740; --brand-accent: #1a4d7a; --border: #d8d4c4; --border-strong: #b8b094; --separator: #c8c4b4; --excerpt-bg: #f5f0e2; --excerpt-border: #c8b888; --review-bg: #f5e8d4; --review-border: #c8b074; --review-text: #5c4514; --review-body: #4A2A06; --changes-bg: #dde7f0; --changes-border: #a8c4d8; --changes-text: #0a2740; --changes-body: #1a3a5c; --badge-bg: #973030; --urgent-bg: #f0d4d4; --urgent-border: #c89090; --urgent-text: #6a1f1f; --attention-text: #973030; } [data-theme="dark"] { --bg: #1a1817; --surface: #25221f; --surface-muted: #1f1d1b; --text-primary: #ece9e0; --text-secondary: #a8a59e; --text-tertiary: #908b80; --brand-primary: #5a8fdf; --brand-accent: #7ab4ef; --border: #3a3733; --border-strong: #5a5754; --separator: #4a4742; --excerpt-bg: #1f1d1b; --excerpt-border: #5a5754; --review-bg: #3a2814; --review-border: #6e5418; --review-text: #FAC775; --review-body: #f0d8a8; --changes-bg: #1d2a3d; --changes-border: #2c4566; --changes-text: #7ab4ef; --changes-body: #c4d5eb; --badge-bg: #d4554c; --urgent-bg: #5a1f1f; --urgent-border: #791F1F; --urgent-text: #F09595; --attention-text: #F09595; } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; scroll-behavior: smooth; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 18px; line-height: 1.6; color: var(--text-primary); background: var(--bg); transition: background 0.2s ease, color 0.2s ease; } a { color: var(--brand-accent); } .container { max-width: 1100px; margin: 0 auto; padding: 28px; } /* Top nav */ header.topnav { display: flex; justify-content: space-between; align-items: center; padding: 18px 26px; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; margin-bottom: 32px; flex-wrap: wrap; gap: 12px; transition: background 0.2s ease, border-color 0.2s ease; } .topnav-left { display: flex; align-items: center; gap: 32px; flex-wrap: wrap; } .logo { display: flex; align-items: baseline; gap: 14px; font-family: 'Charter', 'Iowan Old Style', Georgia, serif; font-size: 22px; font-weight: 400; color: var(--text-primary); } .logo-mark { font-style: italic; color: var(--brand-primary); font-weight: 500; letter-spacing: 0.02em; } .logo-divider { display: inline-block; width: 1px; height: 18px; background: var(--separator); margin: 0 2px; } nav.primary { display: flex; gap: 24px; align-items: center; } nav.primary a { text-decoration: none; color: var(--text-secondary); font-size: 16px; padding: 8px 0; } nav.primary a.active { color: var(--text-primary); font-weight: 500; border-bottom: 2px solid var(--brand-primary); } nav.primary .has-dropdown::after { content: " ▾"; font-size: 12px; color: var(--text-tertiary); } nav.primary .badge, .user .name .badge { display: inline-block; background: var(--badge-bg); color: white; font-size: 11px; font-weight: 600; border-radius: 10px; padding: 2px 7px; margin-left: 6px; vertical-align: 2px; } .user { display: flex; gap: 16px; align-items: center; font-size: 15px; } .user .name { color: var(--text-secondary); font-family: 'Charter', Georgia, serif; } .user a { color: var(--brand-accent); text-decoration: none; } .theme-toggle { background: var(--surface-muted); border: 1px solid var(--border); color: var(--text-secondary); width: 36px; height: 36px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; padding: 0; transition: background 0.15s ease, border-color 0.15s ease; } .theme-toggle:hover { background: var(--border); border-color: var(--border-strong); } .theme-toggle .icon-dark { display: none; } [data-theme="dark"] .theme-toggle .icon-light { display: none; } [data-theme="dark"] .theme-toggle .icon-dark { display: inline; } /* Banners */ .changes-banner { background: var(--changes-bg); border: 1px solid var(--changes-border); border-radius: 4px; padding: 16px 22px; margin-bottom: 28px; display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; } .changes-banner .changes-label { font-family: 'Charter', Georgia, serif; font-style: italic; font-size: 14px; color: var(--changes-text); margin-bottom: 6px; } .changes-banner .changes-body { font-size: 15px; color: var(--changes-body); line-height: 1.55; } .changes-banner .changes-body a { color: var(--brand-accent); text-decoration: none; } .changes-banner .dismiss { background: none; border: none; color: var(--text-tertiary); font-size: 22px; cursor: pointer; padding: 0 4px; line-height: 1; } /* Greeting */ .greeting { margin-bottom: 40px; padding-bottom: 22px; border-bottom: 1px solid var(--separator); } .greeting h1 { font-family: 'Charter', 'Iowan Old Style', Georgia, serif; font-size: 36px; font-weight: 400; margin: 0 0 8px; letter-spacing: -0.02em; color: var(--text-primary); line-height: 1.15; } .greeting .date { font-family: 'Charter', Georgia, serif; font-style: italic; font-size: 17px; color: var(--text-tertiary); margin: 0; } /* Sections */ section { margin-bottom: 44px; scroll-margin-top: 16px; } .section-head { margin-bottom: 18px; } .section-head h2 { font-family: 'Charter', 'Iowan Old Style', Georgia, serif; font-size: 24px; font-weight: 400; margin: 0 0 4px; letter-spacing: -0.01em; color: var(--text-primary); } .section-rule { width: 56px; height: 2px; background: var(--brand-primary); margin: 0 0 14px; } .section-head .meta { font-family: 'Charter', Georgia, serif; font-style: italic; font-size: 14px; color: var(--text-tertiary); } /* Review callout */ .review-callout { background: var(--review-bg); border: 1px solid var(--review-border); border-radius: 4px; padding: 16px 22px; margin-bottom: 32px; display: flex; justify-content: space-between; align-items: center; gap: 16px; } .review-callout .review-label { font-family: 'Charter', Georgia, serif; font-style: italic; font-size: 14px; color: var(--review-text); margin-bottom: 4px; } .review-callout .review-body { font-size: 16px; color: var(--review-body); } .review-callout .review-button { background: var(--brand-primary); color: white; padding: 9px 20px; border-radius: 3px; text-decoration: none; font-size: 15px; font-weight: 500; flex-shrink: 0; } [data-theme="dark"] .review-callout .review-button { color: #0a1828; } /* Open item cards */ .open-card { background: var(--surface); border: 1px solid var(--border); border-left: 3px solid var(--accent, var(--separator)); border-radius: 4px; padding: 22px 26px; margin-bottom: 12px; } .open-card.korl { --accent: #1a4d7a; } .open-card.ellington { --accent: #a35c0f; } .open-card.carson-city { --accent: #496b1a; } .open-card.minden { --accent: #15826a; } .open-card.addison { --accent: #888780; } .open-card.deer-valley { --accent: #534ab7; } [data-theme="dark"] .open-card.korl { --accent: #5a8fdf; } [data-theme="dark"] .open-card.ellington { --accent: #d4954c; } [data-theme="dark"] .open-card.carson-city { --accent: #97c459; } [data-theme="dark"] .open-card.minden { --accent: #5DCAA5; } [data-theme="dark"] .open-card.deer-valley { --accent: #AFA9EC; } .open-head { display: flex; gap: 14px; align-items: center; margin-bottom: 10px; flex-wrap: wrap; } .open-head .head-text { color: var(--text-tertiary); font-size: 13px; font-family: 'Charter', Georgia, serif; font-style: italic; } .tag { font-family: 'Charter', Georgia, serif; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 2px; letter-spacing: 0.1em; text-transform: uppercase; } .tag.korl { background: #dde7f0; color: #0a2740; } .tag.ellington { background: #f5e8d4; color: #5c4514; } .tag.carson-city { background: #e2ecd4; color: #1f4010; } .tag.minden { background: #d4ebe2; color: #053026; } .tag.addison { background: #ecebe2; color: #2C2C2A; } .tag.deer-valley { background: #dcdaf0; color: #1f1a40; } [data-theme="dark"] .tag.korl { background: #0C447C; color: #B5D4F4; } [data-theme="dark"] .tag.ellington { background: #633806; color: #FAC775; } [data-theme="dark"] .tag.carson-city { background: #27500A; color: #C0DD97; } [data-theme="dark"] .tag.minden { background: #085041; color: #9FE1CB; } [data-theme="dark"] .tag.addison { background: #2C2C2A; color: #B4B2A9; } [data-theme="dark"] .tag.deer-valley { background: #26215C; color: #CECBF6; } .tag-age { font-family: 'Charter', Georgia, serif; font-style: italic; font-size: 13px; color: var(--text-tertiary); } .status-pill { font-family: 'Charter', Georgia, serif; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 2px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-tertiary); background: var(--surface-muted); border: 1px solid var(--border); } .status-pill.urgent { color: var(--urgent-text); background: var(--urgent-bg); border-color: var(--urgent-border); } .item-title { font-family: 'Charter', 'Iowan Old Style', Georgia, serif; font-size: 20px; font-weight: 500; margin: 0 0 10px; line-height: 1.35; color: var(--text-primary); } .item-summary { font-size: 16px; color: var(--text-primary); margin: 0 0 16px; line-height: 1.6; opacity: 0.85; } .excerpt { font-family: 'Charter', 'Iowan Old Style', Georgia, serif; font-size: 16px; font-style: italic; color: var(--text-primary); opacity: 0.85; background: var(--excerpt-bg); border-left: 2px solid var(--excerpt-border); padding: 12px 18px; margin: 0 0 16px; line-height: 1.6; } .excerpt .from { font-style: normal; font-weight: 600; opacity: 1; color: var(--text-primary); } .open-foot { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; font-family: 'Charter', Georgia, serif; font-style: italic; font-size: 13px; color: var(--text-tertiary); } .open-foot a { color: var(--brand-accent); text-decoration: none; font-style: normal; } .open-foot .dot { color: var(--separator); } .show-more { text-align: center; padding: 14px; margin-top: 4px; } .show-more a { font-family: 'Charter', Georgia, serif; font-style: italic; color: var(--brand-accent); text-decoration: none; font-size: 15px; } /* Agenda */ .agenda { background: var(--surface); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; } .agenda-item { display: flex; gap: 28px; align-items: flex-start; padding: 20px 26px; } .agenda-item + .agenda-item { border-top: 1px solid var(--border); } .agenda-time { font-family: 'Charter', Georgia, serif; font-size: 16px; font-weight: 500; color: var(--brand-primary); width: 96px; flex-shrink: 0; padding-top: 2px; } .agenda-body { flex: 1; } .agenda-body p { margin: 0; } .agenda-title { font-family: 'Charter', Georgia, serif; font-size: 18px; font-weight: 500; line-height: 1.4; } .agenda-title a { color: var(--text-primary); text-decoration: none; } .agenda-meta { font-size: 14px; color: var(--text-tertiary); margin-top: 4px; font-style: italic; font-family: 'Charter', Georgia, serif; } .agenda-meta a { color: var(--brand-accent); text-decoration: none; font-style: normal; } /* Project tiles */ .projects { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .project-tile { display: block; text-decoration: none; color: inherit; padding: 24px; background: var(--surface); border: 1px solid var(--border); border-top: 3px solid var(--accent, var(--separator)); border-radius: 4px; transition: transform 0.12s ease, border-color 0.12s ease; } .project-tile:hover { transform: translateY(-1px); border-color: var(--border-strong); } .project-tile.korl { --accent: #1a4d7a; } .project-tile.ellington { --accent: #a35c0f; } .project-tile.carson-city { --accent: #496b1a; } .project-tile.minden { --accent: #15826a; } .project-tile.addison { --accent: #888780; } .project-tile.deer-valley { --accent: #534ab7; } [data-theme="dark"] .project-tile.korl { --accent: #5a8fdf; } [data-theme="dark"] .project-tile.ellington { --accent: #d4954c; } [data-theme="dark"] .project-tile.carson-city { --accent: #97c459; } [data-theme="dark"] .project-tile.minden { --accent: #5DCAA5; } [data-theme="dark"] .project-tile.deer-valley { --accent: #AFA9EC; } .project-tile .name { font-family: 'Charter', 'Iowan Old Style', Georgia, serif; font-size: 21px; font-weight: 500; margin: 0; letter-spacing: -0.005em; color: var(--text-primary); } .project-tile .location { font-style: italic; font-family: 'Charter', Georgia, serif; font-size: 15px; color: var(--text-tertiary); margin: 4px 0 20px; } .project-tile .meta { display: flex; justify-content: space-between; align-items: center; } .phase { font-family: 'Charter', Georgia, serif; font-size: 12px; padding: 4px 10px; border-radius: 2px; background: #dde7f0; color: #0a2740; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; } .phase.lease { background: #f5e8d4; color: #5c4514; } .phase.dormant { background: #ecebe2; color: #2C2C2A; } .phase.preliminary { background: #dcdaf0; color: #1f1a40; } [data-theme="dark"] .phase { background: #0C447C; color: #B5D4F4; } [data-theme="dark"] .phase.lease { background: #633806; color: #FAC775; } [data-theme="dark"] .phase.dormant { background: #2C2C2A; color: #B4B2A9; } [data-theme="dark"] .phase.preliminary { background: #26215C; color: #CECBF6; } .attention-count { font-family: 'Charter', Georgia, serif; font-style: italic; font-size: 14px; color: var(--attention-text); font-weight: 500; } .attention-count.zero { color: var(--text-tertiary); font-weight: 400; } /* Project detail extras */ .breadcrumb { font-size: 15px; color: var(--text-secondary); margin-bottom: 20px; } .breadcrumb a { color: var(--brand-accent); text-decoration: none; } .breadcrumb .sep { margin: 0 8px; color: var(--separator); } .project-header { background: var(--surface); border: 1px solid var(--border); border-top: 5px solid var(--brand-primary); border-radius: 8px; padding: 28px 32px; margin-bottom: 28px; } .project-header h1 { font-family: 'Charter', Georgia, serif; font-size: 32px; font-weight: 500; margin: 0 0 6px; letter-spacing: -0.015em; color: var(--text-primary); } .project-header .subtitle { font-size: 17px; color: var(--text-secondary); margin: 0 0 20px; } .header-meta { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 22px; } .phase-badge { font-size: 14px; font-weight: 500; padding: 6px 14px; background: #dde7f0; color: #0a2740; border-radius: 4px; } [data-theme="dark"] .phase-badge { background: #0C447C; color: #B5D4F4; } .meta-pill { font-size: 14px; color: var(--text-secondary); padding: 6px 12px; background: var(--surface-muted); border-radius: 4px; } .meta-pill a { color: var(--brand-accent); text-decoration: none; } .actions { display: flex; gap: 10px; flex-wrap: wrap; } .btn { padding: 10px 18px; font-size: 16px; border-radius: 8px; border: 1px solid var(--border-strong); background: var(--surface); color: var(--text-primary); cursor: pointer; font-family: inherit; } .btn:hover { background: var(--surface-muted); } .btn.primary { background: var(--brand-primary); color: white; border-color: var(--brand-primary); } [data-theme="dark"] .btn.primary { color: #0a1828; } .anchors { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 14px 22px; margin-bottom: 28px; display: flex; flex-wrap: wrap; gap: 6px 22px; align-items: center; } .anchors-label { font-size: 13px; color: var(--text-tertiary); font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; margin-right: 4px; } .anchors a { color: var(--brand-accent); text-decoration: none; font-size: 15px; padding: 4px 0; } .workstreams { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; } .workstream-card { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 22px 24px; } .workstream-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .workstream-card h3 { font-family: 'Charter', Georgia, serif; font-size: 18px; font-weight: 500; margin: 0; letter-spacing: -0.005em; } .status-dot { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; padding: 4px 10px; border-radius: 4px; } .status-dot.on-track { background: #EAF3DE; color: #27500A; } .status-dot.blocked { background: #FCEBEB; color: #791F1F; } .status-dot.review { background: #FAEEDA; color: #633806; } [data-theme="dark"] .status-dot.on-track { background: #27500A; color: #C0DD97; } [data-theme="dark"] .status-dot.blocked { background: #791F1F; color: #F09595; } [data-theme="dark"] .status-dot.review { background: #633806; color: #FAC775; } .workstream-desc { font-size: 15px; color: var(--text-primary); opacity: 0.85; margin: 0 0 14px; line-height: 1.5; } .workstream-update { font-size: 14px; color: var(--text-tertiary); padding-top: 12px; border-top: 1px solid var(--border); } /* Permits */ .permits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; } .permits-col { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 18px; } .permits-col-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--border); } .permits-col-head .col-label { font-size: 13px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; } .permits-col-head .col-count { font-size: 14px; color: var(--text-tertiary); } .permits-col.yet { border-top: 4px solid #888780; } .permits-col.filed { border-top: 4px solid #B07614; } .permits-col.approved { border-top: 4px solid #4b7e22; } .permits-col.yet .col-label { color: var(--text-secondary); } .permits-col.filed .col-label { color: #633806; } .permits-col.approved .col-label { color: #27500A; } [data-theme="dark"] .permits-col.filed .col-label { color: #FAC775; } [data-theme="dark"] .permits-col.approved .col-label { color: #C0DD97; } .permit-card { padding: 10px 0; border-bottom: 1px solid var(--border); } .permit-card:last-child { border-bottom: none; } .permit-name { font-size: 15px; font-weight: 500; margin: 0 0 4px; line-height: 1.35; } .permit-name a { color: var(--text-primary); text-decoration: none; } .permit-meta { font-size: 13px; color: var(--text-tertiary); margin: 0; line-height: 1.4; } .permit-meta a { color: var(--brand-accent); text-decoration: none; } /* Activity feed */ .activity-feed { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; } .activity-row { display: flex; gap: 18px; align-items: flex-start; padding: 16px 24px; } .activity-row + .activity-row { border-top: 1px solid var(--border); } .activity-kind { font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 4px; flex-shrink: 0; min-width: 76px; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; } .activity-kind.email { background: #E6F1FB; color: #0C447C; } .activity-kind.file { background: #FAEEDA; color: #633806; } .activity-kind.meeting { background: #EEEDFE; color: #26215C; } [data-theme="dark"] .activity-kind.email { background: #0C447C; color: #B5D4F4; } [data-theme="dark"] .activity-kind.file { background: #633806; color: #FAC775; } [data-theme="dark"] .activity-kind.meeting { background: #26215C; color: #CECBF6; } .activity-body { flex: 1; } .activity-body p { margin: 0; } .activity-title { font-size: 16px; font-weight: 500; line-height: 1.4; } .activity-title a { color: var(--text-primary); text-decoration: none; } .activity-preview { font-size: 14px; color: var(--text-tertiary); margin-top: 4px; line-height: 1.45; } .activity-meta { font-size: 13px; color: var(--text-tertiary); margin-top: 6px; } .activity-meta a { color: var(--brand-accent); text-decoration: none; } /* Contacts */ .contact-group { margin-bottom: 24px; } .group-label { font-size: 12px; font-weight: 600; color: var(--text-tertiary); letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 12px; } .contacts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .contact-card { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 18px; display: flex; gap: 14px; align-items: flex-start; } .avatar { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; flex-shrink: 0; letter-spacing: 0.02em; } .avatar.investor { background: #FAEEDA; color: #633806; } .avatar.authority { background: #E6F1FB; color: #0C447C; } .avatar.engineering { background: #E1F5EE; color: #085041; } .avatar.contractor { background: #EAF3DE; color: #27500A; } .avatar.advisor { background: #FAECE7; color: #4A1B0C; } .avatar.renderings { background: #EEEDFE; color: #26215C; } .avatar.financing { background: #FCEBEB; color: #791F1F; } .contact-info { flex: 1; min-width: 0; } .contact-info p { margin: 0; } .contact-name { font-size: 16px; font-weight: 500; line-height: 1.3; } .contact-role { font-size: 14px; color: var(--text-secondary); margin-top: 2px; line-height: 1.4; } .contact-detail { font-size: 13px; color: var(--text-primary); opacity: 0.85; margin-top: 8px; line-height: 1.5; } .contact-detail a { color: var(--brand-accent); text-decoration: none; } .contact-detail .field-label { color: var(--text-tertiary); display: inline-block; min-width: 50px; } /* Files */ .file-group { margin-bottom: 24px; } .files { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; } .file-row { display: flex; align-items: center; gap: 16px; padding: 14px 22px; } .file-row + .file-row { border-top: 1px solid var(--border); } .file-icon { width: 36px; height: 36px; flex-shrink: 0; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; } .file-icon.pdf { background: #FCEBEB; color: #791F1F; } .file-icon.dwg { background: #FAEEDA; color: #633806; } .file-icon.doc { background: #E6F1FB; color: #0C447C; } .file-icon.xls { background: #EAF3DE; color: #27500A; } .file-icon.img { background: #EEEDFE; color: #26215C; } .file-meta-line p { margin: 0; } .file-name { font-size: 16px; } .file-name a { color: var(--brand-accent); text-decoration: none; } .file-detail { font-size: 13px; color: var(--text-tertiary); margin-top: 2px; } /* Stub */ .stub-card { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 36px 40px; text-align: center; } .stub-card h2 { font-family: 'Charter', Georgia, serif; font-size: 24px; font-weight: 400; margin: 0 0 10px; color: var(--text-primary); } .stub-card p { font-size: 16px; color: var(--text-secondary); margin: 0 0 8px; } /* Responsive */ @media (max-width: 900px) { .projects { grid-template-columns: repeat(2, 1fr); } .workstreams { grid-template-columns: 1fr; } .contacts-grid { grid-template-columns: repeat(2, 1fr); } .permits-grid { grid-template-columns: 1fr; } } @media (max-width: 600px) { .projects { grid-template-columns: 1fr; } .contacts-grid { grid-template-columns: 1fr; } .topnav { flex-direction: column; gap: 16px; align-items: flex-start; } }