@import url("./role-preview.css");
.staff-tabs{display:flex;gap:28px;border-bottom:1px solid #dfe5d9;margin-bottom:28px;overflow-x:auto}
.staff-tabs a{display:block;flex-shrink:0;padding:14px 2px;font-size:15px;font-weight:700;color:#818b75;border-bottom:3px solid transparent}
.staff-tabs a[aria-current]{color:#26381d;border-color:#719545}
.staff-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}
.staff-page-head h1{font-size:30px;line-height:1.4;letter-spacing:-.04em;margin:0 0 8px}
.staff-page-head p{font-size:14px;color:#7a8273;line-height:1.7;max-width:700px}
.staff-head-actions{display:flex;gap:10px;flex-shrink:0}.staff-head-actions .btn{min-height:44px;font-size:14px;padding:10px 16px;white-space:nowrap}
.staff-list-card{background:#fff;border:1px solid #dfe5d9;border-radius:14px;padding:24px;min-width:0}
.staff-list-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:22px}
.staff-list-head>strong{font-size:18px}.staff-list-head small{font-size:12px;font-weight:400;color:#818b75;margin-left:10px}
.staff-list-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}.staff-list-tools select,.staff-list-tools input{border:1px solid #e0e5dc;border-radius:8px;background:#fff;height:44px;padding:10px 12px;font-size:13px;min-width:0;color:#48513e}
.staff-list-tools form{display:flex;gap:8px}.staff-list-tools input{width:260px;max-width:100%}.staff-list-tools .btn{height:44px;padding:10px 14px;font-size:13px}
.staff-table-scroll{overflow:auto;max-width:100%;border:1px solid #e9ece5;border-radius:10px}
.staff-table{width:100%;min-width:960px;border-collapse:collapse;font-size:13px;line-height:1.6;text-align:left;table-layout:auto}
.staff-table th{padding:17px 18px;background:#f3f5f0;color:#6d7566;font-weight:600;white-space:nowrap}
.staff-table th button{padding:0;display:flex;align-items:center;gap:5px;font-size:13px;white-space:nowrap}
.staff-table td{padding:19px 18px;border-bottom:1px solid #e9ece5;vertical-align:middle;overflow-wrap:anywhere;max-width:250px;min-width:105px}
.staff-table tr:last-child td{border-bottom:0}.staff-table th:first-child{min-width:180px}.staff-table th:nth-child(3){min-width:155px}
.staff-person{display:flex;align-items:center;gap:12px;min-width:0}.staff-person strong{font-weight:500}.staff-avatar{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#eef2e7;color:#7a896a;font-size:14px;font-weight:700}
.staff-role-cell{display:flex;align-items:center;gap:10px;white-space:nowrap}.staff-role-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;color:#5f7552;background:#f0f5eb;font-size:12px;font-weight:600}.staff-role-badge.is-owner{background:#e7efd9;color:#4b6728}
.staff-edit{padding:6px 12px;border:1px solid #cbd8bc;border-radius:5px;color:#5e793d;background:#fff;font-size:12px;white-space:nowrap}.staff-revoke{padding:6px 10px;color:#a16659;border:1px solid #e6d8d4;border-radius:5px;font-size:12px;background:#fff;white-space:nowrap}
.staff-locked,.staff-secondary{font-size:12px;color:#89917f}.staff-secondary{display:block;margin-top:4px}.staff-empty{text-align:center;height:120px;color:#818b75}.staff-footnote{margin-top:16px;font-size:12px;line-height:1.8;color:#7a8470}.staff-status{padding:12px 16px;margin-bottom:18px;background:#edf4e5;color:#4f693b;border-radius:8px;font-size:14px;line-height:1.7}.staff-status.is-error,.staff-dialog-status,.is-error{color:#a03e31}
.staff-permission-note,.staff-owner-note{padding:16px 20px;border:1px solid #d3e0c4;background:#f1f6eb;border-radius:10px;margin-bottom:16px;font-size:14px}.staff-permission-note p,.staff-owner-note p{font-size:12px;margin-top:5px;line-height:1.7}.staff-owner-note{border-color:#edd7cc;background:#fcf5f1;color:#98533b}
.staff-permission-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:8px 0 18px}.staff-permission-actions p{margin-right:auto;font-size:13px;line-height:1.6;color:#6c785f}.staff-permission-actions .btn{font-size:13px;padding:10px 16px;min-height:42px;white-space:nowrap}
.staff-permission-scroll{max-height:min(72vh,850px);overflow:auto;border:1px solid #dce3d4;border-radius:12px;background:#fff;isolation:isolate}
.staff-permission-table{width:100%;min-width:850px;border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.5}
.staff-permission-table th,.staff-permission-table td{padding:13px 16px;border-bottom:1px solid #eef0ea;text-align:center;background:#fff;min-width:92px}
.staff-permission-table th:first-child{text-align:left;min-width:250px;width:28%;position:sticky;left:0;z-index:1}
.staff-permission-table thead th{position:sticky;top:0;z-index:2;background:#f6f8f3;color:#657456;height:74px}
.staff-permission-table thead th:first-child{z-index:3}.staff-permission-table thead small{display:block;font-size:10px;color:#91a17e;margin-top:4px}
.staff-permission-table .staff-permission-group th,.staff-permission-table .staff-permission-group td{background:#eef3e8;font-weight:700;color:#738463;padding-top:10px;padding-bottom:10px}
.staff-permission-table input{appearance:auto;width:17px;height:17px;margin:0;accent-color:#6c9546;vertical-align:middle;cursor:pointer}.staff-permission-table input:disabled{cursor:default;opacity:.5}
.staff-permission-table .is-protected th,.staff-permission-table .is-protected td{background:#fffbf8}.staff-permission-table .is-protected th{color:#965a40}.staff-permission-table .is-protected th span{display:inline-block;margin-left:8px;padding:2px 5px;font-size:10px;font-weight:400;background:#f5e9de;border-radius:4px}.staff-lock{color:#c3a691}
.staff-dialog{width:min(580px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #dfe5d9;border-radius:16px;padding:26px;margin:auto;color:#27321f;box-shadow:0 24px 80px #15201030}.staff-dialog::backdrop{background:#17201880}
.staff-dialog .staff-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.staff-dialog h2{font-size:24px;line-height:1.4;margin:0}.staff-dialog-head>button{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#f1f4ec;border-radius:8px;font-size:24px}
.staff-dialog label{display:block;font-size:13px;font-weight:600;margin:18px 0 0;line-height:1.6}.staff-dialog .field{width:100%;margin:8px 0 0;min-width:0;height:44px;padding:9px 12px;font-size:14px;border:1px solid #dce3d5;border-radius:8px;background:#fff}.staff-dialog .btn{width:auto;min-height:42px;font-size:13px;margin:0;padding:10px 16px;border-radius:8px}.staff-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #e5eadf}.staff-dialog-actions .btn{min-width:90px}
.staff-candidate-search{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px}.staff-candidate-search label{flex:1;min-width:0;margin:0}.staff-candidate-search .btn{flex-shrink:0;white-space:nowrap}.staff-candidate-results{max-height:200px;overflow:auto;font-size:13px;line-height:1.7}.staff-candidate-results button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;width:100%;padding:12px;border:1px solid #e4eada;border-radius:8px;margin-bottom:6px;overflow-wrap:anywhere}.staff-candidate-results button:hover{background:#f1f6ea}.staff-candidate-results button span{font-size:12px;color:#7e8972}.staff-selected-member{background:#f4f7ef;border-radius:8px;padding:14px;margin:18px 0;font-size:14px}.staff-selected-member p{font-size:12px;color:#7e8972;margin:6px 0 0;overflow-wrap:anywhere}
.staff-teacher-assign{margin:22px 0 0;padding:16px;border:1px solid #dce5d1;border-radius:10px}.staff-teacher-assign legend{font-size:14px;font-weight:700;padding:0 6px}.staff-teacher-assign p{font-size:12px;line-height:1.6;color:#7d8871}.staff-teacher-assign label{display:flex;align-items:center;gap:8px;margin-top:12px}.staff-teacher-assign input{width:17px;height:17px;accent-color:#6b9144}.staff-dialog-status{margin:14px 0 0;font-size:13px;line-height:1.7}.staff-guide p,.staff-revoke-copy{font-size:14px;line-height:1.9;margin:12px 0}.staff-profile-details{display:grid;grid-template-columns:95px minmax(0,1fr);gap:16px 12px;font-size:14px;line-height:1.7}.staff-profile-details dt{font-weight:700}.staff-profile-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.staff-teacher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.staff-teacher-card{padding:24px;background:#fff;border:1px solid #dfe5d9;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.staff-teacher-card>img{width:100%;height:200px;object-fit:contain;border-radius:10px;background:#f3f5ee}.staff-teacher-card h2{font-size:22px;margin:0}.staff-teacher-card p{font-size:13px;color:#7b8770}.staff-teacher-card .staff-teacher-bio{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:64px;line-height:1.7}.staff-teacher-card>a{font-size:12px;color:#6b7e54}.staff-teacher-card .btn{margin-top:auto}.staff-session-role{display:inline-flex;padding:8px 14px;border:1px solid #dce4d2;background:#f2f6ec;border-radius:8px;font-size:13px}
@media(max-width:1100px){.staff-page-head{flex-wrap:wrap}.staff-list-head{align-items:flex-start}.staff-list-tools{width:100%}.staff-list-tools form{flex:1}.staff-list-tools input{width:100%}}
@media(max-width:600px){.staff-page-head h1{font-size:25px}.staff-page-head{gap:16px}.staff-head-actions{flex-wrap:wrap}.staff-list-card{padding:16px}.staff-list-tools{display:block}.staff-list-tools>select{margin-bottom:10px;width:100%}.staff-list-tools form{width:100%}.staff-list-tools input{flex:1;min-width:0}.staff-permission-actions{flex-wrap:wrap}.staff-permission-actions p{flex-basis:100%}.staff-permission-table th:first-child{min-width:180px}.staff-permission-table{min-width:780px}.staff-dialog{padding:20px}.staff-dialog h2{font-size:22px}.staff-candidate-search{flex-wrap:wrap}.staff-candidate-search label{flex-basis:100%}.staff-dialog-actions .btn{flex:1;min-width:0}.staff-tabs{margin-bottom:20px}.staff-teacher-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.workspace:has(.staff-page-head){display:block}.workspace:has(.staff-page-head)>.workspace-sidebar{position:relative;top:auto;width:100%;height:auto;max-height:200px;padding:12px;border-right:0;border-bottom:1px solid #e0e6d7;overflow:auto}.workspace:has(.staff-page-head) .workspace-brand{margin-bottom:10px}.workspace:has(.staff-page-head) .workspace-sidebar nav{display:flex;align-items:flex-start;gap:8px;overflow-x:auto;max-height:115px}.workspace:has(.staff-page-head) .workspace-sidebar nav details{flex:0 0 135px;min-width:0}.workspace:has(.staff-page-head) .workspace-sidebar nav details summary{font-size:12px}.workspace:has(.staff-page-head) .workspace-sidebar nav details a{font-size:12px;padding:7px 9px}.workspace:has(.staff-page-head) .workspace-body{width:100%;min-width:0}.workspace:has(.staff-page-head) .workspace-top{min-height:36px}.workspace:has(.staff-page-head).is-collapsed .workspace-sidebar nav{display:none}.workspace:has(.staff-page-head).is-collapsed .workspace-brand span{display:block}}

/* The member directory fits its workspace; operator tables retain their own layout. */
.member-admin-page{min-width:0}.member-admin-page .staff-page-head{margin-bottom:18px}.member-admin-page .staff-page-head h1{font-size:28px}.member-admin-page .staff-page-head p{margin:4px 0 0;font-size:13px}
.staff-list-card.member-list-card{padding:18px}.member-list-card .staff-list-head{gap:12px;margin-bottom:16px}.member-list-card .staff-list-head>strong{font-size:16px}
.member-search{display:flex;gap:8px;max-width:100%;width:370px}.member-search input{flex:1;min-width:0;border:1px solid #dfe5d9;border-radius:7px;padding:10px 12px;font-size:12px}.member-search .btn{font-size:13px;padding:10px 16px;min-height:40px;white-space:nowrap}
.member-list-region{border:1px solid #e5e9df;border-radius:9px;min-width:0}.staff-table.member-table{min-width:0;table-layout:fixed;font-size:12px;width:100%}.member-table :is(th,td){min-width:0!important;max-width:none!important;padding:12px 10px;overflow-wrap:anywhere}.member-table th{white-space:normal}.member-table th button{font-size:12px;white-space:normal;text-align:left}.member-table .staff-person{gap:9px}.member-table .staff-person>span:last-child{min-width:0}.member-table .staff-avatar{width:30px;height:30px;font-size:12px}.member-table .staff-secondary{font-size:11px;margin-top:3px}.member-table .member-detail-button{min-width:0;min-height:32px;width:100%;padding:7px 3px;font-size:11px;border-radius:6px;white-space:nowrap}.member-table td{height:65px}.member-list-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:11px;color:#73816b}.member-list-footer nav{display:flex;gap:12px;align-items:center}.member-list-footer button,.member-record-pager button{border:1px solid #dfe5d9;border-radius:6px;background:#fff;min-width:30px;min-height:30px;color:#26321f}.member-list-footer button:disabled,.member-record-pager button:disabled{opacity:.4;cursor:default}
.member-detail-dialog{box-sizing:border-box;width:min(1280px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #dce3d6;border-radius:16px;margin:auto;background:#f4f6f2;color:#26321f;box-shadow:0 28px 100px #14200d3d;overflow:hidden}
.member-detail-dialog[open]{display:flex;flex-direction:column}.member-detail-dialog::backdrop{background:#19211780;backdrop-filter:blur(3px)}.member-detail-dialog *{box-sizing:border-box}.member-detail-dialog :is(h2,h3,p,dl,ul){margin:0}.member-detail-dialog button{cursor:pointer;font-family:inherit}.member-detail-dialog button:focus-visible{outline:2px solid #426329;outline-offset:2px}
.member-detail-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;background:#fff;flex-shrink:0}.member-detail-head>div:first-child{min-width:0}.member-detail-head>div:last-child{display:flex;align-items:center;gap:14px;flex-shrink:0}.member-detail-head>div>span{color:#75826b;font-size:11px;letter-spacing:.05em}.member-detail-head h2{margin-top:5px;font-size:24px;line-height:1.3;overflow-wrap:anywhere}.member-detail-head h2 small{font-size:14px;color:#75826b;font-weight:400;margin-left:10px}.member-refresh{font-size:12px;color:#55684a}.member-close{display:grid;place-items:center;width:34px;height:34px;font-size:25px;border-radius:8px;background:#f1f4ec}
.member-detail-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 24px;background:#fff;border-bottom:1px solid #dfe5d9;flex-shrink:0}.member-detail-tabs button{position:relative;padding:14px 6px;font-size:13px;color:#788271;white-space:nowrap}.member-detail-tabs button[aria-current]{color:#24381a;font-weight:700;box-shadow:inset 0 -3px var(--brand-accent)}
.member-detail-content{padding:20px 24px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable;outline:none}.member-overview{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr);gap:18px}.member-overview-right,.member-card-stack{display:flex;flex-direction:column;gap:14px;min-width:0}.member-card{background:#fff;border:1px solid #e0e6d9;border-radius:10px;padding:18px;min-width:0;overflow-wrap:anywhere}.member-card h3{font-size:13px;font-weight:700;margin-bottom:14px;color:#37462e}.member-identity{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #eef1e9;margin-bottom:14px}.member-identity .staff-avatar{width:44px;height:44px;font-size:18px}.member-identity>div{min-width:0}.member-identity strong{font-size:19px}.member-identity p{font-size:12px;color:#849076;margin-top:4px;overflow-wrap:anywhere}
.member-fields{display:grid;gap:12px;font-size:12px;line-height:1.6}.member-fields>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px}.member-fields dt{color:#859078;font-weight:400}.member-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#33402b}.member-text-button{font-size:11px;color:#4b6839;padding-top:18px;text-align:left}.member-services{display:grid;grid-template-columns:1fr 1fr;gap:16px}.member-service{display:flex;flex-direction:column;gap:5px;border-left:3px solid var(--brand-accent);padding-left:12px}.member-service>span{font-size:12px;color:#6a795c}.member-service strong{font-size:24px;line-height:1.3;letter-spacing:-.04em}.member-service small{font-size:11px;color:#8a947f}.member-purchase-total{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #edf0e8;padding-top:13px;margin-top:14px;font-size:11px}.member-caption{font-size:11px!important;line-height:1.6!important;color:#859078!important;margin-top:9px!important}.member-activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.member-activity-grid>div{display:flex;flex-direction:column;align-items:center;gap:5px;border-right:1px solid #e9eee3}.member-activity-grid>div:last-child{border:0}.member-activity-grid strong{font-size:22px}.member-activity-grid span{font-size:11px;color:#7c886e;text-align:center}.member-activity-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;border-top:1px solid #edf0e8;margin-top:13px;padding-top:12px;color:#859078}.member-activity-footer b{color:#516146;font-weight:500;margin-left:6px}
.member-recent{list-style:none;padding:0;display:grid;gap:10px}.member-recent li{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.member-recent li>span{display:flex;align-items:center;gap:9px;min-width:0}.member-recent-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-recent time{color:#8a947f;font-size:10px;flex-shrink:0}.member-pill{display:inline-block;padding:3px 7px;border-radius:5px;background:#f0f6e9;color:#5d7747;font-size:10px;line-height:1.5;white-space:nowrap;flex-shrink:0;vertical-align:middle}.member-empty{display:grid;place-items:center;text-align:center;min-height:75px;padding:15px;font-size:12px;color:#929c88;line-height:1.7}.member-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.member-section-intro{margin-bottom:16px}.member-section-intro h3{font-size:16px}.member-section-intro p{margin-top:6px;font-size:12px;color:#7c886e;line-height:1.7}.member-records{display:grid;gap:14px}.member-order{padding:18px;background:#fff;border:1px solid #e0e6d9;border-radius:10px}.member-order header,.member-order header>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.member-order header{justify-content:space-between}.member-order header>div{flex:1;min-width:0;font-size:14px}.member-order header>div>strong{overflow-wrap:anywhere}.member-order header>div>span:last-child{font-size:12px;color:#839075}.member-order-summary{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:#8a947f;padding:13px 0;border-bottom:1px solid #edf0e8;margin-bottom:16px;overflow-wrap:anywhere}.member-order-summary strong{margin-left:auto;font-size:16px;color:#35452b}.member-order-data{display:grid;grid-template-columns:1fr 1fr;gap:18px}.member-order-note{padding:14px;margin-top:14px!important;background:#f7f8f4;border-radius:7px;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.member-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:13px;margin-top:14px!important}.member-reply{margin-top:12px;padding:14px;border-radius:7px;background:#f5f8f0;font-size:12px;line-height:1.8}.member-reply p{margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.member-record-date{font-size:11px;color:#8a947f;margin-left:10px}.member-record-list{padding:0;list-style:none}.member-record-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0e8;padding:12px 0;font-size:12px}.member-record-list time{font-size:10px;color:#859078}.member-record-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px;font-size:12px;color:#748568}.member-record-pager>span{margin-right:auto}.member-record-pager button{padding:5px 12px}.member-detail-message{padding:35px;font-size:14px}.member-detail-message h2{font-size:22px;margin-bottom:18px}.member-detail-message p{margin-bottom:20px;line-height:1.7}.member-detail-message .btn{font-size:13px;margin-right:8px}.member-scope-note{font-size:12px;background:#eef6e5;padding:8px 24px;color:#667c53;flex-shrink:0}
@media(max-width:1100px){.member-list-card .staff-list-head{align-items:center}.member-search{width:100%}.member-table .staff-avatar{display:none}.member-detail-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.member-overview{grid-template-columns:minmax(235px,.9fr) minmax(0,1.3fr)}.member-detail-content{padding:16px}.member-card{padding:15px}.member-service strong{font-size:21px}}
@media(max-width:760px){.member-detail-head{padding:16px}.member-detail-head h2{font-size:21px}.member-detail-head h2 small{display:block;margin:4px 0 0;font-size:12px}.member-detail-tabs{padding:0 8px}.member-detail-tabs button{font-size:11px;padding:13px 2px}.member-overview,.member-two-columns{grid-template-columns:minmax(0,1fr)}.member-overview-right{gap:12px}.member-order-data{grid-template-columns:minmax(0,1fr)}.member-profile-summary .member-fields{grid-template-columns:1fr 1fr;gap:10px}.member-profile-summary .member-fields>div{display:block}.member-detail-content{padding:12px;scrollbar-gutter:auto}.member-order{padding:14px}}
@media(max-width:600px){.member-list-card .staff-list-head small{display:block;margin:5px 0 0}.member-list-card.staff-list-card{padding:12px}.member-table colgroup,.member-table thead{display:none}.staff-table.member-table,.member-table tbody{display:block;width:100%}.member-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding:14px;border-bottom:1px solid #e5e9df}.member-table tr:last-child{border-bottom:0}.member-table td{display:block;height:auto;padding:0;border:0;min-width:0}.member-table td::before{content:attr(data-label);display:block;font-size:10px;color:#909a85;margin-bottom:4px}.member-table .staff-avatar{display:grid}.member-table .member-detail-button{width:auto;padding:8px 14px;min-height:34px}.member-table .staff-empty{grid-column:1/-1}.member-list-region{border-radius:8px}.member-list-footer{align-items:flex-end}.member-list-footer>span{max-width:140px;line-height:1.6}.member-detail-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:12px}.member-detail-head{gap:10px}.member-detail-head>div:last-child{gap:10px}.member-refresh{font-size:11px}.member-detail-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.member-detail-tabs button{padding:10px 3px}.member-service strong{font-size:22px}.member-purchase-total{gap:7px 12px}.member-profile-summary .member-fields{grid-template-columns:minmax(0,1fr)}.member-profile-summary .member-fields>div{display:grid}.member-recent li{align-items:flex-start}.member-recent time{font-size:9px}.member-record-pager{flex-wrap:wrap}.member-record-pager>span{flex-basis:100%}.member-order-summary strong{margin-left:0}.member-order-summary{flex-direction:column}.member-detail-message{padding:24px}.member-list-card .member-search input{font-size:11px}.member-record-list li{flex-direction:column}}
.member-detail-dialog header{position:static;top:auto;z-index:auto;background:#fff;color:#26321f;border:0;box-shadow:none;backdrop-filter:none}.member-detail-dialog h2,.member-detail-dialog .member-close{color:#26321f}
.member-detail-dialog{--member-dialog-inset:40px;height:min(860px,calc(100dvh - var(--member-dialog-inset)));max-height:calc(100dvh - var(--member-dialog-inset))}.member-detail-content{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-gutter:stable}
.member-points-actions{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.member-points-actions .btn,.member-points-form-actions .btn{min-height:34px;min-width:0;padding:7px 12px;border-radius:6px;font-size:12px;line-height:1.5;white-space:nowrap}.member-points-actions .btn.light,.member-points-form-actions .btn.light{background:#fff;color:#415636;border:1px solid #d7e1ce}.member-overview-points{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.member-overview-points .member-points-actions .btn{min-height:28px;padding:4px 9px;font-size:11px}.member-overview-points b{margin-left:0}
.member-points-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid #e9eee3}.member-points-top>div{display:flex;flex-direction:column;gap:5px}.member-points-top>div>span{font-size:12px;color:#7c886e}.member-points-top strong{font-size:23px;color:#26321f;letter-spacing:-.035em}.member-points-panel h4{font-size:12px;margin:20px 0 9px;color:#4e6240}.member-points-panel .member-empty{min-height:60px}.member-points-panel .member-record-pager{font-size:11px}.member-point-entry{border:1px solid #e4eadc;border-radius:8px;padding:12px;overflow-wrap:anywhere}.member-point-entry>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.member-point-entry strong{font-size:13px}.member-point-entry>div>span:last-child{font-size:10px;color:#86927a;margin-left:auto}.member-point-entry .member-point-reason{font-size:12px;line-height:1.7;margin:8px 0 4px;white-space:pre-wrap}.member-point-entry small{font-size:11px;color:#7f8e71}
.member-points-form{background:#f6f9f1;border:1px solid #dce8cf;border-radius:9px;margin-top:16px;padding:16px}.member-points-form h4{font-size:14px;margin:0 0 6px}.member-points-form>p{font-size:12px;color:#728462;line-height:1.7}.member-points-form fieldset{margin:12px 0;border:0;padding:0;display:grid;gap:12px;min-width:0}.member-points-form label{display:grid;gap:7px;font-size:12px;color:#506244}.member-point-input{display:flex;align-items:center;gap:8px}.member-point-input input,.member-points-form textarea{background:#fff;border:1px solid #cddbbf;border-radius:6px;padding:9px 11px;font:inherit;font-size:13px;color:#26321f;width:100%;min-width:0}.member-points-form textarea{resize:vertical;min-height:68px}.member-points-form :is(input,textarea):focus-visible{outline:2px solid #86ba57;outline-offset:1px}.member-points-form fieldset:disabled{opacity:.65}.member-points-preview{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;border-top:1px solid #dfe9d5;padding-top:12px}.member-points-preview strong{font-size:13px;color:#345423}.member-points-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.member-points-error{color:#a03e31!important;background:#fff2ef;padding:10px 12px;border-radius:6px;margin-top:12px!important;white-space:pre-wrap;overflow-wrap:anywhere}.member-points-notice{background:var(--brand-tint);border:1px solid #cdddba;padding:12px 14px;border-radius:8px;margin:0 0 14px!important;color:#395c25;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:1100px){.member-detail-dialog{--member-dialog-inset:24px}.member-points-top .member-points-actions{width:100%}}
@media(max-width:600px){.member-detail-dialog{--member-dialog-inset:12px}.member-points-form{padding:12px}.member-points-preview{align-items:flex-start;flex-direction:column}.member-point-entry>div>span:last-child{margin-left:0;flex-basis:100%}}
.member-detail-dialog .member-points-actions .btn,.member-detail-dialog .member-points-form-actions .btn{width:auto;margin:0}

/* Keep every operator action inside the available workspace width. */
.operator-list-card{container-type:inline-size;max-width:100%;box-sizing:border-box}.operator-list-card .operator-table{min-width:0;width:100%;table-layout:fixed}.operator-table :is(th,td){min-width:0!important;max-width:none;padding:15px 10px;white-space:normal}.operator-table th button{white-space:normal;text-align:left}.operator-table .staff-person{gap:8px}.operator-table .staff-person>div{min-width:0;overflow-wrap:anywhere}.operator-table .staff-role-cell{flex-wrap:wrap;gap:7px;white-space:normal}.operator-table .staff-current{display:block;font-size:11px;color:#4d702e;margin-top:4px}.operator-table .staff-secondary{font-size:11px}.operator-list-card .staff-list-tools form{min-width:0;max-width:100%;flex:1}.operator-list-card .staff-list-tools input{flex:1;width:230px}.operator-list-card .staff-table-scroll{overflow:visible}.operator-table .staff-avatar{width:32px;height:32px}.operator-table .staff-edit,.operator-table .staff-revoke{padding:7px 9px}.operator-list-card .staff-empty{height:100px}
@container(max-width:940px){.operator-table colgroup,.operator-table thead{display:none}.operator-list-card .operator-table,.operator-table tbody{display:block;width:100%}.operator-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;border-bottom:1px solid #e9ece5}.operator-table tr:last-child{border-bottom:0}.operator-table td{display:block;width:auto;padding:0;border:0;min-width:0}.operator-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;color:#818b75;margin-bottom:5px}.operator-table td:first-child{grid-column:span 2}.operator-table .staff-empty{grid-column:1/-1;height:auto;min-height:70px}.operator-list-card .staff-list-tools{width:100%;align-items:stretch}.operator-list-card .staff-list-tools input{width:100%}}
@container(max-width:480px){.operator-table tr{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:14px 10px}.operator-table td:first-child{grid-column:1/-1}.operator-list-card .staff-list-tools form{flex-basis:100%}.operator-list-card .staff-list-head small{display:block;margin:5px 0 0}.operator-list-card .staff-list-head>strong{font-size:17px}}