/* Approved ten-group ledger, using existing ink artwork and shared black/gold navigation. */
.gl-scroll-hint{display:none}
.app.app-ready.ink-groups #groups.active{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;margin:0!important;min-height:calc(var(--workspace-frame-height, 100dvh)*1.0);max-width:none!important;background:#fff!important}
.app.app-ready.ink-groups #groups>.topbar{position:relative!important;flex:none!important;height:calc(var(--workspace-frame-height, 100dvh)*0.171)!important;min-height:145px!important;max-height:none!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;padding:20px 30px!important;margin:0!important;border:0!important;border-bottom:1px solid #e8ebe5!important;border-radius:0!important;box-shadow:none!important;background:#fff url('./assets/people/ink-directory-header.png') right 18%/100% auto no-repeat!important}
.app.app-ready.ink-groups #groups>.topbar .page-title{font-family:'Noto Serif CJK SC','Songti SC',serif!important;font-size:52px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:2px!important;color:#18251e!important;margin:8px 0 10px!important;white-space:normal!important}
.app.app-ready.ink-groups #groups>.topbar .eyebrow{font-size:12px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:3px!important;color:#856038!important}
.app.app-ready.ink-groups #groups>.topbar .sub{font-size:14px!important;line-height:1.6!important;color:#596961!important;margin:0!important;white-space:normal!important}
.app.app-ready.ink-groups #groups .gl-header-date{position:absolute;top:19px;right:28px;font-size:13px;color:#56635c;letter-spacing:.4px}
.app.app-ready.ink-groups #groups .groups-ledger{padding:22px 30px 24px!important;min-width:0;flex:1}
.app.app-ready.ink-groups #groups .gl-summary{font-size:16px!important;font-weight:500!important;line-height:1.5!important;margin:0 0 22px!important;color:#354b3e!important}
.app.app-ready.ink-groups #groups #customGroups{display:block!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;min-width:0!important}
.app.app-ready.ink-groups #groups .groups-table-scroll{width:100%;overflow-x:auto;scrollbar-width:thin}
.app.app-ready.ink-groups #groups .groups-ledger-table{width:100%!important;min-width:800px;table-layout:fixed;border-collapse:collapse!important;border:0!important;background:#fff!important;margin:0!important;box-shadow:none!important;border-radius:0!important}
.app.app-ready.ink-groups #groups .groups-ledger-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.app.app-ready.ink-groups #groups .gl-name{width:23%}.app.app-ready.ink-groups #groups .gl-total{width:9%}.app.app-ready.ink-groups #groups .gl-category{width:11%}.app.app-ready.ink-groups #groups .gl-actions{width:24%}
.app.app-ready.ink-groups #groups .groups-ledger-table :is(th,td){padding:0 18px!important;text-align:center!important;border:0!important;border-bottom:1px solid #e3e8e1!important;border-right:1px solid #e9ece5!important;background:transparent!important;font-size:16px!important;line-height:1.4!important;white-space:normal!important;color:#283c30!important;vertical-align:middle!important;box-shadow:none!important}
.app.app-ready.ink-groups #groups .groups-ledger-table :is(th,td):last-child{border-right:0!important}
.app.app-ready.ink-groups #groups .groups-ledger-table thead{background:#f5f7f3!important}
.app.app-ready.ink-groups #groups .groups-ledger-table thead th{height:46px!important;font-weight:600!important;border-top:1px solid #e3e8e1!important;color:#344e3e!important}
.app.app-ready.ink-groups #groups .groups-ledger-table th:first-child{text-align:left!important;padding-left:20px!important}
.app.app-ready.ink-groups #groups .groups-ledger-table tbody tr{height:calc(var(--workspace-frame-height, 100dvh)*0.061)!important;min-height:52px!important}
.app.app-ready.ink-groups #groups .groups-ledger-table tbody th,.app.app-ready.ink-groups #groups .groups-ledger-table tbody td{height:clamp(52px,calc(var(--workspace-frame-height, 100dvh)*0.061),66px)!important}
.app.app-ready.ink-groups #groups .groups-ledger-table tbody tr:first-child{background:#f8f0df!important}
.app.app-ready.ink-groups #groups .groups-ledger-table tbody tr:hover,.app.app-ready.ink-groups #groups .groups-ledger-table tbody tr:focus-within{background:#f8f4e9!important}
.app.app-ready.ink-groups #groups .gl-group-name{display:flex;align-items:center;gap:30px;min-width:0}
.app.app-ready.ink-groups #groups .gl-group-name small{font-size:12px!important;font-weight:500!important;color:#886027!important;letter-spacing:1px!important;white-space:nowrap;flex:none}
.app.app-ready.ink-groups #groups .gl-group-name b{font-family:'Noto Serif CJK SC','Songti SC',serif;font-size:20px!important;font-weight:700!important;color:#1e2d24!important;line-height:1.5!important;overflow-wrap:anywhere}
.app.app-ready.ink-groups #groups .gl-row-actions{display:flex;justify-content:center;align-items:center;gap:22px}
.app.app-ready.ink-groups #groups .gl-row-actions>button{height:35px!important;min-width:0!important;flex:none!important;padding:0 16px!important;font-size:14px!important;line-height:1.3!important;font-weight:500!important;border-radius:6px!important;box-shadow:none!important;transform:none!important;white-space:nowrap!important;color:#775226!important}
.app.app-ready.ink-groups #groups .gl-row-actions>.open-custom-group{border:1px solid #d8bc87!important;background:#fffaf1!important}
.app.app-ready.ink-groups #groups .gl-row-actions>.edit-group{border:1px solid transparent!important;background:transparent!important;text-decoration:underline;text-underline-offset:4px}
.app.app-ready.ink-groups #groups .gl-row-actions>button:hover{background:#eee2c9!important;color:#614218!important}
.app.app-ready.ink-groups #groups .gl-note{margin:24px 0 0!important;font-size:14px!important;line-height:1.6!important;color:#657368!important}
.app.app-ready.ink-groups #groups button:focus-visible,.app.app-ready.ink-groups #groups .groups-table-scroll:focus-visible{outline:2px solid #92703e!important;outline-offset:3px!important}
@media(min-width:901px) and (max-width:0px){.app.app-ready.ink-groups #groups .groups-ledger{padding:20px!important}.app.app-ready.ink-groups #groups .gl-group-name{gap:15px;flex-wrap:wrap}.app.app-ready.ink-groups #groups .gl-group-name b{font-size:18px!important}.app.app-ready.ink-groups #groups .groups-ledger-table :is(th,td){padding:0 12px!important}.app.app-ready.ink-groups #groups .gl-row-actions{gap:8px}.app.app-ready.ink-groups #groups .gl-row-actions>button{font-size:13px!important;padding:0 10px!important}}
@media(max-width:0px){
.app.app-ready.ink-groups>.main{padding:0 0 98px!important}.app.app-ready.ink-groups #groups.active{min-height:calc(calc(var(--workspace-frame-height, 100dvh)*1.0) - 78px)}
.app.app-ready.ink-groups #groups>.topbar{height:178px!important;min-height:178px!important;align-items:flex-start!important;padding:26px 20px!important;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 45%,rgba(255,255,255,.3) 100%),url('./assets/people/ink-directory-header.png')!important;background-size:auto 240px!important;background-position:right top!important}
.app.app-ready.ink-groups #groups>.topbar .page-title{font-size:32px!important;letter-spacing:1px!important;margin:8px 0!important}.app.app-ready.ink-groups #groups>.topbar .eyebrow{font-size:10px!important;letter-spacing:2px!important}.app.app-ready.ink-groups #groups>.topbar .sub{font-size:12px!important;max-width:340px!important}.app.app-ready.ink-groups #groups .gl-header-date{font-size:10px;right:20px;top:14px}
.app.app-ready.ink-groups #groups .gl-scroll-hint{display:block;margin:-6px 0 14px;font-size:12px;color:#657368}.app.app-ready.ink-groups #groups .groups-ledger{padding:20px 12px!important}.app.app-ready.ink-groups #groups .gl-summary{font-size:14px!important;margin-bottom:16px!important}.app.app-ready.ink-groups #groups .gl-note{font-size:13px!important;margin-top:20px!important}
.app.app-ready.ink-groups #groups .groups-ledger-table{min-width:820px}.app.app-ready.ink-groups #groups .groups-ledger-table :is(th,td){padding:0 12px!important;font-size:14px!important}.app.app-ready.ink-groups #groups .gl-group-name{display:block}.app.app-ready.ink-groups #groups .gl-group-name small{display:block;font-size:10px!important;margin-bottom:2px}.app.app-ready.ink-groups #groups .gl-group-name b{font-size:17px!important}.app.app-ready.ink-groups #groups .groups-ledger-table tbody :is(th,td){height:64px!important}.app.app-ready.ink-groups #groups .gl-row-actions{gap:6px}.app.app-ready.ink-groups #groups .gl-row-actions>button{height:42px!important;font-size:13px!important;padding:0 9px!important}
}
@media(prefers-reduced-motion:reduce){.app.app-ready.ink-groups #groups *{transition:none!important;animation:none!important}}
