@font-face{font-family:LINESeed;src:url('/fonts/LINESeedSansTH_W_Rg.woff2')}@font-face{font-family:LINESeed;src:url('/fonts/LINESeedSansTH_W_Bd.woff2');font-weight:700}*{box-sizing:border-box}body{margin:0;background:#eaf5ee;color:#234737;font-family:LINESeed,system-ui,sans-serif}main{max-width:480px;margin:8vh auto;padding:24px;background:white;border:1px solid #bfdac9;border-radius:20px}h1{font-size:24px}p{line-height:1.7;overflow-wrap:anywhere}.primary,button{display:inline-block;border:0;border-radius:12px;background:#177845;color:white;padding:14px 20px;font:inherit;min-height:44px}.test{font-size:13px;color:#657a71}code{overflow-wrap:anywhere}@media(max-width:500px){main{margin:24px 12px;padding:20px}}

label{display:block;font-size:15px}input{display:block;width:100%;min-height:48px;margin:8px 0 14px;padding:12px;border:1px solid #bfdac9;border-radius:10px;font:inherit;font-size:18px;color:inherit}form{margin:20px 0}button{cursor:pointer}button:disabled{background:#e5ece8;color:#64766b;cursor:default}.primary{text-decoration:none;width:100%;text-align:center}.google{background:#fff;color:#234737;border:1px solid #bfdac9}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #4163ac;outline-offset:3px}[hidden]{display:none!important}
select{display:block;width:100%;min-height:48px;padding:8px;margin:8px 0 14px;font:inherit;color:inherit;background:white;border:1px solid #bfdac9;border-radius:10px}.user-card{border-top:1px solid #bfdac9;padding:16px 0}.check{display:flex;align-items:flex-start;gap:10px;margin:16px 0}.check input{width:24px;min-height:24px;flex:none;margin:4px 0}.check span{line-height:1.6}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}details{margin:12px 0}summary{cursor:pointer;line-height:1.7;overflow-wrap:anywhere}.user-access-summary{background:#edf5f0;border-left:4px solid #177845;border-radius:8px;padding:10px 12px;font-size:14px}
.access-status{background:#fff5d9;color:#705614;border-radius:10px;padding:10px 12px;font-size:14px}.pending-name{font-size:20px;overflow-wrap:anywhere}.secondary{background:white;color:#234737;border:1px solid #bfdac9;width:100%}
.pilot-readonly-note{padding:10px 12px;background:#edf4f8;color:#35576c;border-radius:10px;font-weight:600}

/* Identity buttons keep their existing destinations and accessible text. */
main:has(>a[href="/auth/facebook/start"])>img{display:block;width:128px;height:128px;object-fit:contain;margin:0 auto 4px}
main:has(>a[href="/auth/facebook/start"])>h1{text-align:center;margin:8px 0 16px}
.primary[href="/auth/facebook/start"],.primary[href="/auth/google/start"]{display:flex;align-items:center;justify-content:center;gap:12px}
.primary[href="/auth/facebook/start"]::before,.primary[href="/auth/google/start"]::before{content:"";display:block;width:28px;height:28px;flex:none;border-radius:50%;background-color:#fff;background-size:22px;background-position:center;background-repeat:no-repeat}
.primary[href="/auth/facebook/start"]::before{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%230866FF%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EFacebook%3C%2Ftitle%3E%3Cpath%20d%3D%22M9.101%2023.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085%201.848-5.978%205.858-5.978.401%200%20.955.042%201.468.103a8.68%208.68%200%200%201%201.141.195v3.325a8.623%208.623%200%200%200-.653-.036%2026.805%2026.805%200%200%200-.733-.009c-.707%200-1.259.096-1.675.309a1.686%201.686%200%200%200-.679.622c-.258.42-.374.995-.374%201.752v1.297h3.919l-.386%202.103-.287%201.564h-3.246v8.245C19.396%2023.238%2024%2018.179%2024%2012.044c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.628%203.874%2010.35%209.101%2011.647Z%22%2F%3E%3C%2Fsvg%3E")}
.primary[href="/auth/google/start"]::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23EA4335%22%20d%3D%22M24%209.5c3.54%200%206.71%201.22%209.21%203.6l6.85-6.85C35.9%202.38%2030.47%200%2024%200%2014.62%200%206.51%205.38%202.56%2013.22l7.98%206.19C12.43%2013.72%2017.74%209.5%2024%209.5Z%22%2F%3E%3Cpath%20fill%3D%22%234285F4%22%20d%3D%22M46.98%2024.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58%202.96-2.26%205.48-4.78%207.18l7.73%206c4.51-4.18%207.09-10.36%207.09-17.65Z%22%2F%3E%3Cpath%20fill%3D%22%23FBBC05%22%20d%3D%22M10.53%2028.59A14.42%2014.42%200%200%201%209.75%2024c0-1.59.27-3.13.76-4.59l-7.98-6.19A23.86%2023.86%200%200%200%200%2024c0%203.88.93%207.55%202.56%2010.78l7.97-6.19Z%22%2F%3E%3Cpath%20fill%3D%22%2334A853%22%20d%3D%22M24%2048c6.48%200%2011.93-2.13%2015.91-5.8l-7.73-6C30.04%2037.65%2027.29%2038.5%2024%2038.5c-6.26%200-11.57-4.22-13.47-9.91l-7.98%206.19C6.51%2042.62%2014.62%2048%2024%2048Z%22%2F%3E%3C%2Fsvg%3E")}
main:has(a[href="/auth/google/start"],a[href="/auth/facebook/start"]) a[href="/register"]{display:block;width:100%;padding:14px 16px;border:1px solid #b7cce5;border-radius:12px;background:#edf4ff;color:#315a86;text-align:center;text-decoration:none;font-weight:700;line-height:1.6;min-height:48px}
main:has(a[href="/auth/google/start"],a[href="/auth/facebook/start"]) a[href="/privacy"]{display:block;padding:10px 12px;border:1px solid #d6e2dc;border-radius:10px;color:#4c6458;background:#f7faf8;text-align:center;text-decoration:none;min-height:44px;font-size:14px}

main:has(a[href="/auth/google/start"],a[href="/auth/facebook/start"]) a[href="/register"]:hover{background:#e0edff;border-color:#7f9fc4}
main:has(a[href="/auth/google/start"],a[href="/auth/facebook/start"]) a[href="/privacy"]:hover{background:#ecf3ef;border-color:#b7ccbf}

/* /users only: preserve Login and every other pilot page. */
body:has(#users-list){background:#f2f6f4}
body:has(#users-list) main{max-width:1240px;width:calc(100% - 48px);margin:24px auto;padding:24px 28px;border-radius:18px}
.users-management main>img{width:34px;height:34px;float:left;margin:0 12px 0 0}
.users-management h1{margin:0 0 14px;font-size:24px}.users-management main>p{margin:8px 0;font-size:14px;color:#567064}
.users-management main>p:has(a){display:inline-block;margin-right:14px}.users-management main>p a{color:#27614b}
.users-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px auto;gap:10px 16px;align-items:end;padding:16px;background:#edf4f0;border:1px solid #d3e1d9;border-radius:12px;margin:18px 0 10px}
.users-management input,.users-management select{font-size:14px;min-height:44px;margin:6px 0 0;padding:10px 12px}.users-management label{font-size:13px}
.users-toolbar-actions{display:flex;gap:8px}.users-toolbar button,.users-guide button{padding:10px 14px;background:white;border:1px solid #bfd0c5;color:#315b48;font-size:13px;white-space:nowrap}
.users-result-count{grid-column:1/-1;font-size:13px;color:#567064;margin:0;line-height:1.5}
.users-guide{font-size:13px;padding:4px 8px;margin:8px 0 16px}.users-guide p{margin:8px 0}
.user-person{border:1px solid #d4e1d9;border-radius:12px;margin:10px 0;background:white;overflow:clip}
.user-person>summary{display:flex;align-items:center;gap:14px;padding:16px 18px;list-style:none;min-height:76px}.user-person>summary::-webkit-details-marker{display:none}
.user-person>summary:before{content:'›';font-size:24px;font-weight:bold;color:#527260;line-height:1;transition:transform .15s}.user-person[open]>summary:before{transform:rotate(90deg)}
.user-person[open]>summary{background:#f0f7f3;border-bottom:1px solid #d4e1d9}.user-person>summary:hover{background:#f5faf7}
.user-person-title{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.user-person-title strong{font-size:16px;color:#284c3b;overflow-wrap:anywhere}.user-person-title>span{font-size:13px;color:#61766a;overflow-wrap:anywhere}
.user-role-badge,.user-dirty-badge{font-size:12px;padding:5px 10px;border-radius:20px;background:#e9f0fa;color:#385b86;white-space:nowrap}.user-role-badge.pending{background:#fff0cd;color:#795714}.user-role-badge.suspended{background:#fbe9e7;color:#963f36}.user-dirty-badge{background:#fff0cd;color:#795714}
.users-management .user-card{margin:0;border:0;padding:18px 20px}.user-card>p{font-size:13px;margin:8px 0}.user-form-title{font-size:16px;margin:0 0 8px}.user-card .user-access-summary{font-size:13px}
.user-identity-grid,.user-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.user-identity-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.user-identity-grid>*{min-width:0}
.user-card>details:not(.user-section){border:1px solid #dce7df;border-radius:10px;padding:10px 14px}.user-card details>summary{font-size:14px;font-weight:700;color:#335844;min-height:32px}
.user-section{margin:10px 0;border:1px solid #dce7df;border-radius:10px;padding:10px 14px}.user-section-body{padding-top:12px}.user-section-body:empty{display:none}
.user-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.users-management .check{font-size:14px;margin:10px 0}.users-management .check input{width:20px;height:20px;min-height:20px;margin:2px 0;padding:0}
.user-section-body button{margin:4px 6px 4px 0;font-size:13px;padding:10px 12px}.user-card pre{font-size:12px;background:#f4f7f5;padding:12px;border-radius:8px}
.user-prepared-summary{border:1px solid #cbded2;background:#f3f9f5;border-radius:10px;padding:12px 14px;margin-top:16px;font-size:13px}.user-prepared-summary p{margin:6px 0;line-height:1.6}.user-prepared-summary strong{color:#325d45}
.user-save-bar{display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:1px solid #d9e6dd;padding-top:12px;margin-top:14px}.user-save-bar>.check{flex:1}.user-save-bar>button{flex:none;font-size:14px;padding:12px 16px}
.users-activity{border:1px solid #d4e1d9;border-radius:12px;padding:12px 16px;background:white;margin-top:16px}.users-activity>summary{font-size:14px;font-weight:bold;min-height:32px}.users-activity p{font-size:13px}.users-activity button{font-size:13px;padding:10px 14px}
.users-management summary:focus-visible,.users-management select:focus-visible{outline:3px solid #4163ac;outline-offset:3px}
@media(max-width:850px){body:has(#users-list) main{width:calc(100% - 24px);margin:12px;padding:18px}.users-toolbar{grid-template-columns:minmax(0,1fr) 160px}.users-toolbar-actions{grid-column:1/-1}.user-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-save-bar{flex-wrap:wrap}.user-save-bar>button{width:100%}}
@media(max-width:550px){.users-toolbar,.user-identity-grid,.user-fields-grid,.user-check-grid{grid-template-columns:minmax(0,1fr)}.users-management input,.users-management select{font-size:16px}.user-person>summary{flex-wrap:wrap;gap:8px;padding:12px}.user-person-title{flex-basis:calc(100% - 30px)}.user-role-badge{margin-left:24px}.users-management .user-card{padding:12px}.user-section{padding:10px}.users-toolbar{padding:12px}.user-save-bar{gap:8px}.users-management h1{font-size:22px}}

/* One account, one permission editor; current grants stay separate from unsaved inputs. */
body:has(#users-list) main{max-width:1480px}
.users-matrix-panel{min-width:0;margin:16px 0 20px}.users-matrix-panel h2{font-size:18px;margin:0 0 6px}.users-matrix-panel>p{font-size:13px;margin:6px 0 12px;color:#587365}
.users-matrix-scroll{max-width:100%;overflow:auto;border:1px solid #ccdcd3;border-radius:12px}
.users-permission-matrix{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:15px;color:#345846}
.users-permission-matrix th,.users-permission-matrix td{padding:16px;border-bottom:1px solid #dae5de;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.users-permission-matrix thead th{background:#edf4f0;font-weight:700;font-size:14px}
.users-permission-matrix th:first-child{width:24%}.users-permission-matrix thead th:nth-child(2){width:20%}.users-permission-matrix thead th:nth-child(3){width:40%}.users-permission-matrix thead th:last-child{width:16%}
.users-permission-matrix tbody th strong{display:block;font-size:16px;line-height:1.5}.users-permission-matrix tbody th>span:not(.user-role-badge){display:block;font-size:14px;font-weight:400;color:#61796b;margin:5px 0 8px}
.users-permission-matrix .user-role-badge{display:inline-block;font-weight:400;font-size:13px}.users-permission-matrix small{display:block;font-size:13px;margin-top:8px;color:#587263;line-height:1.6}
.users-permission-matrix button{display:block;font-size:14px;white-space:normal;border:1px solid #bdd0c5;border-radius:10px;background:#edf6f0;color:#24543b;padding:10px 12px;min-height:44px;width:100%;font-weight:700}
.users-permission-matrix tr:last-child>*{border-bottom:0}.users-editor-panel{margin:16px 0}.users-editor-panel>summary{font-size:16px;font-weight:700;padding:14px;background:#f1f6f3;border:1px solid #d4e1d9;border-radius:10px}
.user-policy-panel{border:1px solid #ccddd2;border-radius:12px;padding:16px;background:#fcfefd;margin-top:16px}.user-policy-panel h3{font-size:16px;margin:0 0 12px}.user-policy-panel h4{font-size:14px;margin:0 0 8px}.user-policy-panel .user-identity-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 18px}
.user-channel-panel{border-top:1px solid #dde7e1;padding:16px 0}.user-channel-panel>p{font-size:12px;color:#597366;margin:6px 0 12px}.user-channel-panel .user-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}.user-live-grid{border-top:1px dashed #cdded3;margin-top:16px;padding-top:14px}
.user-channel-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.user-channel-actions button{min-height:44px;padding:10px 14px;border:1px solid #b5cebf;border-radius:10px;background:#eef7f1;color:#24573e;font-size:13px;font-weight:700;line-height:1.4}.user-channel-actions button:hover:not(:disabled){background:#dceee2;border-color:#7ba78d}.user-channel-actions button:disabled{background:#f0f2f1;color:#758078;cursor:default}.user-channel-panel>.user-channel-summary{font-size:12px;line-height:1.6;margin:8px 0 14px;color:#496451}
.user-capabilities{border-top:1px solid #dde7e1;padding:16px 0 6px}.user-capability-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.user-capability-groups fieldset{min-width:0;margin:0;padding:8px 12px;border:1px solid #d6e4dc;border-radius:10px;background:white}.user-capability-groups legend{font-size:13px;font-weight:700;padding:0 5px;color:#385f4b}.user-capability-groups .check{font-size:12px;line-height:1.5;margin:10px 0}.user-capability-groups .check span{line-height:1.6}
@media(max-width:1000px){.user-capability-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.user-policy-panel .user-identity-grid,.user-channel-panel .user-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.user-policy-panel{padding:12px}.user-policy-panel .user-identity-grid,.user-channel-panel .user-fields-grid,.user-capability-groups{grid-template-columns:minmax(0,1fr)}.users-permission-matrix thead tr:first-child>th:first-child,.users-permission-matrix tbody th{width:156px;min-width:156px;max-width:156px}.users-matrix-panel>p{font-size:12px}.user-capability-groups .check{font-size:14px}}

/* Matrix edits prepare the existing form; each account still needs an explicit save. */
.users-permission-matrix tr.has-prepared-changes td,.users-permission-matrix tr.has-prepared-changes th{background:#fff9eb}
.users-permission-matrix .user-dirty-badge{display:inline-block;margin-top:6px;font-weight:400;font-size:11px;padding:3px 8px}
.users-permission-matrix .matrix-review-button{display:block;margin:6px auto 0;background:#19764b;color:white;border-color:#19764b}
.users-matrix-panel .users-matrix-note{font-size:12px;margin-top:0;color:#6c7c72}
.users-permission-matrix .user-dirty-badge{white-space:normal}
.users-permission-matrix .matrix-channel-cell{text-align:left}.matrix-summary-state{display:block;font-size:14px;margin-bottom:8px}.matrix-summary-channels{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;line-height:1.5}.matrix-channel-chip{background:#edf5f0;border:1px solid #d4e4da;border-radius:8px;padding:5px 8px}.matrix-cap-summary{font-size:14px;line-height:1.7;margin:10px 0 0;color:#4b6757}
.user-lock-explanation{background:#f0f4f9;border:1px solid #cedae7;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.7;color:#365779}.user-control-reason{display:block;font-size:13px;color:#566e60;line-height:1.6;margin-top:6px}
.user-capability-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.user-capability-groups legend{font-size:15px}.user-capability-groups .check{font-size:15px;min-height:48px;padding:10px 12px;margin:8px 0;border:1px solid #d8e5dc;border-radius:9px;background:#fafcfb;align-items:center}.user-capability-groups .check:has(input:checked){background:#eaf6ef;border-color:#b8d7c4}.user-channel-panel .user-fields-grid label{font-size:15px}.user-channel-panel select{min-height:46px;font-size:15px}.user-policy-panel h4{font-size:16px}.users-management .user-capability-groups[hidden],.users-management .user-lock-explanation[hidden]{display:none}
@media(max-width:850px){.users-permission-matrix,.users-permission-matrix tbody,.users-permission-matrix tr,.users-permission-matrix th,.users-permission-matrix td{display:block;width:100%;min-width:0;max-width:none;position:static}.users-permission-matrix thead{display:none}.users-permission-matrix tbody tr{padding:14px;border-bottom:1px solid #d3e2d9}.users-permission-matrix tbody th,.users-permission-matrix tbody td{padding:8px 0;border:0}.users-permission-matrix tbody td[data-label]:before{content:attr(data-label);display:block;font-size:13px;color:#64796c;margin-bottom:6px}.users-permission-matrix tr[hidden]{display:none}.users-permission-matrix button{width:auto;min-width:140px}.users-permission-matrix .matrix-review-button{margin:8px 0 0}.user-capability-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.user-capability-groups{grid-template-columns:minmax(0,1fr)}.users-permission-matrix tbody th{width:100%;min-width:0;max-width:none}.users-matrix-panel>p{font-size:14px}}

/* Rounded brand checkboxes retain native semantics, keyboard and disabled states. */
.users-management input[type=checkbox]{appearance:none;-webkit-appearance:none;display:block;flex:none;width:22px;height:22px;min-height:22px;padding:0;border:1.5px solid #b1c6ba;border-radius:6px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:18px 18px;box-shadow:inset 0 1px 2px #23473708;cursor:pointer;transition:background-color .12s,border-color .12s,box-shadow .12s}
.users-management input[type=checkbox]:checked{border-color:#18764c;background-color:#18764c;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22m4.5%2010%203.5%203.5%207.5-8%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");box-shadow:0 1px 3px #18764c24}
.users-management input[type=checkbox]:not(:disabled):hover{border-color:#18764c;box-shadow:0 0 0 3px #18764c12}
.users-management input[type=checkbox]:focus-visible{outline:3px solid #85b7a0;outline-offset:3px}
.users-management input[type=checkbox]:disabled{opacity:1;cursor:not-allowed;background-color:#f2f5f3;border-color:#cad7ce;box-shadow:none}
.users-management input[type=checkbox]:disabled:checked{background-color:#e6f0e9;border-color:#b4ccbc;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22m4.5%2010%203.5%203.5%207.5-8%22%20fill%3D%22none%22%20stroke%3D%22%2349755b%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.users-permission-matrix input[type=checkbox]{margin:auto}
@media(max-width:550px){.users-management input[type=checkbox]{width:24px;height:24px;min-height:24px;background-size:20px 20px}}
@media(prefers-reduced-motion:reduce){.users-management input[type=checkbox]{transition:none}}
@media(forced-colors:active){.users-management input[type=checkbox],.users-management input[type=checkbox]:checked,.users-management input[type=checkbox]:disabled:checked{appearance:auto;-webkit-appearance:auto;background-image:none;box-shadow:none}}

/* Account editor stays beside the list; native dialog handles focus and Escape. */
.users-toolbar{grid-template-columns:minmax(0,1fr) 200px}
.users-edit-dialog{padding:0;border:1px solid #c9ddd0;border-radius:18px 0 0 18px;width:min(780px,90vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;color:#234737;background:white;box-shadow:-12px 0 40px #163d2529;overflow:hidden}
.users-edit-dialog[open]{display:flex;flex-direction:column}.users-edit-dialog::backdrop{background:#19352c66}
.users-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;background:#edf6f0;border-bottom:1px solid #cbdfd2;flex:none}.users-dialog-header h2{font-size:20px;line-height:1.5;margin:2px 0;overflow-wrap:anywhere}.users-dialog-header p{font-size:14px;margin:3px 0;overflow-wrap:anywhere}.users-dialog-header small{font-size:13px;color:#587364}.users-dialog-header>div{min-width:0}.users-dialog-header>button{flex:none;font-size:14px;padding:10px 12px;background:white;border:1px solid #bad2c3;color:#315f46;min-height:44px}
.users-dialog-body{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain;padding:0 20px 20px}.users-edit-dialog .users-editor-panel{margin:0}.users-edit-dialog .users-editor-panel>summary,.users-edit-dialog .user-person>summary,.users-edit-dialog .user-form-title,.users-edit-dialog .user-card>p{display:none}.users-edit-dialog .user-person{margin:0;border:0;overflow:visible}.users-edit-dialog .user-card{padding:0;margin:0}.users-edit-dialog .user-identity-grid,.users-edit-dialog .user-channel-panel .user-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-edit-dialog .user-policy-panel[hidden]{display:none}
.user-editor-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px 0;background:white;position:sticky;top:0;z-index:2;border-bottom:1px solid #d9e5de}.user-editor-tabs button{font-size:15px;padding:10px 6px;min-height:46px;color:#42634f;background:#f3f7f4;border:1px solid #d3e1d9;border-radius:10px}.user-editor-tabs button[aria-selected=true]{background:#19764b;color:white;border-color:#19764b;font-weight:700}.user-editor-pane{padding-top:16px;min-width:0}.user-editor-pane .user-channel-panel,.user-editor-pane .user-capabilities{border-top:0;padding-top:0}.user-editor-pane h4{font-size:17px;margin:0 0 10px}.user-review-next{display:block;margin:14px 0 0 auto;font-size:15px}.users-edit-dialog #users-status{flex:none;max-height:20dvh;overflow:auto;font-size:14px;padding:0 20px;line-height:1.6}
@media(max-width:550px){.users-toolbar{grid-template-columns:minmax(0,1fr)}.users-edit-dialog{width:100vw;border-radius:0;border:0}.users-dialog-header{padding:14px 12px;gap:8px}.users-dialog-header h2{font-size:18px}.users-dialog-header>button{font-size:13px;padding:8px}.users-dialog-body{padding:0 12px 16px}.user-editor-tabs{gap:4px}.user-editor-tabs button{font-size:14px;padding:10px 4px}.users-edit-dialog .user-identity-grid,.users-edit-dialog .user-channel-panel .user-fields-grid{grid-template-columns:minmax(0,1fr)}}

.users-result-dialog{width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:26px;border:1px solid #c5d9cd;border-radius:20px;background:white;color:#234737;box-shadow:0 18px 70px #153c2a33;overflow:auto}.users-result-dialog::backdrop{background:#183b2c77}.users-result-dialog h2{font-size:22px;line-height:1.5;margin:12px 0 8px}.users-result-dialog p{font-size:16px;line-height:1.7;margin:10px 0}.users-result-dialog #users-result-next{background:#f0f6f2;padding:12px 14px;border-radius:10px;font-size:15px}.users-result-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;font-size:28px;font-weight:700;background:#e2f3e8;color:#19764b}.users-result-dialog[data-kind=error] .users-result-icon{background:#fcebe7;color:#a64031}.users-result-dialog[data-kind=unknown] .users-result-icon{background:#fff2cf;color:#8b681d}.users-result-dialog>button{display:block;width:100%;min-height:48px;font-size:16px;margin-top:20px}.users-result-dialog[data-kind=error]>button{background:#a64031}.users-result-dialog[data-kind=unknown]>button{background:#89671d}@media(max-width:550px){.users-result-dialog{padding:20px}.users-result-dialog h2{font-size:20px}}

/* Employee photos use the existing self-service profile, with initials fallback. */
.users-account-identity{display:flex;align-items:center;gap:12px}.users-account-identity>div{min-width:0}.users-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;background:#e4f0e8;color:#285c41;font-size:20px;font-weight:700;overflow:hidden}.users-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.users-dialog-header .users-avatar{width:52px;height:52px}.users-dialog-header>div:not(.users-avatar-slot){flex:1;min-width:0}.users-dialog-header .users-avatar-slot{flex:none}.users-own-profile{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;min-height:44px;border:1px solid #bdd4c7;border-radius:10px;color:#1c6844;background:#eff7f2;text-decoration:none;font-size:14px}.users-own-profile:hover{background:#e1f1e7}.users-own-profile:focus-visible{outline:3px solid #85b7a0;outline-offset:3px}
@media(max-width:550px){.users-dialog-header .users-avatar{width:40px;height:40px}.users-dialog-header{gap:8px}.users-own-profile{width:100%}}

.users-top-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;margin-bottom:20px;background:#fff;border-bottom:1px solid #d7e5dc}.users-back-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:10px;background:#19764b;color:#fff!important;text-decoration:none;font-size:15px;font-weight:700;white-space:nowrap}.users-history-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.users-history-actions button{display:flex;align-items:center;gap:7px;min-height:44px;background:#f1f7f3;color:#255f42;border:1px solid #bfd4c6;padding:9px 12px;font-size:14px}.users-unread-badge{background:#b64343;color:white;padding:2px 7px;min-width:22px;border-radius:20px;font-size:12px}.users-unread-badge[hidden]{display:none}.users-history-dialog{width:min(720px,calc(100vw - 32px));max-height:85dvh;padding:0;border:1px solid #bdd2c5;border-radius:18px;color:#254b37;box-shadow:0 16px 60px #1c352e30}.users-history-dialog::backdrop{background:#18372e55}.users-history-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #dce8e0}.users-history-dialog h2{font-size:20px;margin:0}.users-history-dialog>header button{min-height:44px;background:#f2f7f4;color:#255f42;border:1px solid #c8dbce;padding:8px 16px}.users-history-body{overflow:auto;max-height:calc(85dvh - 90px);padding:18px 22px}.users-history-body p{padding:12px;background:#f5f9f6;border:1px solid #dfe9e2;border-radius:10px;line-height:1.7;font-size:14px;overflow-wrap:anywhere}.users-history-body>button{margin-top:12px;min-height:44px}.users-back-link:focus-visible,.users-history-actions button:focus-visible{outline:3px solid #85b7a0;outline-offset:3px}
@media(max-width:550px){.users-top-bar{flex-wrap:wrap;gap:10px;margin-bottom:16px}.users-history-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.users-history-actions button{justify-content:center;font-size:13px;padding:8px}.users-history-dialog>header,.users-history-body{padding:16px}.users-history-dialog h2{font-size:18px}}

@media(min-width:551px){.users-own-profile{grid-column:2;grid-row:2;font-size:13px;align-self:center}.users-result-count{grid-column:1;grid-row:2}}

.users-account-identity>div{flex:1}.users-account-identity>div>span:not(.user-role-badge){display:block;font-size:13px;font-weight:400;color:#61796b;margin:4px 0 7px}
@media(max-width:850px){.users-permission-matrix tbody th:first-child{width:100%;min-width:0;max-width:none}}

.user-team-group{min-width:0}.user-team-group>label{display:block}.user-team-group>label[hidden]{display:none}.user-team-group input:not([type=hidden]),.user-team-group select{width:100%}.user-team-group input[type=hidden]{display:none}