#app .review-groups-layout{--rg-ink:#203c35;--rg-line:#e0e6dd;--rg-muted:#7b8c76;--rg-green:#235e4c;font:13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:var(--rg-ink);padding-bottom:15px}
#app .review-groups-layout *{box-sizing:border-box}
#app .review-groups-layout [hidden]{display:none!important}
#app .review-groups-layout button,#app .review-groups-layout select{font:inherit;box-shadow:none;letter-spacing:normal;cursor:pointer}
#app .review-groups-layout button:focus-visible,#app .review-groups-layout select:focus-visible{outline:3px solid #8fb599;outline-offset:3px}
#app .review-groups-layout button:disabled,#app .review-groups-layout select:disabled{opacity:.45;cursor:default}
#app .rg-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px}
#app .rg-eyebrow{color:#98a388;font-size:9px;letter-spacing:2px;font-weight:600}
#app .rg-intro h1{font-size:28px;line-height:1.3;margin:7px 0;color:var(--rg-ink);letter-spacing:-.7px;font-weight:650}
#app .rg-intro h1 span{color:#b4c197;margin-left:3px}
#app .rg-intro p{color:var(--rg-muted);font-size:12px;margin:0}
#app .rg-back{color:#516c5c;background:white;border:1px solid var(--rg-line);border-radius:8px;padding:10px 13px;white-space:nowrap;font-size:12px;min-height:40px}
#app .rg-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
#app .rg-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;min-height:67px;background:#fff;border:1px solid var(--rg-line);border-radius:10px}
#app .rg-summary span{font-size:12px;color:#6f8165}
#app .rg-summary strong{font-size:27px;font-weight:600;font-variant-numeric:tabular-nums;color:#63765c}
#app .rg-summary .rg-approved{background:#edf3e9;border-color:#d4e1cd}
#app .rg-summary .rg-approved strong{color:#3f6c4d}
#app .rg-summary .rg-pending{background:#faf4e6;border-color:#e9dbc0}
#app .rg-summary .rg-pending strong,#app .rg-summary .rg-pending span{color:#96712e}
#app .rg-panel{border:1px solid var(--rg-line);border-radius:13px;overflow:hidden;background:white}
#app .rg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px 13px}
#app .rg-week-nav{display:flex;align-items:center;gap:13px}
#app .rg-week-nav>b{font-size:15px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
#app .rg-week-nav b span{color:#a4ae99;margin:0 4px}
#app .rg-week-nav button{width:33px;height:33px;background:#fff;border:1px solid var(--rg-line);border-radius:6px;padding:0;font-size:17px;color:var(--rg-ink)}
#app .rg-legend{display:flex;align-items:center;gap:12px;font-size:11px;color:#8e9a85;white-space:nowrap}
#app .rg-legend span{display:flex;align-items:center;gap:5px}
#app .rg-legend i{height:5px;width:5px;border-radius:50%;background:#bbc6b4}
#app .rg-legend .approved i{background:#74a17e}
#app .rg-legend .pending i{background:#c7a261}
#app .rg-days{display:grid;grid-template-columns:.65fr repeat(5,minmax(0,1fr));gap:8px;padding:0 20px 15px}
#app .rg-days button{border:1px solid var(--rg-line);border-radius:8px;background:#fafbf7;color:#617659;min-height:63px;padding:9px 11px;text-align:left;position:relative}
#app .rg-days button>span{display:block;font-size:10px;color:#89967c}
#app .rg-days button>b{display:inline-block;font-size:18px;font-weight:600;margin-top:1px;font-variant-numeric:tabular-nums}
#app .rg-days small{display:block;font-size:9px;font-weight:400;letter-spacing:0;margin:2px 0 0;color:#8b997f}
#app .rg-days [aria-pressed=true]{background:#e9f1e4;border-color:#90ad85;box-shadow:inset 0 0 0 1px #90ad85}
#app .rg-days [aria-pressed=true]>span,#app .rg-days [aria-pressed=true]>b{color:#3a6745}
#app .rg-notice{padding:10px 20px;margin:0;border:0;border-radius:0;background:#f8faf4;color:#7e8f6e;font-size:11px;line-height:1.7}
#app .rg-table-wrap{overflow:visible}
#app .rg-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0;border:0;margin:0}
#app .rg-table col.rg-time-col{width:150px}
#app .rg-table th,#app .rg-table td{border:0;border-bottom:1px solid #eaf0e5;padding:15px 20px;text-align:left;background:white;vertical-align:middle;color:var(--rg-ink)}
#app .rg-table thead th{padding:13px 20px;background:#fcfdf9;color:#7d8f71;font-size:11px;font-weight:400;line-height:1.5}
#app .rg-group-chip{display:inline-block;border-radius:5px;padding:3px 6px;margin-right:6px;background:#e6eee1;color:#5a7a4b;font-size:11px;font-weight:600}
#app .rg-group-chip.g2{background:#e9efec;color:#547669}
#app .rg-group-chip.g3{background:#f2efe3;color:#94804c}
#app .rg-table .rg-date-heading th{background:#edf3e8;padding:11px 20px;font-weight:400}
#app .rg-date-heading th>span{display:inline-flex;gap:12px;align-items:center}
#app .rg-date-heading b{font-size:12px;font-weight:600;color:#536f4c}
#app .rg-date-heading time{font-size:11px;color:#7c8e6f}
#app .rg-date-heading small{float:right;display:inline;margin:0;font-weight:400;font-size:10px;letter-spacing:0;color:#8a9b7b}
#app .rg-period>th b{font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;display:block}
#app .rg-period>th small{font-size:10px;font-weight:400;letter-spacing:0;margin-top:6px;color:#98a78b}
#app .rg-period>th em{display:block;font-size:10px;font-style:normal;color:#a5813d;margin-top:5px}
#app .rg-period.rg-draft>th{box-shadow:inset 3px 0 #d4b776;background:#fffdf6}
#app .rg-table .assistant-control{display:grid;grid-template-columns:1fr;gap:5px;margin:0;align-items:center;font-size:12px;font-weight:400}
#app .rg-table .review-group-label{display:none}
#app .rg-table .assistant-control select{width:100%;min-width:0;max-width:100%;min-height:36px;height:36px;background:#fff;border:1px solid #d8e2d1;border-radius:6px;padding:6px 24px 6px 10px;font-size:13px;color:#33523c;font-weight:500}
#app .rg-table .review-group-status{display:block;width:fit-content;font-size:10px;letter-spacing:0;font-weight:500;line-height:1.5;padding:2px 7px;border-radius:4px;white-space:normal;max-width:100%}
#app .rg-table .review-group-status.approved{background:#eaf2e5;color:#5e8353}
#app .rg-table .review-group-status.pending{background:#faf1dc;color:#a18543}
#app .rg-table .review-group-status.empty{background:#f3f5f0;color:#9aa590}
#app .rg-empty-cell{font-size:12px;color:#bdc9b3}
#app .rg-empty-row td{padding:26px 20px;color:#8f9e82;font-size:12px;text-align:center}
#app .rg-table-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;font-size:10px;color:#8c9b7e}
#app .review-groups-layout .assistant-save{position:sticky;bottom:12px;z-index:10;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fffffff5;backdrop-filter:blur(8px);border:1px solid #d8e2cf;border-radius:10px;padding:12px 16px;margin:14px 0 0;box-shadow:0 5px 20px #24462e12}
#app .review-groups-layout .assistant-save>b{margin-right:auto;font-size:12px;white-space:nowrap}
#app .review-groups-layout .assistant-save .btn{min-height:38px;padding:9px 12px;border-radius:6px;background:#fff;border:1px solid #d8e2cf;color:#496943;font-size:12px;font-weight:600}
#app .review-groups-layout .assistant-save .primary{background:#235e4c;color:#fff;border-color:#235e4c}
#app .review-groups-layout #discard-groups{border:0;padding-right:0;font-weight:400;color:#869477;font-size:11px}
#app .review-groups-layout #group-message{flex-basis:100%;margin:0;color:#947234;font-size:11px}
#app .review-groups-layout #group-message:empty{display:none}
@media(max-width:900px){#app .rg-intro h1{font-size:26px}#app .rg-table col.rg-time-col{width:124px}#app .rg-table th,#app .rg-table td{padding:12px}#app .rg-table thead th{padding:12px}#app .rg-toolbar{flex-wrap:wrap}#app .rg-legend{gap:10px;font-size:10px}#app .rg-summary>div{padding:12px 14px}#app .rg-days{gap:6px}#app .rg-days button{padding:8px}#app .rg-table .assistant-control select{font-size:12px;padding-left:8px}#app .rg-table .review-group-status{font-size:10px}#app .review-groups-layout .assistant-save{gap:8px;padding:11px 12px}#app .review-groups-layout .assistant-save .btn{font-size:11px;padding:9px 10px}}
@media(max-width:600px){#app .rg-intro{align-items:flex-start;gap:10px}#app .rg-intro h1{font-size:23px}#app .rg-intro p{font-size:11px;max-width:220px}#app .rg-eyebrow{font-size:8px;letter-spacing:1px}#app .rg-back{font-size:10px;padding:9px;margin-top:20px}#app .rg-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}#app .rg-summary>div{min-height:57px;padding:10px 14px}#app .rg-summary strong{font-size:25px}#app .rg-summary span{font-size:11px}#app .rg-toolbar{padding:13px 12px;gap:10px}#app .rg-week-nav{gap:8px;width:100%;justify-content:space-between}#app .rg-week-nav>b{font-size:13px}#app .rg-week-nav b span{margin:0}#app .rg-legend{font-size:10px}#app .rg-days{padding:0 12px 12px;gap:5px;grid-template-columns:repeat(6,minmax(0,1fr))}#app .rg-days button{min-height:55px;padding:7px 2px;text-align:center}#app .rg-days button>b{font-size:14px}#app .rg-days button>span{font-size:9px}#app .rg-days small{display:none}#app .rg-notice{padding:9px 12px;font-size:10px}#app .rg-table{display:block}#app .rg-table colgroup,#app .rg-table thead{display:none}#app .rg-table tbody{display:block}#app .rg-table .rg-date-heading,#app .rg-table .rg-date-heading th{display:block;width:100%}#app .rg-table .rg-date-heading th{padding:10px 12px}#app .rg-date-heading th>span{gap:8px}#app .rg-date-heading small{font-size:9px}#app .rg-table .rg-period{display:block;padding:13px 12px;border-bottom:1px solid #e7ecdf}#app .rg-table .rg-period>th{display:flex;align-items:center;gap:12px;padding:0 0 9px;border:0}#app .rg-period>th b{font-size:12px}#app .rg-period>th small,#app .rg-period>th em{margin:0}#app .rg-table .rg-period td{display:block;padding:5px 0;border:0}#app .rg-table .assistant-control{display:grid;grid-template-columns:29px minmax(0,1fr) 96px;gap:7px}#app .rg-table .review-group-label{display:block;font-size:11px;font-weight:600;padding:3px 4px;background:#edf2e8;border-radius:4px;color:#668356;text-align:center}#app .rg-table .assistant-control select{height:38px;min-height:38px;font-size:12px;padding-right:20px}#app .rg-table .review-group-status{font-size:9px;padding:3px 5px;justify-self:end}#app .rg-period.rg-draft{box-shadow:inset 3px 0 #d4b776;background:#fffdf6}#app .rg-period.rg-draft>th{box-shadow:none;background:none}#app .rg-empty-cell{display:none}#app .rg-period:has(.rg-empty-cell){padding:10px 12px}#app .rg-period:has(.rg-empty-cell)>th{padding:0}#app .rg-period:has(.rg-empty-cell)>td{display:none}#app .rg-table-footer{padding:12px;display:block;font-size:9px}#app .rg-table-footer>span{display:block;margin:3px 0}#app .review-groups-layout .assistant-save{bottom:8px;padding:10px;gap:7px}#app .review-groups-layout .assistant-save>b{flex-basis:100%;font-size:11px}#app .review-groups-layout .assistant-save .btn{padding:8px;font-size:10px;min-height:36px}#app .review-groups-layout #discard-groups{font-size:10px}#app .review-groups-layout #group-message{font-size:10px}}
/* Keep the first working rows visible above the compact action bar. */
body.approvals-page #app:has(.review-groups-layout){padding-top:20px}
#app .rg-intro{margin-bottom:15px}
#app .rg-summary{margin-bottom:15px;gap:10px}
#app .rg-summary>div{min-height:48px;padding:9px 15px}
#app .rg-summary strong{font-size:23px}
#app .rg-toolbar{padding:12px 16px 10px}
#app .rg-days{padding:0 16px 12px}
#app .rg-days button{min-height:57px;padding:7px 10px}
#app .rg-days button>b{font-size:16px}
#app .rg-days small{margin-top:0}
#app .rg-notice{padding:8px 16px}
#app .rg-table thead th{padding-top:9px;padding-bottom:9px}
#app .rg-table .rg-date-heading th{padding-top:8px;padding-bottom:8px}
#app .rg-table th,#app .rg-table td{padding-top:12px;padding-bottom:12px}
@media(max-width:600px){#app .rg-days{padding:0 12px 12px}#app .rg-days button{padding:7px 2px}#app .rg-days button>b{font-size:14px}#app .rg-toolbar{padding:12px}#app .rg-summary>div{padding:9px 12px}#app .rg-table .rg-period>th{padding:0 0 9px}#app .rg-table .rg-period>td{padding:5px 0}#app .rg-table .rg-date-heading th{padding:10px 12px}}

#app .review-groups-layout[data-group-drafts="0"] #discard-groups{display:none}
#app .rg-table .rg-period{background:#fff}