.task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.task-toolbar p{margin:0;font-size:14px}
html[data-theme=mono] .shell.suite-shell .task-list-card :is(td,td strong,h2),html[data-theme=mono] .shell.suite-shell .notification-panel :is(h2,strong){color:var(--suite-text,#29332e)}
.suite-shell[data-pay-theme=dark] :is(.task-late,.task-list-card td.task-late small){color:#f0b26e}
.task-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.task-metric{display:flex;align-items:center;gap:12px!important;min-height:94px}.task-metric>span{padding:9px;background:var(--suite-soft,#e7f7f0);color:var(--suite-accent,#159a72);border-radius:10px}.task-metric strong{font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums}.task-metric small{display:block;font-size:14px;color:var(--suite-muted,#68736e);margin-top:3px}
.task-filters{display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1fr 1fr 1fr;gap:10px;margin-bottom:15px}.task-filters label{font-size:13px!important;min-width:0}.task-filters input,.task-filters select{width:100%;min-width:0}.task-filter-actions{display:flex;gap:10px;grid-column:1/-1}.task-filters [role=alert]{grid-column:1/-1;margin:0}.task-filters [role=alert]:empty{display:none}
.task-list-card table{width:100%;table-layout:fixed}.task-list-card th:first-child{width:28%}.task-list-card th:last-child{width:17%}.task-list-card td{font-size:14px;overflow-wrap:anywhere;vertical-align:top}.task-list-card td strong{font-size:15px;display:block;line-height:1.5}.task-list-card td small{display:block;font-size:13px;color:var(--suite-muted,#68736e);margin-top:3px;line-height:1.5}.task-row-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.task-row-actions button{font-size:13px!important;padding:7px 9px!important}.task-late,.task-list-card td.task-late small{color:#b46320}.task-state-done{background:var(--suite-soft,#e7f7f0);color:var(--suite-accent,#159a72)}
.task-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin-top:14px;flex-wrap:wrap}.task-pagination>div{display:flex;align-items:center;gap:10px}.task-empty,.notice-empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:30px 12px}.task-empty h2{margin:0!important}.task-empty p{margin:0;color:var(--suite-muted,#68736e)}.task-detail{display:grid;grid-template-columns:130px 1fr;gap:12px}.task-detail dt{color:var(--suite-muted,#68736e)}.task-detail dd{margin:0;overflow-wrap:anywhere}
.business-notifications{position:relative;flex:0 0 auto;margin-left:auto}.notification-trigger{position:relative;display:grid!important;place-items:center;width:36px;height:36px;padding:7px!important;border-radius:10px;background:transparent;border:1px solid var(--suite-border,#e2e8e4);color:var(--suite-text,var(--pay-text,#29342e))}.notification-trigger .ui-icon{width:20px;height:20px}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:17px;padding:1px 4px;border-radius:20px;background:#20c08e;color:#102b22;font-size:11px;font-weight:700;line-height:1.4}.notification-badge[hidden]{display:none}
.notification-panel{position:absolute;z-index:80;right:0;top:calc(100% + 12px);width:410px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 80px);overflow-y:auto;border:1px solid var(--suite-border,#e2e8e4);border-radius:14px;background:var(--suite-surface,var(--pay-card,#fff));color:var(--suite-text,var(--pay-text,#29342e));box-shadow:0 15px 50px #001b171f;padding:15px}.notification-panel[hidden]{display:none}.notification-panel header,.notice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-panel h2{font-size:18px!important;margin:0!important}.notice-toolbar{font-size:13px;margin:10px 0}.notification-panel ul{margin:0;padding:0;list-style:none}.notification-panel li{display:flex;align-items:center;gap:4px;border-top:1px solid var(--suite-border,#e2e8e4);padding:5px 0}.notice-open{background:transparent;border:0;padding:9px;text-align:left;flex:1;min-width:0;color:inherit}.is-unread .notice-open{border-left:3px solid #20c08e}.notice-open strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.notice-open small{display:block;font-size:12px;line-height:1.5;color:var(--suite-muted,#68736e);overflow-wrap:anywhere}.notice-kind{font-size:12px;color:var(--suite-accent,#159a72);display:block;margin-bottom:3px}.notice-kind.task-late{color:#b46320}.notice-read{flex:0 0 32px;padding:5px!important}.notice-read .ui-icon{width:19px}.notification-panel footer{margin-top:10px;padding-top:10px;border-top:1px solid var(--suite-border,#e2e8e4)}.notification-panel footer button{width:100%}.notice-empty p{color:var(--suite-muted,#68736e);margin:0}.notice-empty .ui-icon{color:var(--suite-accent,#159a72);width:30px;height:30px}
@media(max-width:1100px){.task-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.task-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.task-metric{min-height:82px}.task-metric strong{font-size:28px}.task-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.task-filters label:first-child{grid-column:1/-1}.notification-panel{position:fixed;top:64px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 80px)}.task-detail{grid-template-columns:1fr;gap:6px}.task-detail dd{margin-bottom:9px}.topbar .business-notifications{margin-left:0}.task-toolbar{align-items:flex-start}}