/* BATIK APPLICATION PRO — ADDITIONAL GROUP UI */
.ag-page{padding:22px 24px 40px;max-width:1500px;margin:0 auto}.ag-kicker,.ag-breadcrumb{font-size:11px;color:#7b8794;margin-bottom:5px}.ag-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.ag-head h1,.ag-form-head h1{margin:0;font-size:24px;color:#1d2f43}.ag-head p,.ag-form-head p{margin:5px 0 0;color:#718091;font-size:12px}.ag-tabs{display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid #dfe5eb;margin-bottom:16px}.ag-tab{border:0;background:transparent;padding:11px 18px 10px;color:#687789;font-size:12px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.ag-tab span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f1f4f7;color:#7a8795;font-size:9px;margin-right:6px}.ag-tab:hover{color:#1f4e79}.ag-tab.active{color:#1f4e79;border-bottom-color:#1f4e79;background:#fff}.ag-tab.active span{background:#e8f2fa;color:#1f4e79}.ag-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.ag-stats>div{background:#fff;border:1px solid #dfe5eb;border-radius:8px;padding:12px 14px}.ag-stats small{display:block;color:#7a8795;font-size:10px}.ag-stats b{display:block;font-size:19px;margin-top:4px;color:#1f4e79}.ag-filter,.ag-context{background:#fff;border:1px solid #dfe5eb;border-radius:8px;padding:14px;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:14px}.ag-context{grid-template-columns:minmax(260px,1fr) 2fr;align-items:center}.ag-context.two{grid-template-columns:1fr 1fr}.ag-context-note{padding:10px 12px;background:#f7fafc;border:1px dashed #d5dfe7;border-radius:6px}.ag-context-note b{display:block;color:#1f4e79;font-size:11px}.ag-context-note span{display:block;color:#687789;font-size:10px;margin-top:3px}.ag-filter label,.ag-context label,.ag-fields label,.ag-field-full label{display:block;font-size:11px;font-weight:700;color:#4b5a6a;margin-bottom:5px}.ag-filter input,.ag-filter select,.ag-context input,.ag-context select,.ag-fields input,.ag-fields select,.ag-field-full textarea,.ag-modal-body>input{width:100%;box-sizing:border-box;border:1px solid #ccd5de;border-radius:6px;padding:9px 10px;background:#fff;font:inherit;font-size:12px;color:#26384a}.ag-filter.compact{grid-template-columns:320px 1fr}.ag-filter-actions,.ag-actions{display:flex;gap:7px;align-items:center}.ag-btn{border:1px solid #d4dce4;background:#fff;color:#405163;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.ag-btn.primary{background:#1f4e79;color:#fff;border-color:#1f4e79}.ag-btn.secondary:hover{background:#f5f8fb}.ag-table-card,.ag-card{background:#fff;border:1px solid #dfe5eb;border-radius:8px;overflow:visible}.ag-toolbar{padding:14px 16px;border-bottom:1px solid #e1e6eb;display:flex;justify-content:space-between;align-items:center;gap:10px}.ag-toolbar b{font-size:13px}.ag-toolbar small{display:block;color:#7a8795;font-size:10px;margin-top:3px}.ag-table-wrap{overflow:auto}.ag-table-wrap table{width:100%;min-width:880px;border-collapse:collapse}.ag-table-wrap th{background:#f7f9fb;text-align:left;color:#536171;font-size:10px;text-transform:uppercase;padding:10px;border-bottom:1px solid #dfe5eb;white-space:nowrap}.ag-table-wrap td{padding:10px;border-bottom:1px solid #e8edf1;vertical-align:middle;font-size:11px;color:#314354}.ag-table-wrap td small{display:block;color:#7a8795;margin-top:3px;line-height:1.35}.ag-table-wrap tr:last-child td{border-bottom:0}.ag-icon{width:28px;height:28px;border:1px solid #d9e0e7;background:#fff;border-radius:5px;cursor:pointer;font-size:17px;line-height:1}.ag-icon.danger-text{color:#c0392b}.ag-row-menu-wrap{position:relative}.ag-row-menu{position:absolute;left:0;top:31px;background:#fff;border:1px solid #dfe5eb;box-shadow:0 5px 18px rgba(20,40,60,.12);border-radius:6px;min-width:100px;z-index:30;padding:4px}.ag-row-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:7px 9px;font-size:11px;cursor:pointer}.ag-row-menu button:hover{background:#f3f7fb}.ag-row-menu .danger{color:#c0392b}.ag-badge{display:inline-block;background:#eef5fb;color:#1f4e79;border:1px solid #d5e5f2;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.ag-status{display:inline-block;background:#eaf7ef;color:#25855a;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.ag-view-only{font-size:10px;color:#718091}.ag-paging{padding:10px 14px;border-top:1px solid #e5e9ed;display:flex;justify-content:flex-end;color:#687789;font-size:10px}.ag-column-wrap{position:relative}.ag-column-menu{position:absolute;right:0;top:38px;background:#fff;border:1px solid #dfe5eb;box-shadow:0 7px 20px rgba(20,40,60,.14);border-radius:7px;padding:9px;z-index:40;min-width:185px}.ag-column-menu label{display:block;padding:6px 4px;font-size:11px;cursor:pointer}.ag-column-menu input{vertical-align:middle}.hidden{display:none!important}.ag-form-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ag-card{overflow:hidden}.ag-card-head{padding:14px 16px;border-bottom:1px solid #e2e7eb}.ag-card-head h2{margin:0;font-size:13px}.ag-card-head p{margin:3px 0 0;color:#7a8795;font-size:10px}.ag-card-body{padding:16px}.ag-fields{display:grid;gap:14px}.ag-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-field-full{margin-top:14px}.ag-field-full textarea{min-height:90px;resize:vertical}.ag-fields i,.ag-context i{color:#c0392b;font-style:normal}.ag-type-note{margin-top:14px;padding:11px 12px;background:#f7fafc;border:1px dashed #d5dfe7;border-radius:6px}.ag-type-note b{display:block;color:#1f4e79;font-size:11px}.ag-type-note span{display:block;color:#687789;font-size:10px;margin-top:4px}.ag-form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.ag-member-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.ag-member-summary>div{background:#fff;border:1px solid #dfe5eb;border-radius:8px;padding:12px 14px}.ag-member-summary small{display:block;color:#7a8795;font-size:10px}.ag-member-summary b{display:block;color:#1f4e79;font-size:14px;margin:4px 0}.ag-member-summary span{font-size:10px;color:#718091}.ag-empty-card{background:#fff;border:1px dashed #cfd9e2;border-radius:8px;padding:36px;text-align:center;color:#7a8795;font-size:11px}.ag-modal-backdrop{position:fixed;inset:0;background:rgba(20,35,50,.35);z-index:100;display:grid;place-items:center;padding:20px}.ag-modal{width:min(620px,100%);background:#fff;border-radius:9px;box-shadow:0 18px 50px rgba(15,35,55,.2);overflow:hidden}.ag-modal-head,.ag-modal-foot{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e1e6eb}.ag-modal-head h2{margin:0;font-size:14px}.ag-modal-head p{margin:3px 0 0;color:#7a8795;font-size:10px}.ag-modal-foot{border-top:1px solid #e1e6eb;border-bottom:0;justify-content:flex-end}.ag-modal-body{padding:14px 16px}.ag-add-member-list{margin-top:10px;border:1px solid #dfe5eb;border-radius:6px;max-height:330px;overflow:auto}.ag-check-row{display:flex;align-items:center;gap:9px;padding:10px;border-bottom:1px solid #edf0f3;font-size:11px;cursor:pointer}.ag-check-row:last-child{border-bottom:0}.ag-check-row input{width:auto}.ag-check-row span{flex:1}.ag-check-row small{font-size:9px;color:#25855a}.ag-empty{padding:25px;text-align:center;color:#8995a2;font-size:10px}@media(max-width:900px){.ag-filter{grid-template-columns:1fr 1fr}.ag-filter-actions{grid-column:1/-1}.ag-stats{grid-template-columns:1fr 1fr}.ag-member-summary,.ag-context.two{grid-template-columns:1fr}.ag-fields.two{grid-template-columns:1fr}}@media(max-width:600px){.ag-page{padding:16px 12px}.ag-tabs{overflow:auto}.ag-tab{white-space:nowrap;padding-left:13px;padding-right:13px}.ag-stats{grid-template-columns:1fr}.ag-filter,.ag-context,.ag-filter.compact{grid-template-columns:1fr}.ag-toolbar,.ag-form-head{display:block}.ag-actions{margin-top:10px}.ag-table-wrap table{min-width:760px}}

/* V1.7.5 navigation redesign: four master-based tabs */
.ag-main-tabs{display:flex;gap:0;border-bottom:1px solid #dfe5eb;margin-bottom:0;overflow-x:auto}.ag-main-tab{border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 22px 11px;cursor:pointer;color:#718091;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;min-width:145px}.ag-main-tab span{grid-row:1 / span 2;font-size:10px;color:#8a96a3;background:#f1f4f7;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.ag-main-tab b{font-size:12px;text-align:left}.ag-main-tab small{font-size:9px;text-align:left;color:#8a96a3;margin-top:2px}.ag-main-tab:hover{color:#1f4e79;background:#f8fafc}.ag-main-tab.active{color:#1f4e79;border-bottom-color:#1f4e79;background:#fff}.ag-main-tab.active span{background:#e7f1f9;color:#1f4e79}.ag-subtabs{display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid #dfe5eb;margin-bottom:16px}.ag-subtab{border:0;background:transparent;padding:10px 16px 9px;color:#687789;font-size:11px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.ag-subtab span{font-size:9px;margin-right:6px;color:#8a96a3}.ag-subtab:hover{color:#1f4e79}.ag-subtab.active{color:#1f4e79;border-bottom-color:#1f4e79}.ag-subtab.active span{color:#1f4e79}.ag-filter{grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) auto}.ag-filter.compact{grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) auto}.ag-table-wrap table{min-width:900px}.ag-paging{padding:10px 14px;border-top:1px solid #e5e9ed;display:flex;justify-content:space-between;align-items:center;color:#687789;font-size:10px}.ag-pagebuttons{display:flex;gap:4px}.ag-pagebuttons button{border:1px solid #dfe5eb;background:#fff;border-radius:5px;min-width:30px;height:28px;cursor:pointer;color:#526170;font-size:10px}.ag-pagebuttons button.active{background:#1f4e79;border-color:#1f4e79;color:#fff}.ag-pagebuttons button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.ag-main-tab{min-width:125px;padding-left:14px;padding-right:14px}.ag-filter,.ag-filter.compact{grid-template-columns:1fr 1fr}.ag-filter-actions{grid-column:1/-1}}@media(max-width:600px){.ag-main-tab{min-width:120px}.ag-subtabs{overflow-x:auto}.ag-subtab{white-space:nowrap}.ag-filter,.ag-filter.compact{grid-template-columns:1fr}.ag-filter-actions{grid-column:auto}.ag-paging{display:block}.ag-pagebuttons{margin-top:8px}}

/* V1.7.118 breadcrumb and filter alignment */
.ag-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;font-size:11px;color:#7b8794}.ag-breadcrumb span[onclick]{cursor:pointer}.ag-breadcrumb a{color:#1f4e79;text-decoration:none;font-weight:700}.ag-breadcrumb a:hover{text-decoration:underline}.ag-filter-actions{justify-content:flex-start;flex-wrap:wrap}