/* Approved card directory, sharing the ink-and-gold workspace shell. */
.app.app-ready.ink-people #people.active{display:flex!important;flex-direction:column!important;height:calc(var(--workspace-frame-height, 100dvh)*1.0);min-height:0;gap:0!important;padding:0!important;background:#fafbf9!important}
.app.app-ready.ink-people #people>.topbar{position:relative!important;flex:0 0 calc(var(--workspace-frame-height, 100dvh)*0.171)!important;height:calc(var(--workspace-frame-height, 100dvh)*0.171)!important;min-height:145px!important;max-height:none!important;box-sizing:border-box!important;margin:0!important;padding:20px 30px!important;border:0!important;border-bottom:1px solid #ecece5!important;border-radius:0!important;background:#fff url('./assets/people/ink-directory-header.png') right 18%/100% auto no-repeat!important;box-shadow:none!important;display:flex!important;align-items:center!important}
.app.app-ready.ink-people #people>.topbar .page-title{font-family:'Noto Serif CJK SC', 'Songti SC',serif!important;font-size:52px!important;color:#1b2422!important;line-height:1.2!important;margin:0!important;letter-spacing:3px!important}
.app.app-ready.ink-people #people .eyebrow{font-size:11px!important;color:#856038!important;letter-spacing:3px!important;margin-bottom:6px!important}
.app.app-ready.ink-people #people .sub{font-size:14px!important;color:#65716c!important;letter-spacing:1px!important;margin-top:10px!important}
.app.app-ready.ink-people #people>.topbar>div:last-of-type{position:absolute!important;right:26px!important;bottom:24px!important;width:auto!important;gap:10px!important;display:flex!important}
.app.app-ready.ink-people #people .pc-header-date{position:absolute;right:28px;top:18px;color:#56635d;font-size:12px;letter-spacing:1px}
.app.app-ready.ink-people #people #importBtn,.app.app-ready.ink-people #people #addPerson{height:42px!important;padding:0 16px!important;border-radius:7px!important;font-size:14px!important;display:flex!important;align-items:center;gap:8px;box-shadow:none!important}
.app.app-ready.ink-people #people #importBtn{background:rgba(255,255,255,.9)!important;color:#314239!important;border:1px solid #d2d8d0!important}
.app.app-ready.ink-people #people #addPerson{background:#916724!important;color:#fff!important;border:1px solid #916724!important}
.app.app-ready.ink-people #people .topbar button img{width:18px;height:18px}.app.app-ready.ink-people #people #addPerson img{filter:brightness(0) invert(1)}
.app.app-ready.ink-people #people .people-directory-layout{flex:1;min-height:0;display:grid;grid-template-columns:clamp(210px,14.35vw,260px) minmax(0,1fr);gap:16px;padding:16px 20px 12px}
.app.app-ready.ink-people #people .people-directory-filters{min-width:0;overflow-y:auto;padding:0 16px 8px 0;border-right:1px solid #e2e5df;scrollbar-width:thin}
.app.app-ready.ink-people #people .pc-search-wrap{position:relative}.app.app-ready.ink-people #people .pc-search-wrap>img{position:absolute;left:12px;top:22px;width:20px;height:20px;z-index:1;opacity:.65}
.app.app-ready.ink-people #people #personSearch{width:100%!important;height:64px!important;padding:0 10px 0 40px!important;border:1px solid #dce0d8!important;border-radius:8px!important;font-size:13px!important;background:#fff!important;color:#263c31!important;min-width:0!important;box-shadow:none!important}
.app.app-ready.ink-people #people .pc-filter-fold>summary{display:none}
.app.app-ready.ink-people #people .pc-filter-body>h2{font:600 16px/1.5 inherit!important;margin:20px 10px 10px!important;color:#26382f!important}
.app.app-ready.ink-people #people .pc-system-groups{display:grid;gap:2px}
.app.app-ready.ink-people #people .pc-system-groups>button{display:flex!important;justify-content:space-between;align-items:center;min-height:40px;padding:8px 12px!important;font-size:16px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#45554b!important;box-shadow:none!important;text-align:left}
.app.app-ready.ink-people #people .pc-system-groups>button b{font-size:14px;font-weight:500;color:#67726c}
.app.app-ready.ink-people #people .pc-system-groups>button.active{background:#f4ecdd!important;border-color:#e3d2b4!important;color:#745122!important}
.app.app-ready.ink-people #people .pc-system-groups>button:hover{background:#f4f2ec!important}
.app.app-ready.ink-people #people .pc-more-filters{margin:10px 10px 18px;font-size:13px;color:#5e6b62}
.app.app-ready.ink-people #people .pc-more-filters summary{cursor:pointer;padding:8px 0}.app.app-ready.ink-people #people .pc-more-filters label{display:block;margin:8px 0}
.app.app-ready.ink-people #people .pc-filter-field{margin:18px 0 0}.app.app-ready.ink-people #people .pc-filter-field label{display:block;color:#32453b;font-size:15px;font-weight:600;margin:0 10px 9px}
.app.app-ready.ink-people #people .people-directory-filters select{width:100%!important;min-width:0!important;height:44px!important;padding:0 10px!important;border:1px solid #dce0d8!important;border-radius:7px!important;background:#fff!important;color:#536158!important;font-size:14px!important;box-shadow:none!important}
.app.app-ready.ink-people #people .people-directory-content{display:flex;flex-direction:column;min-width:0;min-height:0}
.app.app-ready.ink-people #people #peopleCount{flex:0 0 22px;margin:0 0 20px!important;padding:0!important;color:#55655b!important;font-size:15px!important}
.app.app-ready.ink-people #people #peopleList{display:flex;flex-direction:column;min-height:0;flex:1;padding:0!important}
.app.app-ready.ink-people #people .people-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow-y:auto;min-height:0;flex:1;align-content:start;scrollbar-width:thin;padding:2px 3px 2px 1px}
.app.app-ready.ink-people #people .person-card{display:flex;flex-direction:column;min-width:0;height:clamp(310px,calc(var(--workspace-frame-height, 100dvh)*0.34600000000000003),375px);padding:18px!important;margin:0!important;background:#fff!important;border:1px solid #e0e4dc!important;border-radius:12px!important;box-shadow:none!important;cursor:default}
.app.app-ready.ink-people #people .person-card:first-child,.app.app-ready.ink-people #people .person-card:hover{border-color:#c1a574!important}
.app.app-ready.ink-people #people .pc-head{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;min-height:88px}
.app.app-ready.ink-people #people .pc-avatar{width:84px;height:84px;overflow:hidden;border-radius:50%;background:#edf0e9}
.app.app-ready.ink-people #people .pc-avatar>*{display:block!important;width:84px!important;height:84px!important;border-radius:50%!important;margin:0!important;object-fit:cover!important}
.app.app-ready.ink-people #people .pc-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;color:#27382f;line-height:1.5}
.app.app-ready.ink-people #people .pc-code{font-size:14px!important;font-weight:600}.app.app-ready.ink-people #people .pc-name{font-size:16px!important;font-weight:600!important;color:#24382d!important;overflow-wrap:anywhere}
.app.app-ready.ink-people #people .person-category{font-size:12px!important;padding:2px 5px;background:#eef1eb;color:#536450;border-radius:4px;white-space:nowrap}
.app.app-ready.ink-people #people .pc-demographics{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:7px;font-size:14px;color:#637368;line-height:1.6}
.app.app-ready.ink-people #people .pc-vip{background:#f2e6ca;color:#705021;font-size:12px;padding:1px 5px;border-radius:3px;letter-spacing:1px}.app.app-ready.ink-people #people .pc-no-vip{display:none}
.app.app-ready.ink-people #people .pc-statuses{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.app.app-ready.ink-people #people .pc-status{font-size:12px;padding:2px 6px;border-radius:4px;background:#f1f2ef;color:#687266;white-space:nowrap}.app.app-ready.ink-people #people .pc-status.pc-open{background:#eaf0e7;color:#385c3b}
.app.app-ready.ink-people #people .pc-facts{display:grid;grid-template-columns:56% 44%;border-top:1px solid #eef0eb;margin-top:18px;padding-top:15px;min-height:116px;gap:0}
.app.app-ready.ink-people #people .pc-capital>span{display:block;color:#647368;font-size:14px}.app.app-ready.ink-people #people .pc-capital>strong{display:block;font-size:21px;color:#293d30;font-weight:600;margin:5px 0 13px;white-space:nowrap;letter-spacing:-.4px}
.app.app-ready.ink-people #people .pc-facts dl{margin:0;display:grid;gap:8px;font-size:14px;line-height:1.4}.app.app-ready.ink-people #people .pc-facts dl>div{display:flex;gap:6px;justify-content:space-between;padding-right:12px;align-items:baseline}.app.app-ready.ink-people #people .pc-facts dt{color:#647368;white-space:nowrap}.app.app-ready.ink-people #people .pc-facts dd{margin:0;color:#394c3f;overflow-wrap:anywhere}
.app.app-ready.ink-people #people .pc-facts .pc-trading{border-left:1px solid #e9ece5;padding:10px 0 0 14px;align-content:start;gap:22px}.app.app-ready.ink-people #people .pc-facts .pc-trading>div{padding-right:0;flex-wrap:wrap}.app.app-ready.ink-people #people .profit-pos{color:#446543!important}.app.app-ready.ink-people #people .profit-neg{color:#9b4d44!important}
.app.app-ready.ink-people #people .pc-actions{display:grid;grid-template-columns:.85fr 1.35fr .7fr .7fr;gap:5px;border-top:1px solid #eceee8;padding-top:12px;margin-top:auto}
.app.app-ready.ink-people #people .pc-actions>button{height:34px!important;min-width:0!important;padding:0 3px!important;font-size:14px!important;border:1px solid transparent!important;border-radius:5px!important;color:#465b4b!important;background:#fff!important;box-shadow:none!important;white-space:nowrap!important}
.app.app-ready.ink-people #people .pc-actions>.view-person{background:#f8f2e7!important;border-color:#ddc9a5!important;color:#795524!important}.app.app-ready.ink-people #people .pc-actions>.delete-person{color:#914a42!important}.app.app-ready.ink-people #people .pc-actions>button:hover{background:#f2f3ed!important}
.app.app-ready.ink-people #people .people-pagination{flex:none;display:flex;justify-content:center;gap:8px;padding:8px 0 0!important;margin:0!important;min-height:40px;border:0!important;background:transparent!important}
.app.app-ready.ink-people #people .people-pagination button{width:32px!important;height:32px!important;padding:0!important;min-width:32px!important;border:1px solid #e0e3da!important;border-radius:6px!important;background:#fff!important;color:#6a766b!important;font-size:13px!important;box-shadow:none!important}
.app.app-ready.ink-people #people .people-pagination button.active{background:#253b2f!important;border-color:#253b2f!important;color:#fff!important}
.app.app-ready.ink-people #people .people-card-empty{grid-column:1/-1;padding:70px 20px!important;text-align:center;color:#647368!important}
.app.app-ready.ink-people #people button:focus-visible,.app.app-ready.ink-people #people input:focus-visible,.app.app-ready.ink-people #people select:focus-visible,.app.app-ready.ink-people #people summary:focus-visible{outline:2px solid #92703e!important;outline-offset:3px!important}
@media(min-width:901px) and (max-width:0px){.app.app-ready.ink-people #people .people-directory-layout{grid-template-columns:210px minmax(0,1fr)}.app.app-ready.ink-people #people .people-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app.app-ready.ink-people #people .person-card{height:340px}.app.app-ready.ink-people #people>.topbar .page-title{font-size:38px!important}}
@media(max-width:0px){
.app.app-ready.ink-people>.main{padding:0 0 98px!important}.app.app-ready.ink-people #people.active{height:auto;min-height:calc(calc(var(--workspace-frame-height, 100dvh)*1.0) - 78px)}
.app.app-ready.ink-people #people>.topbar{height:188px!important;min-height:188px!important;flex-basis:188px!important;padding:20px!important;align-items:flex-start!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 280px!important;background-position:right top!important}
.app.app-ready.ink-people #people>.topbar .page-title{font-size:32px!important}.app.app-ready.ink-people #people .sub{font-size:12px!important;letter-spacing:0!important;margin-top:7px!important}.app.app-ready.ink-people #people .eyebrow{font-size:9px!important}
.app.app-ready.ink-people #people>.topbar>div:last-of-type{left:20px!important;right:20px!important;bottom:18px!important;width:auto!important;justify-content:flex-end!important}.app.app-ready.ink-people #people .pc-header-date{font-size:10px;right:20px;top:16px}.app.app-ready.ink-people #people #importBtn,.app.app-ready.ink-people #people #addPerson{font-size:12px!important;padding:0 10px!important;height:40px!important}
.app.app-ready.ink-people #people .people-directory-layout{display:block;padding:12px}.app.app-ready.ink-people #people .people-directory-filters{overflow:visible;padding:0;border:0}.app.app-ready.ink-people #people #personSearch{height:48px!important}.app.app-ready.ink-people #people .pc-search-wrap>img{top:14px}
.app.app-ready.ink-people #people .pc-filter-fold>summary{display:list-item;cursor:pointer;font-size:14px;color:#4f634f;padding:13px 6px;border-bottom:1px solid #e2e6db}.app.app-ready.ink-people #people .pc-system-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.app.app-ready.ink-people #people .pc-filter-field{margin:14px 0}.app.app-ready.ink-people #people .pc-more-filters{margin-bottom:10px}
.app.app-ready.ink-people #people .people-directory-content{margin-top:18px}.app.app-ready.ink-people #people #peopleList{display:block}.app.app-ready.ink-people #people .people-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.app.app-ready.ink-people #people .person-card{height:350px;padding:16px!important}.app.app-ready.ink-people #people .people-pagination{padding-top:16px!important}
}
@media(max-width:0px){.app.app-ready.ink-people #people .people-card-grid{grid-template-columns:1fr}.app.app-ready.ink-people #people .person-card{height:350px}.app.app-ready.ink-people #people .pc-head{grid-template-columns:84px minmax(0,1fr)}.app.app-ready.ink-people #people>.topbar{background-size:auto 230px!important;background-position:70% top!important}}
@media(prefers-reduced-motion:reduce){.app.app-ready.ink-people #people *{transition:none!important;animation:none!important}}
