.live-overview-trigger{border:1px solid #b9cabe;background:#eff6f1;border-radius:999px;padding:7px 10px;cursor:pointer}
.live-overview-trigger:hover{background:#dcece2;color:#174f42}
.project-unread{display:inline-flex;align-items:center;margin-left:9px;padding:3px 7px;border-radius:999px;background:#ffe3df;color:#a82e27;font-size:10px;font-weight:800;vertical-align:middle}

.task{grid-template-columns:28px minmax(260px,1fr) 132px 92px;transition:border-color .18s,box-shadow .18s,background .18s}
.task.has-update{border-color:#ef8e83;background:#fffaf8;box-shadow:inset 3px 0 #d95045}
.task-update-alert{display:inline-block;margin-left:7px;font-size:13px;filter:saturate(1.15)}
.task-update-note{display:block;color:#b74138;font-size:10px;font-style:normal;font-weight:600;margin-top:5px}
.task-owner{border:1px solid #d9ddd7;background:#f7f8f4;border-radius:7px;padding:6px 7px;text-align:left;color:#4f6259;cursor:pointer;font-size:11px;line-height:1.25;overflow:hidden;text-overflow:ellipsis}
.task-owner:hover{border-color:#7fa091;background:#edf4ef}
.task-owner.customized{border-color:#9cb2d4;background:#edf3fb;color:#355b8c}
.task-owner small{display:block;margin-top:2px;color:#86958d;font-size:9px}

.project-links-editor{display:grid;gap:10px;margin-top:13px}
.project-links-editor>label{font-size:12px;font-weight:800}
.project-links-editor>label>span{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:5px}
.project-links-editor input{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px;background:white;font:13px inherit}
.project-links-editor a,.project-links-editor em{min-width:58px;text-align:center;font-size:11px;font-style:normal}
.project-links-editor a{color:var(--green);font-weight:800;text-decoration:none}
.project-links-editor em{color:var(--muted)}
.owner-rule-note{margin-top:13px;padding:13px 14px;border:1px solid #dbe4dd;border-radius:7px;background:#f5f8f5}
.owner-rule-note span{display:block;color:var(--muted);font-size:10px;letter-spacing:.5px}
.owner-rule-note b{display:block;margin-top:3px}
.owner-rule-note p{margin:7px 0 0;font-size:11px;line-height:1.55}

.sidebar{height:100vh;position:sticky;top:0;overflow:hidden}
.sidebar nav{min-height:130px;overflow-y:auto}
.sidebar .nav-item{padding:9px 10px}
.nav-divider{display:flex;align-items:center;gap:8px;margin:7px 7px 2px;color:#71998c;font:700 9px "DM Mono",monospace;letter-spacing:1px;text-transform:uppercase}
.nav-divider:after{content:"";height:1px;flex:1;background:#315f54}
.audit-nav{color:#f1dba9}
.sidebar-foot{padding-top:10px}
.activity-feed{border-bottom:1px solid #427166;padding-bottom:10px;margin-bottom:11px}
.activity-feed-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.activity-feed-head b{font-size:11px;letter-spacing:.4px}
.activity-feed-head span{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#cfe84b;color:#173d35;font-size:10px;font-weight:900}
.activity-feed>label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;color:#9ebcaf;font-size:9px}
.activity-feed select{min-width:0;width:100%;border:1px solid #4a756b;border-radius:5px;padding:5px 6px;background:#214b42;color:white;font:10px inherit}
.activity-feed-list{max-height:118px;overflow:auto;margin-top:7px}
.activity-feed-list article{display:grid;grid-template-columns:7px 1fr;gap:6px;padding:5px 0;border-top:1px solid #315b51}
.activity-feed-list article i{width:6px;height:6px;border-radius:50%;background:#ef6b5e;margin-top:5px}
.activity-feed-list p{margin:0;color:#d9e5df;font-size:9px;line-height:1.35}
.activity-feed-list p b{color:white}
.activity-feed-list p span,.activity-feed-list p small{display:block;color:#aac5ba;margin-top:1px;font-size:9px}
.activity-feed .activity-empty{margin:7px 0 0;color:#93b2a6;font-size:9px;line-height:1.45}
.sidebar-foot>.user-chip{margin-top:0}
.sidebar-foot>p{margin-top:7px;line-height:1.4}
.identity-switcher{display:grid;gap:7px}
.identity-kicker{color:#86aa9d;font:700 9px "DM Mono",monospace;letter-spacing:.7px}
.identity-switcher select{width:100%;border:1px solid #4a756b;border-radius:6px;padding:7px 8px;background:#214b42;color:white;font:11px inherit}
.identity-switcher em{color:#9ebcaf;font-size:9px;font-style:normal}

.operations-hero{align-items:stretch}
.operations-hero>div:first-child{display:flex;flex-direction:column;justify-content:flex-end}
.operations-account-note{width:310px;padding:16px 18px;border:1px solid #c7d7cc;border-radius:9px;background:linear-gradient(135deg,#eef5ef,#f8f5e9);display:flex;flex-direction:column;justify-content:center}
.operations-account-note b{font-size:12px;color:#1f5c4d}
.operations-account-note span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.55}
.operations-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.operations-kpis article{padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.operations-kpis b{display:block;font:700 23px "Playfair Display","Noto Sans SC";color:#173d35}
.operations-kpis span{color:var(--muted);font-size:11px}
.operations-panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}
.operations-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:17px 19px;border-bottom:1px solid var(--line)}
.operations-panel>header h3{margin:0;font-size:15px}
.operations-panel>header p{margin:4px 0 0;color:var(--muted);font-size:11px}
.operation-filters{display:flex;align-items:end;gap:7px}
.operation-filters label{font-size:9px;font-weight:800;color:var(--muted)}
.operation-filters select{display:block;min-width:112px;margin-top:4px;border:1px solid var(--line);border-radius:6px;padding:7px 8px;background:white;font:11px inherit}
.operations-table-wrap{overflow:auto}
.operations-table{width:100%;border-collapse:collapse;text-align:left}
.operations-table th{padding:10px 14px;background:#f5f6f1;color:var(--muted);font:700 9px "DM Mono",monospace;letter-spacing:.5px}
.operations-table td{padding:13px 14px;border-top:1px solid #ebece6;font-size:12px;vertical-align:middle}
.operations-table td:first-child{white-space:nowrap;color:var(--muted)}
.operations-table td:nth-child(2){white-space:nowrap}
.operator-avatar{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:7px;border-radius:50%;background:#dcebe2;color:#235c4d;font-size:10px;font-weight:900}
.operation-action{display:inline-block;padding:4px 7px;border-radius:999px;background:#edf1e7;color:#526852;font-size:10px;font-weight:800;white-space:nowrap}
.operations-empty{padding:60px 20px;text-align:center;color:var(--muted)}
.operations-empty>span{display:block;font-size:30px;color:#86a897}
.operations-empty h3{margin:8px 0 4px;color:var(--ink)}
.operations-empty p{margin:0;font-size:12px}

.people-permission-list .config-item small span{display:inline-block;margin-top:4px;color:#557368;line-height:1.45}
.permission-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:16px 0 0;padding:13px;border:1px solid var(--line);border-radius:8px;background:#f7f8f4}
.permission-picker legend{padding:0 7px;font-size:11px;font-weight:900;color:#315d50}
.permission-picker label{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #e0e4de;border-radius:6px;background:white;font-size:11px;font-weight:700;cursor:pointer}
.permission-picker label:has(input:checked){border-color:#8dad9d;background:#eaf3ed;color:#205847}
.permission-picker input{accent-color:#1f7765}
.permission-future-note{display:grid;grid-template-columns:auto 1fr;gap:9px;margin-top:12px;padding:11px 13px;border-left:3px solid #d7a34d;background:#fff8e8;font-size:11px}
.permission-future-note span{color:#776b52;line-height:1.5}

@media(max-height:820px) and (min-width:1001px){.sidebar{padding-top:18px;padding-bottom:15px}.workspace-label{margin:13px 7px 16px}.sidebar .nav-item{padding:6px 9px;font-size:12px}.activity-feed-list{max-height:75px}.sidebar-foot>p{display:none}}
@media(max-width:900px){.operations-kpis{grid-template-columns:repeat(2,1fr)}.operations-panel>header{align-items:flex-start;flex-direction:column}.operation-filters{flex-wrap:wrap}.operations-account-note{width:100%}.operations-hero{display:grid;gap:12px}.permission-picker{grid-template-columns:1fr}}
@media(max-width:640px){.task{grid-template-columns:25px 1fr 82px}.task-owner{display:block}.task .status-select{grid-column:2/4;width:100%;text-align:left}.operations-kpis{grid-template-columns:1fr}.operation-filters label,.operation-filters select{width:100%}}
