/* DND Studio — warm canvas, forest ink, acid-lime highlights. */
:root{--sidebar-w:244px;--sidebar-bg:#172f2b;--brand:#254e42;--brand-light:#eaf0e8;--gold:#d5ef82;--gold-dark:#b8d466;--surface:#f5f5ef;--card:#fff;--border:#e0e4da;--text:#21352e;--text-2:#5c6b61;--muted:#7d887e;--radius:16px;--radius-lg:22px;--shadow-sm:0 3px 14px #223c2d05;--shadow-md:0 12px 36px #223c2d0b;--shadow-lg:0 24px 80px #102a2833;--bs-primary:#254e42;--bs-body-font-family:'DM Sans',sans-serif;--bs-body-color:var(--text);--bs-border-color:var(--border)}
*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--text);font:14px/1.55 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{color:#65812d}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,h4,h5{font-family:'Manrope','DM Sans',sans-serif;letter-spacing:-.04em;color:var(--text)}h4{font-size:30px;font-weight:750}img{max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8aa955;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #9bb673;outline-offset:2px}[hidden]{display:none!important}::selection{background:#d5ef82;color:#172f2b}.text-muted{color:var(--muted)!important}
/* Workspace shell */
.sidebar{position:fixed;inset:14px auto 14px 14px;width:var(--sidebar-w);z-index:1040;border-radius:22px;background:var(--sidebar-bg);color:#e8efdf;display:flex;flex-direction:column;transition:width .2s,transform .2s;overflow:hidden}.sidebar-logo-area{padding:27px 22px 23px;display:flex;align-items:center;gap:10px}.studio-brand{display:flex;align-items:center;gap:11px;color:#f6f8ed!important}.studio-mark{width:38px;height:38px;border-radius:12px;background:var(--gold);color:#172f2b;display:grid;place-items:center;font-size:24px;font-weight:800;flex-shrink:0;letter-spacing:-5px;padding-right:4px}.studio-wordmark{font-family:'Manrope',sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.5px;line-height:1}.studio-wordmark small{display:block;font:9px/1.7 'DM Sans',sans-serif;letter-spacing:2.7px;color:#9aaa9c;margin-top:6px;text-transform:uppercase}.sb-toggle-btn{margin-left:auto;border:0;background:transparent;color:#92a799;width:26px;height:32px;border-radius:6px}.sidebar-nav-wrap{padding:0 14px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#486053 transparent}.nav-section{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;color:#8ca297;padding:22px 13px 9px;font-weight:600}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#bfcdc1;padding:11px 13px;margin:3px 0;border-radius:10px;font-size:12px;font-weight:500;min-height:42px;position:relative}.sidebar nav a i{width:18px;text-align:center;font-size:14px}.sidebar nav a:hover{background:#28453b;color:#fff}.sidebar nav a.active{background:var(--gold);color:#21382e;font-weight:700}.sidebar-notif-badge{margin-left:auto;background:#3c5846!important;color:#fff!important;border-radius:6px;min-width:20px;padding:1px 5px;font-size:10px;text-align:center}.sidebar nav a.active .sidebar-notif-badge{background:#294a35!important}.sidebar-footer{display:flex;align-items:center;gap:4px;margin:16px 14px;padding-top:15px;border-top:1px solid #385046}.user-chip{display:flex;gap:10px;align-items:center;min-width:0;flex:1;color:#f0f3e8;padding:5px}.avatar-sm,.av{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#e6eddc;color:#234434;font-size:11px;font-weight:700}.avatar-sm{background:#d5dfc4}.av-sm{width:32px;height:32px;color:#fff}.av-xs{width:23px;height:23px;font-size:9px;color:#fff}.user-info{min-width:0}.user-info span{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.user-info small{font-size:10px;color:#93a99b}.sidebar-logout-btn{color:#a9baac;padding:9px}.main-wrap{margin-left:272px;min-width:0;min-height:100vh;padding:0 34px 34px;transition:margin .2s}.studio-topbar{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px}.studio-breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.studio-breadcrumb b{font-weight:500;color:var(--text)}.studio-top-actions{display:flex;align-items:center;gap:14px}.studio-date{font-size:11px;color:var(--muted)}.studio-icon-btn{background:transparent;border:1px solid var(--border);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--text)}.studio-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:9px;padding:7px 12px}.studio-search input{border:0;outline:0;background:none;width:150px;font-size:11px}.studio-search button{border:0;background:none;color:var(--muted);padding:0}.studio-menu{display:none}.studio-workspace{margin:0 23px 6px;padding:11px 0 14px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #385046;color:#b2c5b8;font-size:10px}.studio-workspace span{width:7px;height:7px;border-radius:50%;background:var(--gold)}.studio-side-note{margin:16px 23px 4px;padding:15px 12px;border:1px solid #3f5844;border-radius:12px;font-size:11px;color:#a3b4a4}.studio-side-note strong{display:block;color:#d5ef82;font:20px 'Manrope',sans-serif;margin-bottom:5px}.sidebar-overlay{display:none}.skip-link{position:fixed;top:-70px;left:24px;z-index:3000;padding:12px;background:#d5ef82;color:#172f2b}.skip-link:focus{top:16px}.mobile-topbar{display:none!important}.sb-collapsed .sidebar{width:76px}.sb-collapsed .main-wrap{margin-left:104px}.sb-collapsed .studio-wordmark,.sb-collapsed .nav-label,.sb-collapsed .nav-section,.sb-collapsed .user-info,.sb-collapsed .sidebar-notif-badge,.sb-collapsed .sidebar-logout-btn,.sb-collapsed .studio-workspace,.sb-collapsed .studio-side-note{display:none}.sb-collapsed .sidebar-logo-area{padding:24px 19px;flex-wrap:wrap}.sb-collapsed .sb-toggle-btn{margin:auto;transform:rotate(180deg)}.sb-collapsed .sidebar nav a{justify-content:center;padding:13px}.sb-collapsed .sidebar-footer{justify-content:center}.sb-collapsed .user-chip{padding:0}.mobile-bottom-nav{display:none!important}
/* Page introductions and actions */
.page-banner{padding:35px 0 27px;background:transparent}.page-banner-pattern{display:none}.page-banner-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-banner h4{margin:0 0 9px}.page-banner h4>i{display:none}.page-banner small{color:var(--muted);font-size:12px}.page-content{padding:0;min-width:0}.studio-eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-size:9px;font-weight:700;margin-bottom:9px}.banner-btn,.pbtn,.btn-gen-primary,.inline-upd-btn,.pu-submit-btn,.dnd-apply-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;min-height:41px;background:var(--brand);border:1px solid var(--brand);border-radius:9px;color:#fff;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.banner-btn:hover,.pbtn-save:hover,.pu-submit-btn:hover{background:#3e6548;color:#fff;transform:translateY(-1px)}.page-banner .banner-btn{background:#fff!important;border:1px solid var(--border)!important;color:var(--text)!important}.page-banner button.banner-btn,.page-banner .btn-primary-action{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.pbtn-cancel{background:#fff;color:var(--text);border-color:var(--border)}.btn-primary{--bs-btn-bg:#254e42;--bs-btn-border-color:#254e42;--bs-btn-hover-bg:#3e6548;--bs-btn-hover-border-color:#3e6548}.btn{font-size:12px;border-radius:9px}.flash-bar{padding:15px 0 0}.flash{padding:13px 17px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:white}.flash-success{background:#edf4e4;color:#365736}.flash-error{background:#fff0eb;color:#a24332}.flash-info{background:#edf2ee}.employee-info-strip{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;border:1px solid var(--border);border-radius:12px;background:white;margin-bottom:20px}.eis-role,.eis-count{font-size:11px;margin-left:10px;color:var(--muted)}.eis-right{font-size:12px}
/* Executive overview */
.studio-welcome{display:grid;grid-template-columns:1.7fr 1fr;margin-bottom:24px;border-radius:20px;overflow:hidden;border:1px solid #d6dfc8;background:#e9efdc}.studio-welcome-copy{padding:30px 32px;position:relative;overflow:hidden}.studio-welcome-copy:after{content:'✳';font-size:160px;line-height:1;color:#d0dcbb;position:absolute;right:14px;bottom:-25px;pointer-events:none}.studio-welcome-copy>*{position:relative;z-index:1}.studio-welcome h2{font-size:29px;font-weight:700;max-width:400px;margin:8px 0}.studio-welcome p{font-size:12px;color:#6b775d;margin:10px 0 0;max-width:340px}.studio-focus{background:#213e33;color:#e9f1df;padding:29px 30px;position:relative}.studio-focus .studio-eyebrow{color:#a3b791}.studio-focus-number{font:48px/1.1 'Manrope',sans-serif;letter-spacing:-2px;color:#d5ef82}.studio-focus-number small{font-size:13px;letter-spacing:0;color:#a3b791;margin-left:10px}.studio-focus a{display:flex;justify-content:space-between;color:#eaf0df;font-size:11px;border-top:1px solid #47604b;padding-top:14px;margin-top:16px}.ov-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.pm-kpi{padding:21px 23px;background:white;border:1px solid var(--border);border-radius:15px;color:var(--text);position:relative;transition:transform .15s,border .15s}.pm-kpi:hover{transform:translateY(-3px);border-color:#8ca777}.pm-kpi-top{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:10px}.pm-kpi-ico{width:31px;height:31px;border-radius:9px;background:#f0f3e8;color:var(--brand);display:grid;place-items:center}.pm-kpi-label{font-size:12px;color:var(--text-2)}.pm-kpi-num{font:35px/1.3 'Manrope',sans-serif;letter-spacing:-1.5px;font-weight:700;margin:12px 0}.pm-kpi-foot{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:10px}.pm-kpi-track{height:4px;border-radius:8px;background:#eff1eb;flex:1;overflow:hidden}.pm-kpi-fill{height:100%;background:#96b46f;border-radius:8px}.studio-metrics-detail{margin-bottom:25px}.studio-metrics-detail summary{cursor:pointer;font-size:12px;color:var(--text-2);padding:10px 0}.studio-metrics-detail .ov-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:12px}.studio-metrics-detail .pm-kpi{padding:15px}.studio-metrics-detail .pm-kpi-num{font-size:26px}.ov-charts-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.ov-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px}.ov-main,.ov-side{min-width:0;display:flex;flex-direction:column;gap:22px}.ov-row2{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.ov-card,.card,.activities-card,.member-stats-card,.toolbar-card,.proj-table-wrap,.pu-section-card,.pu-add-form,.pu-activity-box,.upd-details-card,.upd-contributors,.inline-upd-form{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);min-width:0;overflow:hidden}.ov-card-hdr,.activities-header,.pu-section-head,.pu-activity-head,.upd-section-title,.inline-upd-header{display:flex;align-items:center;gap:10px;padding:20px 22px;border-bottom:1px solid #edf0e8;font-size:13px;font-weight:600}.ov-card-hdr>i{color:var(--brand)!important;font-size:12px}.ov-card-body{padding:22px}.ov-card-badge,.ov-hdr-badge,.pu-head-badge,.activities-count,.myupd-count-badge{font-size:10px;padding:3px 8px;border-radius:5px;background:#f0f3e9;color:#647951;font-weight:500}.ov-card-link{font-size:11px;font-weight:500}.ov-monthly-legend{display:flex;gap:18px;margin-bottom:16px}.ov-mleg-item{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.ov-mleg-dot,.ov-legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.ov-chart-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.ov-donut-wrap{width:148px;height:148px;position:relative}.ov-donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.ov-donut-val{font:28px 'Manrope',sans-serif;font-weight:700}.ov-donut-lbl{font-size:10px;color:var(--muted)}.ov-chart-legend{width:100%}.ov-legend-row{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:10px}.ov-legend-name{flex:1}.ov-legend-cnt{font-weight:700}.ov-legend-bar-wrap{width:35px;height:3px;background:#edf0e9}.ov-legend-bar{height:3px}.ov-legend-pct{color:var(--muted);width:27px;text-align:right}.ov-perf-row{display:flex;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid #edf0e8}.ov-perf-rank{font-size:10px;color:#98a08c;width:15px}.ov-perf-info{flex:1;min-width:0}.ov-perf-name{font-size:12px;font-weight:600}.ov-perf-desig{display:block;font-size:10px;font-weight:400;color:var(--muted)}.ov-perf-bar-wrap{height:4px;border-radius:8px;background:#f1f3ec;margin-top:9px;overflow:hidden}.ov-perf-bar{height:100%;border-radius:8px}.ov-perf-stats{text-align:right}.ov-perf-hrs{font-size:15px;font-weight:600}.ov-perf-upds{font-size:9px;color:var(--muted)}.ov-qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:17px}.ov-qa-btn{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:15px 12px;background:#f5f6f0;border:1px solid #e6eadf;border-radius:10px;color:var(--text-2);font-size:11px;min-width:0}.ov-qa-btn:hover{background:#eaf0dd}.qa-icon{font-size:15px;color:var(--brand)}.ov-unasgn-item,.ov-dl-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #edf0e8}.ov-unasgn-left,.ov-dl-info{min-width:0;flex:1}.ov-unasgn-name,.ov-dl-info a{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.ov-unasgn-client,.ov-dl-info small{font-size:10px;color:var(--muted)}.ov-unasgn-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ov-unasgn-status,.ov-unasgn-assign-btn{font-size:10px;border:0;padding:3px 6px;border-radius:5px;background:#eff2e8}.ov-dl-chip{font-size:10px;padding:5px 7px;border-radius:6px;background:#f7eee2;color:#976534}.ov-act-list{padding:8px 18px}.ov-act-item{display:flex;gap:12px;padding:12px 0}.ov-act-timeline{display:flex;align-items:center;flex-direction:column}.ov-act-line{width:1px;flex:1;background:var(--border);margin-top:7px}.ov-act-body{min-width:0;flex:1}.ov-act-who{font-size:11px;font-weight:600}.ov-act-desig{font-size:9px;color:var(--muted)}.ov-act-proj{font-size:11px;display:block}.ov-act-desc{font-size:11px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.ov-act-meta{display:flex;justify-content:space-between;font-size:9px;color:#82907f;margin-top:7px}.ov-empty,.empty-state,.tbl-empty,.ann-empty,.qa-empty,.fu-empty,.pu-empty-state{text-align:center;padding:50px 25px;color:var(--muted)}.ov-empty>i,.empty-icon,.tbl-empty>i,.pu-empty-icon{font-size:27px;color:#91a57b;display:block;margin-bottom:15px}.ov-empty span{display:block;font-size:12px}
/* Project workspace, views and filters */
.studio-project-summary{display:grid;grid-template-columns:1.5fr repeat(3,1fr);border:1px solid var(--border);border-radius:16px;background:#fff;margin-bottom:24px;overflow:hidden}.studio-summary-intro{background:#e9efdc;padding:21px 25px;display:flex;align-items:center;gap:17px}.studio-summary-intro>i{font-size:27px;color:#657e41}.studio-summary-intro strong{display:block;font-family:'Manrope',sans-serif;font-size:14px}.studio-summary-intro span{font-size:10px;color:var(--muted)}.studio-summary-metric{padding:20px 25px;border-left:1px solid var(--border)}.studio-summary-metric b{font:28px 'Manrope',sans-serif;letter-spacing:-1px}.studio-summary-metric span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.studio-viewbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 16px}.studio-viewbar h2{font-size:17px;letter-spacing:-.4px;margin:0}.studio-viewbar h2 small{color:var(--muted);font:11px 'DM Sans',sans-serif;margin-left:10px}.studio-view-switch{display:flex;padding:3px;background:#e9ece3;border-radius:8px;gap:3px}.studio-view-switch button{padding:6px 12px;font-size:11px;border:0;background:transparent;color:var(--muted);border-radius:6px;display:flex;gap:7px;align-items:center}.studio-view-switch button[aria-pressed=true]{background:#fff;color:var(--brand);box-shadow:0 2px 5px #2037280a}.toolbar-card{padding:16px 18px;margin-bottom:18px!important}.toolbar-all-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.toolbar-search-form{display:flex;gap:8px;flex:1 1 270px}.toolbar-search-wrap{position:relative;flex:1}.toolbar-search-wrap input{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 10px 10px 34px;background:#f9faf6;font-size:11px;height:38px}.search-icon{position:absolute;left:12px;top:13px;color:var(--muted);font-size:12px}.toolbar-search-btn{border:1px solid var(--border);border-radius:8px;background:white;padding:8px 12px;font-size:11px;color:var(--text)}.filter-person-select,.toolbar-date-input,.qa-select{border:1px solid var(--border);padding:8px 10px;border-radius:8px;background:#fff;color:var(--text-2);font-size:11px;height:38px;max-width:170px}.tb-divider{height:22px;width:1px;background:var(--border);margin:0 3px}.filter-pill-clear{font-size:10px;background:#eaf0dd;padding:7px 10px;border-radius:7px}.active-filter{background:#edf3df;border-color:#b2c596}.status-tabs-row{display:flex;gap:22px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid var(--border);margin-bottom:22px!important;scrollbar-width:thin}.stab{display:flex;gap:7px;align-items:center;padding:10px 0 14px;font-size:11px;color:var(--muted);border-bottom:2px solid transparent}.stab-active{color:var(--brand);border-bottom-color:var(--brand);font-weight:700}.stab-count{padding:1px 6px;font-size:9px;background:#e9ede2;border-radius:5px}.stab-active .stab-count{background:#254e42;color:white}.stab-icon{display:none}.dash-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.dash-main{min-width:0}.proj-table-wrap{border-radius:13px}.proj-table,.ov-table{width:100%;border-collapse:collapse;font-size:11px}.proj-table{min-width:1040px}.proj-table th,.ov-table th{background:#f9faf6;color:#84907b;font-size:9px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:14px 15px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}.proj-table th a{color:inherit}.proj-table td,.ov-table td{padding:18px 15px;border-bottom:1px solid #edf0e7;vertical-align:middle}.proj-table tbody tr:last-child td,.ov-table tbody tr:last-child td{border-bottom:0}.proj-table tbody tr:hover,.ov-table tbody tr:hover{background:#fbfcf7}.col-name{min-width:200px;max-width:260px}.tbl-proj-name,.ov-proj-link{font-size:12px;font-weight:700;color:var(--text);display:block;overflow-wrap:anywhere}.tbl-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:7px}.tbl-client-name,.tbl-bd-name,.ov-proj-client{font-size:10px;color:var(--muted)}.tbl-bd-name{display:block}.tbl-person{display:flex;align-items:center;gap:6px}.tbl-actions{display:flex;gap:5px}.tbl-btn,.action-btn,.ucard-btn,.upd-del-btn,.pu-del-btn{display:inline-flex;align-items:center;justify-content:center;background:#f6f8f0;border:1px solid #e4e9db;color:#678057;border-radius:7px;width:27px;height:27px;font-size:10px}.tbl-btn:hover,.action-btn:hover{background:#e4edd4}.tbl-btn-del,.ucard-btn-del,.upd-del-btn,.pu-del-btn{color:#b26854;background:#fff9f5}.tbl-date{white-space:nowrap;font-size:10px;color:var(--text-2)}.tbl-date.overdue{color:#b06443}.tbl-footer{padding:13px 18px;background:#fafbf7;color:var(--muted);font-size:10px}.tbl-status-select,.jira-badge,.status-badge{font-size:10px;font-weight:500;border:1px solid transparent;border-radius:6px;padding:5px 8px;max-width:140px;display:inline-flex;align-items:center;gap:5px}.sb-designing,.jb-designing{background:#eef0fc;color:#7372a8}.sb-developed,.jb-developed{background:#eaf2e4;color:#58753f}.sb-live,.jb-live{background:#e1eee6;color:#3d7956}.sb-maintenance,.jb-maintenance{background:#fbf0de;color:#a38039}.sb-nonresponsive,.jb-nonresponsive{background:#f9eae5;color:#ae6c57}.sb-hold,.jb-hold{background:#efedf1;color:#8a7396}.payment-badge,.pay-badge{font-size:10px;padding:4px 7px;border-radius:6px;background:#f5f3e9;color:#807748;white-space:nowrap}.pay-full{background:#e7f0dd;color:#557237}.pay-pending{background:#f8eee4;color:#a67843}.activities-card{border-radius:15px}.activities-header{justify-content:space-between}.activities-title{display:flex;gap:9px;align-items:center}.activities-body{max-height:400px;overflow:auto;padding:8px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:0 25px}.act-date-sep{grid-column:1/-1;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#91a07f;padding:14px 0 8px;border-bottom:1px solid #edf0e8}.act-item{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid #edf0e8}.act-avatar{width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:9px;color:white}.act-body{min-width:0;flex:1}.act-user{font-size:11px;font-weight:600}.act-project{font-size:10px;display:block}.act-desc{font-size:11px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.act-hours,.act-time{font-size:9px;color:var(--muted);margin-right:10px}.studio-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:10px}.studio-board-lane{background:#edf0e6;border-radius:14px;padding:14px;min-width:0}.studio-board-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:15px}.studio-board-head span{font-size:10px;background:#fff;padding:2px 7px;border-radius:5px}.studio-project-card{display:block;background:#fff;padding:18px;margin-bottom:10px;border-radius:11px;border:1px solid #e1e7d7;box-shadow:0 2px 6px #263d2905;color:var(--text)}.studio-project-card:hover{border-color:#8ba06f;transform:translateY(-2px);color:var(--text)}.studio-project-card h3{font-size:14px;letter-spacing:-.3px;margin:8px 0;overflow-wrap:anywhere}.studio-project-card p{font-size:11px;color:var(--muted);margin-bottom:16px}.studio-project-card footer{border-top:1px solid #edf0e7;padding-top:12px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted)}.studio-board-empty{padding:25px 10px;text-align:center;font-size:11px;color:var(--muted)}.studio-card-id{font-size:9px;letter-spacing:.5px;color:#91a080}
/* Dialogs, form fields and rich text */
.pmodal-backdrop{display:none;position:fixed;inset:0;background:#10271f80;backdrop-filter:blur(5px);z-index:1100}.pmodal-backdrop.active{display:block}.pmodal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(680px,calc(100% - 32px));max-height:90dvh;background:#fff;border:1px solid #dfe6d5;border-radius:20px;z-index:1110;box-shadow:var(--shadow-lg);overflow:auto}.pmodal.active{display:block;animation:dialog-in .16s ease-out}.pmodal-header{display:flex;align-items:center;gap:14px;padding:24px 26px;border-bottom:1px solid var(--border);background:#f6f8ef;position:sticky;top:0;z-index:2}.pmodal-header-icon{width:43px;height:43px;border-radius:12px;background:#e3edce!important;color:#3e6136!important;display:grid;place-items:center;flex-shrink:0}.pmodal-title{font-size:19px;font-weight:700;margin:0 0 4px}.pmodal-subtitle{font-size:11px;color:var(--muted);margin:0;overflow-wrap:anywhere}.pmodal-close{margin-left:auto;align-self:flex-start;background:none;border:0;color:#7e9073;width:28px;height:28px;border-radius:7px}.pmodal-body{padding:25px 26px}.pmodal-footer{padding:18px 26px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:9px;background:#fcfdf9;position:sticky;bottom:0;z-index:2}.pform-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pform-span2{grid-column:1/-1}.pform-group{margin-bottom:16px;min-width:0}.pform-grid .pform-group{margin:0}.pform-label,.inline-upd-field>label{display:block;font-size:11px;color:var(--text-2);font-weight:600;margin-bottom:8px}.req{color:#ad6348}.pform-input-wrap{position:relative}.pform-icon{position:absolute;top:14px;left:13px;color:#829570;font-size:12px;pointer-events:none}.pform-input,.form-control,.form-select,.qa-textarea{width:100%;border:1px solid #dce3d4;background:#fcfdf9;border-radius:9px;min-height:43px;padding:11px 13px;color:var(--text);font-size:12px;transition:border .15s}.pform-input-wrap .pform-input{padding-left:37px}.pform-select{padding-right:28px}textarea.pform-input{min-height:100px}.pform-input:focus,.form-control:focus,.form-select:focus{border-color:#8da96c;box-shadow:0 0 0 3px #a9c17a20;background:white}.pform-input::placeholder{color:#a1ad99}.ql-toolbar.ql-snow{border-color:var(--border)!important;border-radius:9px 9px 0 0;background:#fafcf5}.ql-container.ql-snow{border-color:var(--border)!important;font:13px 'DM Sans',sans-serif}.ql-editor{min-height:0;line-height:1.7;overflow-wrap:anywhere}.ql-editor img,.upd-entry-desc img,.qa-q-body img,.qa-answer-text img{max-width:100%;height:auto;border-radius:8px}.upd-entry-desc p{margin-bottom:6px}.member-stats-header{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--border)}.member-stats-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:700}.member-stats-name{font-weight:600}.member-stats-role{font-size:11px;color:var(--muted)}.member-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);padding:16px}.ms-stat{display:flex;align-items:center;flex-direction:column;gap:7px;padding:12px;border-right:1px solid var(--border)}.ms-stat:last-child{border:0}.ms-stat-val{font-size:24px;font-weight:700}.ms-stat-lbl{font-size:10px;color:var(--muted)}.dnd-copy-btn,.dnd-save-btn{border:1px solid var(--border);border-radius:6px;padding:5px 8px;background:#f8faf3;color:var(--brand);font-size:10px}.dnd-copy-btn{margin-left:auto}.dnd-filter-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;margin-bottom:15px}.dnd-filter-label{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.dnd-date-input{font-size:10px;padding:7px;border:1px solid var(--border);border-radius:6px;max-width:130px;background:white}.dnd-apply-btn{min-height:30px;padding:7px 10px;font-size:10px}.dnd-period-badge{font-size:9px;color:var(--muted);width:100%}.dnd-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #edf0e7}.dnd-lbl{font-size:11px;color:var(--text-2)}.dnd-ico{width:20px;color:var(--brand)!important}.dnd-note,.dnd-tag{font-size:9px;display:block;color:var(--muted);padding-left:20px}.dnd-val{font-size:19px;font-weight:600;white-space:nowrap}.dnd-val-lg{font-size:26px}.dnd-row-highlight{background:#eff4e3;padding:13px;border-radius:9px}.dnd-manual-tag{font-size:8px;color:var(--muted);margin-left:5px}.dnd-inline-edit{display:flex;gap:5px}.dnd-num-inp{width:52px;font-size:13px;border:1px solid var(--border);border-radius:5px;padding:3px;text-align:center}.dnd-hr{display:none}.dnd-sep{color:#adb79e;margin:0 4px}.dnd-progress-wrap{height:7px;border-radius:10px;background:#edf1e6;margin:16px 0 9px;overflow:hidden}.dnd-progress-fill{height:100%;background:#8bab61;border-radius:10px}.dnd-progress-lbl{font-size:10px;color:var(--muted);margin:0}
/* Project detail, timelines and activity */
.pu-hero-card,.upd-proj-card{border:1px solid #d4dfc3;background:#eaf0dd;border-radius:18px;overflow:hidden}.pu-hero-accent{display:none}.pu-hero-body,.upd-proj-left{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.pu-hero-left{display:flex;gap:17px;align-items:center;min-width:0}.pu-hero-icon,.upd-proj-icon{width:52px;height:52px;display:grid;place-items:center;background:#d7e4bb;border-radius:15px;font-size:20px;color:#54723c;flex-shrink:0}.pu-hero-name,.upd-proj-name{font-size:24px;letter-spacing:-1px;font-weight:700;overflow-wrap:anywhere}.pu-hero-meta,.upd-proj-client{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:11px;color:#758263}.pu-hero-meta i{color:#748c55!important}.pu-hero-badges,.upd-proj-badges{display:flex;gap:8px;flex-wrap:wrap}.pu-section-body{padding:20px 24px}.pu-section-body--border{border-top:1px solid var(--border)}.pu-detail-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}.pu-contrib-item,.contrib-item{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #edf0e7}.pu-contrib-body,.contrib-info{flex:1;min-width:0}.pu-contrib-top{display:flex;justify-content:space-between;gap:10px}.pu-contrib-name,.contrib-name{font-size:12px;font-weight:600}.pu-contrib-role,.contrib-role{font-size:10px;color:var(--muted)}.pu-contrib-right,.contrib-stats{text-align:right}.pu-contrib-hours,.contrib-hours{font-weight:600;font-size:13px}.pu-contrib-count,.contrib-count{display:block;font-size:9px;color:var(--muted)}.pu-contrib-bar-wrap{height:4px;background:#eef1e8;margin-top:9px;border-radius:5px}.pu-contrib-bar{height:100%;border-radius:5px}.pu-timeline-header,.upd-timeline-header,.myupd-section-header{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.pu-timeline-title{font-size:16px;font-weight:600}.pu-tl-dot,.upd-day-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#91ad66;margin-right:7px}.upd-export-btn{font-size:11px;padding:7px 12px;border:1px solid var(--border);border-radius:7px;background:#fff}.pu-day-group,.upd-day-group{margin-bottom:25px}.pu-day-node,.upd-day-header{display:flex;align-items:center;gap:10px;margin-bottom:13px;font-size:11px;color:var(--muted)}.pu-day-label,.upd-day-label{font-weight:600}.pu-day-hours-chip,.upd-day-hours{margin-left:auto;font-size:10px;padding:3px 8px;background:#e9efde;border-radius:5px;color:#6c8450}.pu-day-entries,.upd-day-entries{padding-left:17px;border-left:1px solid #d9e1cd;margin-left:4px}.pu-entry,.upd-entry{border:1px solid var(--border);border-radius:14px;background:white;margin-bottom:12px;overflow:hidden}.pu-entry-accent{display:none}.pu-entry-inner{padding:20px}.pu-entry-who,.upd-entry-who{display:flex;align-items:center;gap:10px}.pu-who-info{flex:1}.pu-who-name,.upd-who-name{font-size:12px;font-weight:600}.pu-who-desig,.upd-desig{display:block;font-size:9px;color:var(--muted)}.pu-date-chip,.upd-entry-date-pill{font-size:9px;color:var(--muted);margin-left:auto}.pu-entry-body,.upd-entry-body{padding:14px 0;font-size:12px}.pu-entry-footer,.upd-entry-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0e7;padding-top:12px;font-size:10px}.pu-hours-chip,.upd-hours-badge{padding:4px 8px;border-radius:6px;background:#edf3e2;color:#607c41;font-weight:600}.pu-submit-time,.upd-entry-time{color:var(--muted);flex:1;font-size:9px}.upd-entry{padding:20px}.pu-add-form-header{display:flex;gap:12px;padding:23px;background:#f0f4e7;border-bottom:1px solid var(--border)}.pu-add-form-icon{font-size:20px;color:#718d4f}.pu-add-form-title{font-size:16px;font-weight:600}.pu-add-form-sub{font-size:11px;color:var(--muted)}.pu-add-form-body{padding:23px}.pu-add-form-editor{padding:0 23px 20px}.pu-add-form-footer{padding:17px 23px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid var(--border)}.pu-submit-btn{margin-left:auto}.pu-attach-btn,.upd-file-label{font-size:11px;padding:9px 12px;background:#f4f7ec;border:1px dashed #becba7;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.upd-file-names{font-size:10px;color:var(--muted)}.pu-sidebar{position:sticky;top:24px}.pu-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pu-stat-card,.upd-stat-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:20px}.pu-stat-icon-wrap,.upd-stat-icon{width:31px;height:31px;display:grid;place-items:center;background:#eef3e3;color:#718d4f;border-radius:9px;margin-bottom:10px}.pu-stat-val,.upd-stat-val{font:29px 'Manrope',sans-serif;font-weight:700}.pu-stat-unit{font-size:12px;color:var(--muted)}.pu-stat-lbl,.upd-stat-lbl{font-size:10px;color:var(--muted);margin-top:5px}.pu-activity-list{padding:8px 19px;max-height:550px;overflow:auto}.pu-act-item{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid #edf0e7}.pu-act-body{flex:1;min-width:0}.pu-act-row1{display:flex;justify-content:space-between;gap:8px}.pu-act-name{font-size:11px;font-weight:600}.pu-act-time{font-size:9px;color:var(--muted)}.pu-act-action{font-size:11px;color:var(--text-2);margin-top:7px;overflow-wrap:anywhere}.pu-act-old{color:#a38775}.pu-act-new{color:#688646}.upd-files-grid,.upd-attach-row{display:flex;gap:10px;flex-wrap:wrap}.upd-file-card{width:130px;border:1px solid var(--border);border-radius:9px;overflow:hidden}.upd-file-img-wrap img{width:100%;height:85px;object-fit:cover}.upd-file-doc-wrap{display:grid;place-items:center;background:#f2f5ea;height:85px;font-size:26px}.upd-file-name{font-size:10px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upd-file-actions{display:flex;justify-content:space-between;padding:6px 9px;background:#f6f8f0}.upd-file-dl,.upd-file-del-btn{font-size:11px;border:0;background:none;color:var(--muted)}.upd-attach-item{position:relative;display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--border);border-radius:8px;max-width:180px}.upd-attach-thumb{width:40px;height:35px;object-fit:cover;border-radius:5px}.upd-attach-name{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upd-attach-del{border:0;background:none;color:#ab715d;font-size:10px}.inline-upd-row{display:flex;gap:16px;padding:20px}.inline-upd-field{flex:1}.inline-upd-desc,.inline-upd-attach{padding:0 20px 20px}.inline-upd-footer{padding:15px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}
/* People, personal updates and notifications */
.ucard{background:#fff;border:1px solid var(--border);border-radius:17px;padding:24px;min-height:185px;display:flex;flex-direction:column;gap:20px;height:100%;transition:border .15s}.ucard:hover{border-color:#a6bc87}.ucard-left{display:flex;gap:15px;align-items:flex-start}.ucard-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:white;font-size:17px;font-weight:600;flex-shrink:0}.ucard-info{min-width:0;flex:1}.ucard-name{font-size:15px;font-weight:600}.ucard-username,.ucard-email{font-size:11px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.ucard-badge{font-size:9px;padding:3px 6px;background:#f0f3e7;border-radius:4px;color:#758460}.ucard-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf0e7;padding-top:14px;margin-top:auto}.ucard-btn{width:auto;padding:7px 10px;height:auto;gap:6px}.profile-card-header{padding:30px;background:#edf3df}.myupd-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.myupd-stat{display:flex;align-items:center;gap:17px;background:white;border:1px solid var(--border);border-radius:15px;padding:22px}.myupd-stat-icon{font-size:23px;color:#7a9557}.myupd-stat-val{font-size:30px;font-weight:600}.myupd-stat-lbl{font-size:11px;color:var(--muted)}.myupd-tabs,.notif-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:22px}.myupd-tab,.notif-tab{padding:8px 14px;border-radius:8px;background:transparent;color:var(--muted);font-size:12px}.myupd-tab.active,.notif-tab.active{background:#e5edd7;color:#416038}.myupd-tab-badge,.notif-badge{font-size:9px;padding:2px 5px;background:#dae5c8;border-radius:4px;margin-left:6px}.myupd-projects-strip{margin-bottom:25px}.myupd-strip-title{font-size:12px;font-weight:600;margin-bottom:12px}.myupd-projects-scroll{display:flex;gap:13px;overflow-x:auto;padding-bottom:10px}.myupd-proj-chip{min-width:225px;max-width:270px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:17px}.myupd-chip-top{display:flex;align-items:center;gap:9px}.myupd-chip-name{font-weight:600;font-size:12px;overflow-wrap:anywhere}.myupd-chip-client,.myupd-chip-stats{font-size:10px;color:var(--muted);margin:7px 0}.myupd-chip-actions{display:flex;gap:8px;margin-top:12px}.myupd-chip-btn-add,.myupd-chip-btn-view{padding:6px 9px;border:1px solid var(--border);border-radius:6px;background:#f5f8ee;font-size:10px;color:var(--brand)}.myupd-entry-proj{font-size:12px;padding-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px}.notif-date-header{display:flex;align-items:center;gap:14px;margin:24px 0 14px}.notif-date-pill{font-size:12px;font-weight:600}.notif-date-summary{font-size:10px;color:var(--muted)}.notif-projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.notif-proj-card{background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden}.notif-proj-header{display:flex;align-items:center;gap:12px;padding:18px 20px;background:#f7f9f1;border-bottom:1px solid var(--border)}.notif-proj-info{min-width:0;flex:1}.notif-proj-name{font-size:13px;font-weight:600;overflow-wrap:anywhere}.notif-proj-client{font-size:10px;color:var(--muted)}.notif-entry{padding:18px 20px;border-bottom:1px solid #edf0e7}.notif-entry-who{display:flex;align-items:center;gap:10px}.notif-entry-person{flex:1}.notif-person-name{font-size:12px;font-weight:600}.notif-person-role,.notif-entry-time{font-size:9px;color:var(--muted)}.notif-hours-badge{font-size:10px;color:#71884f;background:#edf3e0;border-radius:5px;padding:4px 7px}.notif-entry-desc{font-size:12px;color:var(--text-2);padding:12px 0}.notif-proj-footer{padding:12px 20px;font-size:11px;background:#fafbf6}.notif-proj-hours{float:right;font-size:10px}
/* Follow-ups, announcements and team discussions */
.fu-section-head{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;margin:25px 0 14px}.fu-count{font-size:10px;padding:3px 8px;background:#e9eedf;border-radius:6px}.fu-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:21px 23px;display:flex;gap:17px;align-items:flex-start;margin-bottom:12px;border-left:3px solid #97ad76}.fu-card.overdue{border-left-color:#c38767}.fu-card.due-today{border-left-color:#d4b261}.fu-card.done-card{border-left-color:#7e9e69}.fu-card-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f1f4e9;color:#6b8552;flex-shrink:0}.fu-card-body{flex:1;min-width:0}.fu-proj-name{font-size:14px;font-weight:600}.fu-client{font-size:11px;color:var(--muted);margin-top:3px}.fu-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:10px;color:var(--muted)}.fu-notes{font-size:12px;padding:11px 14px;background:#f8faf3;border-radius:8px;margin-top:12px;color:var(--text-2)}.fu-auto-badge{font-size:8px;padding:3px 6px;background:#f1ecdf;color:#9b8558;border-radius:4px}.fu-actions{display:flex;gap:7px}.fu-btn{padding:7px 10px;font-size:10px;border:1px solid var(--border);border-radius:7px;background:#f5f8ee;color:var(--brand)}.fu-btn-delete{color:#aa765d;background:#fff8f3}.fu-combo{position:relative}.fu-combo-list{display:none;position:absolute;top:100%;left:0;right:0;background:white;border:1px solid var(--border);max-height:230px;overflow:auto;z-index:10;border-radius:8px;box-shadow:var(--shadow-md)}.fu-combo-list.open{display:block}.fu-combo-item{padding:11px 13px;font-size:12px;cursor:pointer}.fu-combo-item:hover{background:#eef4e1}.fu-combo-client{display:block;font-size:10px;color:var(--muted)}.ann-wrap{max-width:1400px;margin:auto}.ann-section-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:8px 0 17px}.ann-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.ann-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.ann-card.unread{border-color:#b1c58c}.ann-stripe{height:3px;background:#abc281}.ann-pin-ribbon{position:absolute;right:17px;top:15px;color:#8da167;font-size:11px}.ann-card-body{padding:23px}.ann-top-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.ann-type-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#edf3e2;color:#728c53}.ann-badges-col{display:flex;gap:5px;flex-wrap:wrap}.ann-type-badge,.ann-role-badge,.ann-new-badge{font-size:9px;padding:3px 6px;background:#eff3e7;border-radius:4px;color:#758b5c}.ann-title{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:0 0 12px}.ann-body{font-size:12px;color:var(--text-2);line-height:1.8;overflow-wrap:anywhere}.ann-footer{padding:17px 22px;border-top:1px solid #edf0e7;display:flex;justify-content:space-between;gap:8px;align-items:center}.ann-author{display:flex;gap:8px;align-items:center}.ann-av{width:27px;height:27px;background:#e5ecd9;border-radius:50%;display:grid;place-items:center;font-size:9px}.ann-author-name{font-size:10px}.ann-time{font-size:9px;color:var(--muted)}.ann-actions{display:flex;gap:6px}.ann-btn-pin,.ann-btn-del{background:none;border:0;color:var(--muted);padding:6px;font-size:11px}.ann-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ann-type-option{cursor:pointer}.ann-type-option input{accent-color:var(--brand)}.ann-type-label{display:flex;align-items:center;gap:7px;padding:9px;font-size:11px;border:1px solid var(--border);border-radius:8px}.ann-type-option input:checked+.ann-type-label{background:#e9f0d8;border-color:#9db780}.qa-feed,.qa-single-wrap{max-width:970px;margin:auto}.qa-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:23px;flex-wrap:wrap}.qa-search-wrap{position:relative;flex:1;min-width:200px}.qa-search{width:100%;padding:11px 13px 11px 37px;border:1px solid var(--border);border-radius:9px;background:white;font-size:12px}.qa-search-icon{position:absolute;left:13px;top:14px;color:var(--muted)}.qa-card,.qa-question-card,.qa-answer-card,.qa-write-box{padding:26px;background:#fff;border:1px solid var(--border);border-radius:16px;margin-bottom:17px}.qa-card-author{display:flex;gap:10px;align-items:center;margin-bottom:18px}.qa-author-av{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff;background:#6c8557}.qa-author-name{font-size:12px;font-weight:600}.qa-author-meta,.qa-role-tag{font-size:10px;color:var(--muted)}.qa-title,.qa-q-title{font:600 20px/1.4 'Manrope',sans-serif;letter-spacing:-.5px;margin-bottom:12px;color:var(--text)}.qa-desc,.qa-q-body,.qa-answer-text{font-size:13px;color:var(--text-2);line-height:1.8;overflow-wrap:anywhere}.qa-card-footer,.qa-q-footer,.qa-ans-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0e7;padding-top:16px;margin-top:20px}.qa-action-btn,.qa-del-btn,.qa-mark-best-btn{border:1px solid var(--border);background:#fafcf5;padding:7px 11px;border-radius:7px;font-size:11px;color:var(--text-2);display:inline-flex;gap:6px;align-items:center}.qa-action-btn.liked,.qa-mark-best-btn{background:#e9f1dc;color:#658647}.qa-best-badge{font-size:10px;color:#628343;padding:5px 9px;background:#eaf4df;border-radius:6px;margin-bottom:10px;display:inline-block}.qa-answer-card.best{border-color:#a7c38b}.qa-answers-hdr{font-size:15px;margin:27px 0 17px;font-weight:600}.qa-write-title{font-size:15px;font-weight:600;margin-bottom:14px}.qa-textarea{min-height:130px}.qa-ans-img-label{font-size:11px;color:var(--muted);cursor:pointer}.qa-img-preview,.qa-ans-img-wrap{margin-top:12px}.qa-img-preview img{max-height:160px}.qa-closed-box{padding:30px;text-align:center;background:#edf4e4;border:1px solid #cbdcbb;border-radius:14px}.qa-closed-title{font-size:16px;font-weight:600}.qa-closed-sub{font-size:12px;color:var(--muted)}
/* Authentication */
.studio-login{background:#f4f5ee;min-height:100dvh;display:grid;grid-template-columns:1.08fr 1fr;padding:18px;gap:18px}.login-story{background:#1b352e;border-radius:24px;padding:45px 55px;color:#e6eedc;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:700px}.login-story .studio-brand{align-self:flex-start}.login-story-main{margin:auto 0;padding:60px 0;position:relative;z-index:1}.login-story .studio-eyebrow{color:#afc49b;font-size:10px;margin-bottom:25px}.login-story h1{font-size:clamp(40px,4.4vw,72px);line-height:1.07;color:#f0f3e7;letter-spacing:-3.8px;font-weight:500;max-width:550px;margin:0}.login-story h1 em{font-style:normal;color:#d5ef82}.login-story-main>p{font-size:13px;line-height:1.8;color:#a4b5a5;max-width:340px;margin:26px 0 35px}.login-orbit{position:absolute;right:-130px;bottom:-170px;width:560px;height:560px;border:1px solid #47604c;border-radius:50%;pointer-events:none}.login-orbit:before,.login-orbit:after{content:'';position:absolute;inset:55px;border:1px solid #47604c;border-radius:50%}.login-orbit:after{inset:110px}.login-preview{position:relative;border:1px solid #4c654f;background:#284437;border-radius:14px;padding:20px;max-width:370px;box-shadow:0 20px 50px #11251e33;transform:rotate(-3deg)}.login-preview-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c5d3b8}.login-preview-head b{color:#d5ef82;font-weight:500;font-size:10px;border:1px solid #657b4d;border-radius:5px;padding:3px 7px}.login-preview-title{font:18px 'Manrope',sans-serif;color:#fff;margin:19px 0}.login-preview-track{height:5px;border-radius:10px;background:#4b614a}.login-preview-track span{display:block;height:100%;width:75%;background:#d5ef82;border-radius:10px}.login-preview-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;color:#a9bd9b}.login-preview-avatars{display:flex}.login-preview-avatars span{border:2px solid #284437;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:8px;background:#b9c997;color:#2d4934;margin-right:-5px}.login-story-footer{position:relative;display:flex;justify-content:space-between;font-size:9px;color:#91a68e;letter-spacing:.5px}.login-form-side{display:flex;flex-direction:column;padding:28px 45px}.login-form-top{font-size:11px;color:var(--muted);display:flex;justify-content:flex-end;gap:7px}.login-form-card{width:100%;max-width:370px;margin:auto; padding:60px 0}.login-form-card .studio-eyebrow{color:#82936c;margin-bottom:15px}.login-form-card h2{font-size:35px;font-weight:650;letter-spacing:-1.5px;margin-bottom:10px}.login-form-card>p{font-size:12px;color:var(--muted);margin-bottom:32px}.lf-group{margin-bottom:21px}.lf-label{font-size:11px;font-weight:600;display:block;margin-bottom:9px;color:#526345}.lf-wrap{position:relative}.lf-input{width:100%;min-height:50px;border:1px solid #d8e0cc;border-radius:10px;background:#fff;padding:14px 42px;color:var(--text);font-size:12px}.lf-input:focus{border-color:#8da76d;outline:2px solid #b4c99944;outline-offset:1px}.lf-input::placeholder{color:#a1ad96}.lf-icon{position:absolute;left:16px;top:18px;color:#9ba989;font-size:12px}.lf-eye{position:absolute;right:11px;top:10px;background:none;border:0;color:#8c9f79;padding:6px}.lf-submit{width:100%;background:#254e42;color:#fff;border:1px solid #254e42;border-radius:10px;min-height:49px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;padding:14px 18px;margin-top:28px}.lf-submit:hover{background:#3e6548}.lf-footer{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#95a183;border-top:1px solid #e0e6d7;padding-top:23px;margin-top:25px}.lf-alert{background:#faeee6;color:#9e6145;border:1px solid #e8cbbb;border-radius:9px;font-size:12px;padding:12px;margin-bottom:20px}.login-form-bottom{text-align:center;font-size:10px;color:#94a085}.login-mobile-brand{display:none}
/* Compact shared metadata and legacy action hooks, styled in the new system. */
.pay{display:inline-flex;align-items:center;white-space:nowrap;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:500}.pay-half,.pay-amount{background:#f5efdd;color:#9b8047}.muted-dash,.ov-dash{color:#a9b29d}.ov-person-name{font-size:10px}.ov-time-ago{font-size:9px;color:var(--muted)}.ov-upd-badge{font-size:9px;background:#edf3e0;color:#6a8350;border-radius:5px;padding:3px 6px}.pu-act-item--active{background:#f0f5e5;border-radius:8px;padding:12px!important}.pu-act-empty,.fu-combo-empty{padding:25px;font-size:11px;color:var(--muted);text-align:center}.ann-unread-dot{display:inline-block;width:6px;height:6px;background:#91ad66;border-radius:50%;margin-left:5px}.ann-type-option input:checked~.ann-type-label{background:#e9f0d8;border-color:#9db780}.qa-q-body img,.qa-desc img,.qa-answer-text img{max-height:420px;object-fit:contain}.qa-answer-text pre,.upd-entry-desc pre{overflow:auto;max-width:100%}.status-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.status-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf4e1}.status-text{font-size:12px}.upd-detail-section{padding:22px;border-bottom:1px solid var(--border)}.upd-detail-title{font-size:12px;font-weight:600;margin-bottom:12px}.upd-rich-content{font-size:13px;line-height:1.7}.upd-proj-card{display:flex;align-items:center;justify-content:space-between;padding-right:22px}.upd-proj-left{justify-content:flex-start}.upd-contributors{padding-bottom:10px}.contrib-item{display:inline-flex;min-width:240px}.pu-stat-card{color:var(--text)}.studio-topbar .avatar-sm:hover{background:#d3dfba;color:var(--text)}.pmodal-backdrop.active+.pmodal:not(.active){display:none}.studio-viewbar small{font-variant-numeric:tabular-nums}#push-notif-bar{background:#254e42!important;border:1px solid #52734b;box-shadow:0 10px 30px #1b352e24!important}#push-notif-bar button:first-child{background:#d5ef82!important;color:#21352e!important}.page-banner .banner-btn:focus-visible{outline-color:#87a566}.ov-table td .tbl-person{min-width:110px}.studio-welcome-copy h2{overflow-wrap:anywhere}.ov-donut-wrap canvas{max-width:100%;max-height:100%}.qa-card-author img,.qa-answer-card img{height:auto}.qa-closed-icon{color:#789951;font-size:24px;margin-bottom:10px}
.handover-intro{display:flex;align-items:center;gap:20px;background:#e9efdc;border:1px solid #d6dfc8;border-radius:16px;padding:24px;margin-bottom:24px}.handover-avatar{width:54px;height:54px;display:grid;place-items:center;flex-shrink:0;background:#254e42;color:#d5ef82;border-radius:15px;font-size:18px;font-weight:600}.handover-intro h2,.handover-bulk h2{font-size:18px;margin:0 0 8px}.handover-intro p,.handover-bulk p,.handover-actions p{font-size:12px;color:var(--text-2);margin:4px 0}.handover-bulk{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;padding:24px;background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:20px}.handover-bulk>div:first-child{flex:1 1 270px}.handover-bulk .pform-group{flex:1 1 220px;margin:0}.handover-note{font-size:11px;color:#9c724c;display:block;margin-top:8px}.handover-projects{background:white;border:1px solid var(--border);border-radius:14px;overflow:hidden}.handover-project{display:flex;align-items:center;gap:24px;padding:22px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.handover-project:last-child{border-bottom:0}.handover-project-info{flex:1 1 250px;min-width:0}.handover-project-info h3{font-size:15px;letter-spacing:-.3px;margin:7px 0;overflow-wrap:anywhere}.handover-project-info>span:last-child{font-size:11px;color:var(--muted)}.handover-project .pform-group{flex:1 1 220px;margin:0;max-width:320px}.handover-actions{margin-top:22px;padding:22px;background:#f5f8ef;border:1px solid var(--border);border-radius:14px;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.handover-actions strong{font-size:12px}.handover-buttons{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:767px){.handover-intro{padding:18px;gap:14px;align-items:flex-start}.handover-bulk,.handover-project,.handover-actions{padding:18px}.handover-project .pform-group{max-width:none;flex-basis:100%}.handover-buttons{width:100%}.handover-buttons .pbtn{flex:1;white-space:nowrap;font-size:11px;padding:10px}}
/* Maintenance workspace */
.maintenance-filters{display:flex;align-items:flex-end;gap:12px;padding:18px 20px;background:white;border:1px solid var(--border);border-radius:13px;margin-bottom:22px;flex-wrap:wrap}.maintenance-filters>div:first-child{flex:1;min-width:190px}.maintenance-filters input[type=month]{min-width:165px}.maintenance-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--border);border-radius:15px;margin:20px 0 24px;overflow:hidden}.maintenance-summary>div{padding:22px;border-right:1px solid var(--border)}.maintenance-summary>div:last-child{border:0}.maintenance-summary strong{font:700 29px 'Manrope',sans-serif;letter-spacing:-1px;display:block}.maintenance-summary strong small{font-size:14px;font-weight:500;color:var(--muted)}.maintenance-summary span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.maintenance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.maintenance-card{border:1px solid var(--border);border-radius:16px;background:#fff;padding:23px;min-width:0;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.maintenance-card:hover{border-color:#a3b88a;transform:translateY(-2px)}.maintenance-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.maintenance-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#edf3df;color:#748f4f;flex-shrink:0}.maintenance-origin{font-size:9px;border:1px solid var(--border);border-radius:5px;padding:4px 7px;color:var(--muted)}.maintenance-card h2{font-size:19px;font-weight:650;margin-bottom:8px;overflow-wrap:anywhere}.maintenance-card h2 a{color:var(--text)}.maintenance-card>p{font-size:12px;color:var(--muted);margin:0 0 20px}.maintenance-card-stats{display:flex;gap:12px;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:auto;margin-bottom:20px}.maintenance-card-stats strong{font-size:15px;color:var(--brand)}.maintenance-card>footer{border-top:1px solid var(--border);padding-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:11px}.maintenance-card footer a{display:flex;align-items:center;gap:6px}.maintenance-edit-wrap{max-width:1080px;margin:auto}.maintenance-mode-switch{display:flex;gap:8px;margin:0 0 23px}.maintenance-mode-switch a{padding:10px 17px;font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:9px;background:white}.maintenance-mode-switch a.active{background:#254e42;color:#fff;border-color:#254e42}.maintenance-form-section{padding:26px;border-bottom:1px solid var(--border)}.maintenance-form-section h2{font-size:18px;margin-bottom:20px}.maintenance-help{font-size:11px;color:var(--muted);line-height:1.7;display:block}.maintenance-linked-note{display:flex;align-items:center;gap:13px;background:#edf3df;padding:17px;border-radius:10px}.maintenance-linked-note p{font-size:11px;color:var(--muted);margin:5px 0 0}.maintenance-team-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;max-height:400px;overflow:auto;padding:2px}.maintenance-team-option{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--border);border-radius:10px;cursor:pointer;min-width:0}.maintenance-team-option:has(input:checked){background:#eef4e2;border-color:#9cb580}.maintenance-team-option input{accent-color:#254e42;width:16px;height:16px;flex-shrink:0}.maintenance-team-option>span:last-child{min-width:0}.maintenance-team-option strong{display:block;font-size:11px;overflow-wrap:anywhere}.maintenance-team-option small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.maintenance-scope{padding:20px 23px;border:1px solid #dfe5d4;background:#eef3e3;border-radius:13px;margin-bottom:23px;font-size:12px}.maintenance-scope p{font-size:12px;color:var(--text-2);margin:8px 0 0;overflow-wrap:anywhere}.maintenance-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:24px;align-items:start}.maintenance-detail-side{display:flex;flex-direction:column;gap:22px;min-width:0}.maintenance-report-main{min-width:0}.maintenance-period-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 17px}.maintenance-period-heading h2{font-size:18px;margin:0}.maintenance-period-heading>span{font-size:10px;color:var(--muted)}.maintenance-table-scroll{overflow-x:auto}.maintenance-report-table{width:100%;border-collapse:collapse;font-size:12px}.maintenance-report-table th{text-align:left;background:#f7f9f1;padding:13px 20px;font-size:10px;color:var(--muted);font-weight:500}.maintenance-report-table td{padding:14px 20px;border-top:1px solid #edf0e6}.maintenance-report-table td:last-child,.maintenance-report-table th:last-child{text-align:right}.maintenance-report-table td small{display:block;font-size:9px;color:var(--muted)}.maintenance-empty{padding:26px;font-size:12px;color:var(--muted)}.maintenance-log{background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:22px}.maintenance-log header{display:flex;align-items:center;gap:11px}.maintenance-log header strong{display:block;font-size:12px}.maintenance-log header small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.maintenance-log-hours{margin-left:auto;font-size:13px;font-weight:600;padding:5px 10px;background:#edf3df;border-radius:7px;color:#66814d;white-space:nowrap}.maintenance-log-description{font-size:13px;line-height:1.85;color:var(--text-2);margin:18px 0;overflow-wrap:anywhere}.maintenance-log footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #edf0e7;padding-top:12px;color:var(--muted);font-size:10px}.maintenance-log-form{padding:22px}.maintenance-identity{display:flex;align-items:center;gap:10px;border:1px solid #d8e3c8;background:#f1f6e8;border-radius:9px;padding:12px;margin-bottom:22px}.maintenance-identity i{color:#7c9657}.maintenance-identity strong{display:block;font-size:12px}.maintenance-identity small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.maintenance-team-member{display:flex;gap:10px;align-items:center;padding:15px 20px;border-bottom:1px solid #edf0e7}.maintenance-team-member:last-child{border:0}.maintenance-team-member strong{font-size:12px;display:block}.maintenance-team-member small{font-size:10px;color:var(--muted);display:block}.maintenance-dashboard-section{margin-bottom:25px}.maintenance-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.maintenance-dashboard-heading h2{font-size:17px;margin:5px 0 0}.maintenance-dashboard-heading>a{font-size:11px}.maintenance-dashboard-heading .studio-eyebrow{font-size:8px}.maintenance-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.maintenance-dashboard-card{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--border);background:#fff;border-radius:12px;min-width:0;color:var(--text)}.maintenance-dashboard-card>div{min-width:0;flex:1}.maintenance-dashboard-card strong{display:block;font-size:12px;overflow-wrap:anywhere}.maintenance-dashboard-card small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.maintenance-dashboard-cta{font-size:10px;white-space:nowrap;color:#6c8551}#maintenanceUpdate{scroll-margin-top:25px}@media(max-width:1350px){.maintenance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-detail-layout{grid-template-columns:minmax(0,1fr) 285px}.maintenance-team-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-summary>div{padding:18px}.maintenance-summary strong{font-size:24px}}@media(max-width:1000px){.maintenance-detail-layout{grid-template-columns:1fr}.maintenance-detail-side{grid-row:1;display:grid;grid-template-columns:1fr 1fr;align-items:start}}@media(max-width:767px){.maintenance-grid,.maintenance-dashboard-grid{grid-template-columns:1fr}.maintenance-detail-side{display:flex}.maintenance-team-picker{grid-template-columns:1fr}.maintenance-team-option{padding:12px}.maintenance-form-section{padding:20px}.maintenance-filters{padding:15px;gap:9px}.maintenance-filters>div{flex:1 1 100%}.maintenance-filters>button,.maintenance-filters>a{flex:1;font-size:11px;white-space:nowrap;padding:10px}.maintenance-summary>div{padding:16px 11px}.maintenance-summary strong{font-size:22px}.maintenance-summary span{font-size:9px}.maintenance-period-heading{align-items:flex-start}.maintenance-period-heading h2{font-size:16px}.maintenance-period-heading>span{font-size:9px}.maintenance-log{padding:18px}.maintenance-log header small{font-size:8px}.maintenance-log-hours{font-size:11px}.maintenance-dashboard-card{padding:15px}.maintenance-dashboard-cta{font-size:9px}.maintenance-card{padding:20px}.maintenance-log-form{padding:20px}.mobile-bottom-nav .mbn-item{padding-left:6px;padding-right:6px}}
/* Adapt to laptop, tablet and handheld widths */
@keyframes dialog-in{from{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}
@media(min-width:1750px){.dash-layout{grid-template-columns:minmax(0,1fr) 290px}.activities-body{display:block;max-height:760px}.ov-chart-wrap{flex-direction:row}.ov-charts-row{grid-template-columns:1.5fr 1fr 1.2fr}}
@media(max-width:1350px){:root{--sidebar-w:218px}.main-wrap{margin-left:246px;padding:0 25px 30px}.sidebar-logo-area{padding:25px 18px}.sidebar nav a{font-size:11px;padding:10px}.ov-charts-row{grid-template-columns:1.3fr 1fr}.ov-charts-row>.ov-card:last-child{grid-column:1/-1}.ov-chart-wrap{flex-direction:row;justify-content:center}.ov-chart-legend{max-width:400px}.ov-layout{grid-template-columns:minmax(0,1fr)}.ov-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.studio-metrics-detail .ov-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ann-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-date{display:none}.login-story{padding:35px}.login-form-side{padding:25px 30px}}
@media(max-width:1000px){.main-wrap{margin-left:104px;padding:0 22px 30px}.sidebar{width:76px}.studio-wordmark,.sidebar .nav-label,.sidebar .nav-section,.sidebar .user-info,.sidebar .sidebar-notif-badge,.sidebar .sidebar-logout-btn,.studio-workspace,.studio-side-note{display:none}.sidebar-logo-area{padding:24px 19px;flex-wrap:wrap}.sb-toggle-btn{display:none}.sidebar nav a{justify-content:center;padding:14px 8px}.sidebar-footer{justify-content:center}.user-chip{padding:0}.ov-kpi-grid{gap:12px}.pm-kpi{padding:17px}.pm-kpi-num{font-size:30px}.pm-kpi-label{font-size:10px}.pm-kpi-ico{width:25px;height:25px;font-size:11px}.studio-welcome-copy{padding:25px}.studio-welcome h2{font-size:25px}.studio-summary-metric{padding:17px}.studio-summary-intro{padding:17px;gap:12px}.studio-summary-intro>i{display:none}.activities-body{grid-template-columns:repeat(2,1fr)}.studio-board{grid-template-columns:repeat(2,minmax(0,1fr))}.page-banner h4{font-size:27px}.studio-login{grid-template-columns:1fr 1fr;padding:12px;gap:0}.login-story{padding:28px;min-height:650px}.login-story h1{font-size:43px;letter-spacing:-2px}.login-form-side{padding:22px}.login-form-card h2{font-size:30px}.login-story-footer{font-size:8px}.login-preview{padding:15px}.ov-table{min-width:650px}.ov-card:has(.ov-table){overflow:auto}}
@media(max-width:767px){.main-wrap,.sb-collapsed .main-wrap{margin-left:0;padding:0 18px 90px}.sidebar,.sb-collapsed .sidebar{width:244px;transform:translateX(-280px);inset:0 auto 0 0;border-radius:0 20px 20px 0}.sidebar.open{transform:translateX(0)}.sidebar.open .studio-wordmark,.sidebar.open .nav-label,.sidebar.open .nav-section,.sidebar.open .user-info,.sidebar.open .studio-workspace{display:block}.sidebar.open .sidebar-logo-area{padding:26px 22px;flex-wrap:nowrap}.sidebar.open nav a{justify-content:flex-start;padding:12px 13px}.sidebar.open .sidebar-notif-badge,.sidebar.open .sidebar-logout-btn{display:inline-block}.sidebar.open .studio-workspace{display:flex}.sidebar.open .sidebar-footer{justify-content:flex-start}.sidebar.open .user-chip{padding:5px}.sidebar-overlay.active{display:block;position:fixed;inset:0;background:#19342766;z-index:1030;backdrop-filter:blur(3px)}.studio-topbar{height:65px;gap:10px}.studio-menu{display:grid}.studio-breadcrumb{font-size:10px;gap:7px}.studio-breadcrumb>span:first-child{display:none}.studio-top-actions{gap:8px}.studio-search{display:none}.studio-icon-btn{width:32px;height:32px}.studio-top-actions .avatar-sm{width:30px;height:30px}.page-banner{padding:26px 0 22px}.page-banner-content{align-items:flex-start;flex-wrap:wrap;gap:14px}.page-banner h4{font-size:26px;margin-bottom:7px}.page-banner small{font-size:11px}.banner-btn{padding:9px 12px;font-size:11px;min-height:37px}.studio-welcome{grid-template-columns:1fr}.studio-welcome-copy{padding:23px}.studio-welcome h2{font-size:27px;max-width:270px}.studio-focus{padding:20px 23px}.studio-focus-number{font-size:36px}.studio-focus a{margin-top:12px;padding-top:12px}.studio-welcome-copy:after{font-size:140px;right:0;bottom:-20px}.ov-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pm-kpi{padding:18px}.pm-kpi-label{font-size:11px}.studio-metrics-detail .ov-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-charts-row,.ov-row2,.ov-side{grid-template-columns:1fr}.ov-charts-row>.ov-card:last-child{grid-column:auto}.ov-chart-wrap{gap:20px}.ov-donut-wrap{width:130px;height:130px;flex-shrink:0}.ov-legend-bar-wrap{display:none}.ov-card-hdr{padding:17px;font-size:12px}.ov-card-body{padding:17px}.studio-project-summary{grid-template-columns:repeat(3,1fr)}.studio-summary-intro{grid-column:1/-1;border-bottom:1px solid var(--border);padding:15px 18px}.studio-summary-intro>i{display:block;font-size:20px}.studio-summary-metric{padding:16px}.studio-summary-metric b{font-size:24px}.studio-summary-metric span{font-size:9px}.studio-viewbar{margin-top:18px}.studio-viewbar h2{font-size:15px}.studio-viewbar h2 small{display:none}.toolbar-card{padding:13px}.toolbar-all-row{gap:8px}.toolbar-search-form{flex-basis:100%}.filter-person-select,.toolbar-date-input{flex:1 1 calc(50% - 10px);min-width:0;max-width:none;font-size:10px}.tb-divider{display:none}.status-tabs-row{gap:19px}.studio-board{grid-template-columns:1fr}.activities-body{display:block;max-height:370px}.member-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.ms-stat{border:0;padding:10px}.ms-stat-lbl{font-size:9px}.member-stats-header{flex-wrap:wrap}.employee-info-strip{flex-wrap:wrap;padding:14px}.eis-right{font-size:10px}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid var(--border);z-index:1020;justify-content:space-around;padding:9px 8px max(10px,env(safe-area-inset-bottom));backdrop-filter:blur(10px)}.mbn-item{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:var(--muted);padding:4px 9px;position:relative}.mbn-item i{font-size:17px}.mbn-item.active{color:var(--brand)}.mbn-badge{position:absolute;right:0;top:-3px;background:#ad7958;color:#fff;border-radius:10px;padding:1px 4px;font-size:8px}.pmodal{max-height:92dvh;width:calc(100% - 24px);border-radius:16px}.pmodal-header{padding:20px}.pmodal-title{font-size:17px}.pmodal-body{padding:20px}.pmodal-footer{padding:15px 20px}.pform-grid{grid-template-columns:1fr;gap:17px}.pform-span2{grid-column:auto}.pform-input,.lf-input,.form-control,.qa-textarea{font-size:16px}.pu-hero-body{padding:20px;flex-wrap:wrap}.pu-hero-name{font-size:21px}.pu-hero-icon{width:42px;height:42px}.pu-hero-meta{font-size:10px}.pu-day-entries,.upd-day-entries{padding-left:10px}.pu-entry-inner,.upd-entry{padding:16px}.pu-entry-who{flex-wrap:wrap}.pu-date-chip{margin-left:43px}.pu-entry-footer{flex-wrap:wrap}.pu-add-form-footer{padding:16px}.pu-submit-btn{padding:10px 13px}.myupd-stats-row{gap:8px}.myupd-stat{padding:13px;gap:5px;flex-direction:column;align-items:flex-start}.myupd-stat-icon{font-size:16px}.myupd-stat-val{font-size:24px}.myupd-stat-lbl{font-size:9px}.notif-projects-grid,.ann-grid{grid-template-columns:1fr}.fu-card{padding:17px;gap:11px;flex-wrap:wrap}.fu-card-body{flex-basis:calc(100% - 55px)}.fu-actions{margin-left:49px}.qa-card,.qa-question-card,.qa-answer-card,.qa-write-box{padding:20px}.qa-title,.qa-q-title{font-size:18px}.qa-card-footer{flex-wrap:wrap}.studio-login{display:block;padding:0;min-height:100dvh}.login-story{display:none}.login-form-side{padding:28px;min-height:100dvh}.login-mobile-brand{display:flex;margin-bottom:38px}.login-mobile-brand .studio-wordmark{display:block;color:#254e42;font-size:24px}.login-mobile-brand .studio-wordmark small{color:#829472}.login-form-top{display:none}.login-form-card{padding:20px 0 40px;margin:auto;max-width:420px}.login-form-card h2{font-size:36px}.login-form-card>p{font-size:13px}.login-form-bottom{padding-bottom:15px}.lf-input{min-height:53px}.lf-icon{top:20px}.lf-eye{top:12px}.lf-submit{min-height:51px}.studio-side-note{display:none}#push-notif-bar{max-width:calc(100% - 32px)!important;right:16px!important;bottom:85px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ── Topbar notification / follow-up popovers ─────────────────── */
.tb-pop{position:relative;display:inline-flex}
.studio-icon-btn{position:relative}
.tb-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--brand);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--surface)}
.tb-dd{position:absolute;top:calc(100% + 10px);right:0;width:330px;max-width:86vw;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);overflow:hidden;display:none;z-index:1100}
.tb-dd.open{display:block}
.tb-dd-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text)}
.tb-dd-head a{font-size:11px;font-weight:600;color:var(--brand)}
.tb-dd-body{max-height:360px;overflow-y:auto}
.tb-dd-item{display:flex;gap:11px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--border)}
.tb-dd-item:last-child{border-bottom:0}
.tb-dd-item:hover{background:var(--brand-light)}
.tb-dd-ic{width:34px;height:34px;border-radius:9px;background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.tb-dd-txt{min-width:0;display:flex;flex-direction:column}
.tb-dd-txt b{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}
.tb-dd-txt small{font-size:11px;color:var(--muted)}
.tb-dd-empty{padding:26px 16px;text-align:center;color:var(--muted);font-size:12.5px}