#page-users{--blue:#2877f5;--blue-dark:#155dcf;--blue-soft:#eef5ff;--ink:#252b37;--muted:#808897;--border:#e5e9f0;--bg:#f5f6f9;--green:#239578;--radius:14px;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);font-size:14px;font-weight:400;font-synthesis:none}
#page-users *{box-sizing:border-box}
#page-users{margin:0;background:var(--bg)}
#page-users button,#page-users input,#page-users select{font:inherit}
#page-users button{cursor:pointer}
#page-users button,#page-users a,#page-users input,#page-users select,#page-users summary{-webkit-tap-highlight-color:transparent}
#page-users button{color:inherit}
#page-users button:disabled{cursor:default;opacity:.32}
#page-users button:focus-visible,#page-users a:focus-visible,#page-users summary:focus-visible{outline:3px solid #93bbff;outline-offset:3px}
#page-users button{border:0;background:none}
#page-users a{color:inherit;text-decoration:none}
#page-users input,#page-users select{min-width:0}
#page-users button,#page-users .staff-summary,#page-users summary{touch-action:manipulation}
#page-users .icon{width:19px;height:19px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}
#page-users .icon svg{display:block;width:100%;height:100%}
#page-users .icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:8px}
#page-users .icon-button:hover{background:var(--blue-soft)}
#page-users [hidden]{display:none!important}
#page-users .sidebar{position:fixed;inset:0 auto 0 0;width:224px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border);padding:26px 12px 0;z-index:20}
#page-users .brand{font-size:21px;font-weight:750;letter-spacing:-.6px;padding:0 10px}
#page-users .brand span{color:var(--blue)}
#page-users .signed-in{display:flex;align-items:center;gap:10px;padding:22px 10px 20px;border-bottom:1px solid #f0f2f5}
#page-users .signed-in strong{display:block;font-size:13px}
#page-users .signed-in small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
#page-users .online-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#36b780}
#page-users nav{overflow:auto;padding:2px 0 18px;scrollbar-width:thin}
#page-users .nav-label{font-size:11px;color:#8b929d;padding:18px 12px 7px;letter-spacing:1px}
#page-users .nav-item{display:flex;align-items:center;gap:11px;border-radius:8px;padding:10px 12px;margin:2px 0;min-height:40px;font-size:13px}
#page-users .nav-item .icon{width:18px;height:18px;color:#6d7480}
#page-users .nav-item.active{background:var(--blue);color:#fff;font-weight:600}
#page-users .nav-item.active .icon{color:#fff}
#page-users .nav-item:hover:not(.active){background:#f4f6fa}
#page-users .sidebar-footer{margin-top:auto;padding:16px 10px;display:flex;gap:8px;font-size:11px;color:var(--muted);border-top:1px solid var(--border);align-items:center}
#page-users .sidebar-footer .icon{width:15px;height:15px}
#page-users .mobile-header{display:none}
#page-users main{margin-left:224px;padding:27px 38px 24px;max-width:1550px}
#page-users .preview-note{display:flex;justify-content:flex-end;align-items:center;gap:6px;color:#8b92a0;font-size:11px;height:14px;margin-bottom:13px}
#page-users .preview-note>span{width:5px;height:5px;background:#a3afc2;border-radius:50%}
#page-users .page-header{margin-bottom:22px}
#page-users .eyebrow{font-size:11px;letter-spacing:.8px;color:var(--muted);margin-bottom:8px}
#page-users h1{display:flex;align-items:center;gap:14px;font-size:29px;letter-spacing:-1px;line-height:1.3;margin:0;font-weight:700}
#page-users .manager-only{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;letter-spacing:0;border:1px solid #dee5ef;background:#edf1f7;padding:5px 8px;border-radius:5px;color:#758295}
#page-users .manager-only .icon{width:12px;height:12px}
#page-users .page-header p{color:#7d8592;font-size:13px;margin:9px 0 0;line-height:1.6}
#page-users .security-panel{border:1px solid var(--border);border-radius:10px;background:#fff;margin-bottom:24px;overflow:hidden}
#page-users summary{list-style:none;cursor:pointer}
#page-users summary::-webkit-details-marker{display:none}
#page-users .security-panel>summary{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:48px}
#page-users .security-title{display:flex;align-items:center;gap:9px;font-weight:600;font-size:13px}
#page-users .security-title .icon{color:#7186a2;width:17px;height:17px}
#page-users .security-status{color:var(--muted);font-size:11px;margin-left:auto}
#page-users .chevron{width:14px;height:14px;transition:transform .16s;color:#8b95a5}
#page-users details[open]>summary .chevron{transform:rotate(180deg)}
#page-users .security-body{padding:18px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}
#page-users .security-body strong{font-size:13px}
#page-users .security-body p{margin:5px 0 0;color:var(--muted);font-size:12px}
#page-users .security-notice{display:flex;align-items:center;gap:8px;grid-column:1/-1;font-size:12px;color:var(--muted)}
#page-users .toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
#page-users .team-heading{display:flex;align-items:center;gap:12px;white-space:nowrap}
#page-users h2{margin:0;font-size:17px;font-weight:650;display:flex;gap:8px;align-items:center}
#page-users h2>span{font-size:12px;background:#e7ebf1;color:#6b7688;min-width:24px;line-height:24px;text-align:center;border-radius:6px;font-weight:600}
#page-users .active-count{color:var(--muted);font-size:12px}
#page-users .toolbar-actions{display:flex;align-items:center;gap:9px}
#page-users .search{height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;background:white;border:1px solid var(--border);border-radius:8px}
#page-users .search .icon{width:16px;height:16px;color:#8f99a9}
#page-users .search input{border:0;background:none;outline:none;width:142px;font-size:12px;color:var(--ink);padding:0}
#page-users .search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2877f510}
#page-users input::placeholder{color:#9aa2af}
#page-users .primary,#page-users .secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border-radius:8px;font-size:12px;font-weight:550;white-space:nowrap}
#page-users .secondary{background:#fff;border:1px solid #dce3ee}
#page-users .secondary:hover{background:#f8faff;border-color:#bdcfea}
#page-users .primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}
#page-users .primary:hover{background:var(--blue-dark)}
#page-users .secondary .icon{width:16px;height:16px}
#page-users .list-hint{display:flex;justify-content:space-between;padding:0 62px 9px 23px;font-size:11px;color:#9099a7}
#page-users .staff-list{display:flex;flex-direction:column;gap:8px}
#page-users .staff-card{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden;transition:border-color .16s,box-shadow .16s}
#page-users .staff-card.expanded{border-color:#b6d0f6;box-shadow:0 3px 12px #263e6807}
#page-users .staff-heading{display:flex;align-items:center;position:relative}
#page-users .staff-summary{flex:1;min-width:0;width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 18px;height:66px}
#page-users .staff-summary:hover{background:#fafcff}
#page-users .staff-card.expanded .staff-summary{background:#f7faff;border-bottom:1px solid #e3ecf9}
#page-users .avatar{display:grid;place-items:center;flex-shrink:0;height:36px;width:36px;border-radius:11px;background:#ecf0f7;color:#73829a;font-size:15px;font-weight:600}
#page-users .avatar.manager{color:#4372b6;background:#e7effd}
#page-users .avatar.deputy{color:#7970ab;background:#f0ecf8}
#page-users .avatar.small{width:30px;height:30px;border-radius:9px;font-size:12px}
#page-users .staff-name-block{flex:1;min-width:0}
#page-users .staff-name-line{display:flex;gap:8px;align-items:center}
#page-users .staff-name{font-size:14px;font-weight:600}
#page-users .role-tag{color:#7e8797;font-size:10px;font-weight:400;background:#f1f3f7;border-radius:4px;padding:3px 6px}
#page-users .role-tag.manager{background:#edf3ff;color:#547bb9}
#page-users .role-tag.deputy{background:#f2effb;color:#8174ad}
#page-users .me-label{font-size:11px;color:#919aad;font-weight:400}
#page-users .staff-subtitle{display:flex;align-items:center;gap:7px;font-size:10px;color:#929ba9;margin-top:4px}
#page-users .status-dot{width:5px;height:5px;background:#30a07d;border-radius:50%}
#page-users .staff-card.inactive .status-dot{background:#a5abb5}
#page-users .staff-card.inactive .avatar{background:#f1f2f5;color:#a5aab5}
#page-users .staff-card.inactive .staff-name{color:#858b96}
#page-users .staff-meta{display:flex;align-items:center;gap:20px}
#page-users .feature-count{font-size:12px;color:#828d9e;white-space:nowrap}
#page-users .feature-count b{font-weight:600;color:#52677f}
#page-users .feature-count small{font-size:10px;color:#9ba5b3;padding-left:6px}
#page-users .staff-summary .chevron{width:16px;height:16px}
#page-users .staff-card.expanded .staff-summary .chevron{transform:rotate(180deg);color:var(--blue)}
#page-users .staff-settings{padding:17px 22px 0}
#page-users .settings-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
#page-users .settings-title strong{font-weight:650;font-size:13px}
#page-users .settings-title>span{color:#8994a5;font-size:11px}
#page-users .feature-groups{display:grid;grid-template-columns:1fr 1fr;gap:34px}
#page-users .feature-group-title{display:flex;align-items:center;gap:7px;font-size:11px;color:#7f8da0;font-weight:550;margin:0 0 6px;letter-spacing:.3px}
#page-users .feature-group-title .icon{height:14px;width:14px}
#page-users .feature-row{min-height:42px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f2f6;cursor:pointer}
#page-users .feature-row:last-child{border-bottom:0}
#page-users .feature-number{font-size:10px;font-variant-numeric:tabular-nums;color:#a1aab7;width:18px;flex-shrink:0}
#page-users .feature-name{flex:1;min-width:0;font-size:13px}
#page-users .feature-name small{font-size:10px;color:#98a0ae}
#page-users .switch-control{position:relative;display:flex;align-items:center;gap:7px;min-height:40px}
#page-users .switch-word{font-size:10px;color:#9da7b4;min-width:20px}
#page-users .switch-control input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer;z-index:1}
#page-users .switch-track{width:33px;height:20px;background:#d2d9e3;border-radius:20px;position:relative;transition:background .15s}
#page-users .switch-track:after{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;background:white;border-radius:50%;box-shadow:0 1px 2px #30476b25;transition:transform .15s}
#page-users .switch-control input:checked~.switch-track{background:var(--blue)}
#page-users .switch-control input:checked~.switch-track:after{transform:translateX(13px)}
#page-users .switch-control input:checked~.switch-word{color:var(--blue)}
#page-users .switch-control input:focus-visible~.switch-track{outline:3px solid #aac9ff;outline-offset:3px}
#page-users .announcement-row{display:flex;align-items:center;gap:10px;font-size:12px;color:#68788e;border-radius:7px;background:#f5f8fc;padding:10px 12px;margin-top:8px;min-height:40px}
#page-users .announcement-row .icon{width:15px;height:15px}
#page-users .announcement-row .always-open{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:10px;color:#7891a4}
#page-users .always-open .icon{width:12px;height:12px}
#page-users .shared-note{color:#8590a2;font-size:10px;line-height:1.75;margin:9px 0 0}
#page-users .account-details{margin:14px -22px 0;border-top:1px solid var(--border);background:#fcfcfd}
#page-users .account-details>summary{padding:13px 22px;display:flex;align-items:center;gap:8px;font-size:12px;min-height:46px}
#page-users .account-details>summary>.icon:not(.chevron){width:15px;height:15px;color:#8995a9}
#page-users .account-details>summary small{font-size:10px;color:#929bac;margin-left:auto}
#page-users .account-body{padding:2px 22px 18px}
#page-users .account-top{display:grid;grid-template-columns:1fr 180px;gap:18px;margin:6px 0 12px}
#page-users .field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#8792a3}
#page-users .field input,#page-users .field select{height:38px;border:1px solid var(--border);border-radius:7px;background:white;padding:0 10px;color:var(--ink);font-size:12px}
#page-users .email-text{grid-column:1/-1;color:#8c95a3;font-size:11px;margin:0}
#page-users .account-switches{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;border-top:1px solid var(--border);padding:7px 0}
#page-users .account-switches .feature-row{border:0}
#page-users .account-switches .feature-name{font-size:12px}
#page-users .account-switches .feature-name small{display:block;font-size:9px;margin-top:3px;line-height:1.4}
#page-users .account-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border);padding-top:13px}
#page-users .account-actions button{font-size:11px;padding:7px 10px;min-height:32px}
#page-users .account-actions .danger{margin-left:auto;color:#bd6871;border-color:#ecdadf}
#page-users .login-note{font-size:10px;color:#909cad;margin:0 0 10px}
#page-users .list-footer{display:flex;align-items:center;gap:6px;color:#8b95a5;font-size:11px;margin:14px 4px}
#page-users .list-footer .icon{width:13px;height:13px}
#page-users .pending-panel{border:1px solid var(--border);border-radius:10px;margin-top:21px;background:#fff}
#page-users .pending-panel summary{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-size:12px;color:#7c8798}
#page-users .pending-panel b{margin-left:7px;font-weight:500;color:#a3acb8}
#page-users .pending-panel p{padding:0 16px 12px;font-size:12px;color:var(--muted)}
#page-users .preview-footer{font-size:10px;color:#a4adba;margin-top:18px;text-align:center}
#page-users .empty-state{padding:40px;background:white;text-align:center;border-radius:10px;color:var(--muted)}
#page-users .sort-banner{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:1px solid #bbd4fb;border-radius:10px;background:#eef5ff;margin-bottom:12px;gap:12px}
#page-users .sort-banner strong{display:block;font-size:13px;color:#446eab}
#page-users .sort-banner span{display:block;font-size:11px;color:#7d92b1;margin-top:5px}
#page-users .sort-actions{display:flex;gap:7px}
#page-users .drag-handle{width:42px;min-height:52px;cursor:grab;touch-action:none;display:grid;place-items:center;color:#99a4b4;flex-shrink:0}
#page-users .drag-handle:active{cursor:grabbing}
#page-users .drag-handle .icon{width:17px;height:17px}
#page-users .is-sorting .staff-summary{padding-left:0;cursor:default;pointer-events:none;opacity:1}
#page-users .order-controls{display:flex;gap:4px;padding:0 14px 0 7px}
#page-users .order-controls button{border:1px solid var(--border);border-radius:7px;width:32px;height:32px;display:grid;place-items:center;background:#fff}
#page-users .order-controls button:not(:disabled):hover{border-color:#a9c8f6;background:#f1f7ff}
#page-users .order-controls .icon{width:15px;height:15px}
#page-users .sort-position{color:#a4afbe;font-size:11px;font-variant-numeric:tabular-nums;width:17px}
#page-users .staff-card.dragging{opacity:.45}
#page-users .staff-card.drop-before{border-top:3px solid var(--blue)}
#page-users .staff-card.drop-after{border-bottom:3px solid var(--blue)}
#page-users .is-sorting .feature-count{display:none}
#page-users .is-sorting .staff-card{user-select:none}
#page-users .toast{position:fixed;left:calc(50% + 100px);bottom:24px;transform:translateX(-50%) translateY(20px);background:#29394e;color:white;padding:12px 20px;font-size:12px;border-radius:10px;opacity:0;pointer-events:none;z-index:60;transition:.2s;box-shadow:0 4px 18px #21374d18;white-space:nowrap}
#page-users .toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1600px){#page-users main{margin-right:auto;margin-left:calc(224px + (100vw - 1600px)/2)}
}
@media(max-width:1100px){#page-users .sidebar{width:200px}
#page-users main{margin-left:200px;padding:25px}
#page-users .nav-item{font-size:12px;gap:9px;padding-left:10px}
#page-users .brand{font-size:20px}
#page-users .feature-groups{gap:24px}
#page-users .active-count{display:none}
#page-users .search input{width:115px}
#page-users .staff-settings{padding-left:18px;padding-right:18px}
#page-users .account-details{margin-left:-18px;margin-right:-18px}
#page-users .feature-name{font-size:12px}
#page-users .settings-title>span{font-size:10px}
}
@media(max-width:760px){#page-users .sidebar{display:none}
#page-users .sidebar.mobile-open{display:flex;top:57px;width:240px;box-shadow:10px 0 60px #14263c25}
#page-users .mobile-header{height:57px;position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:25}
#page-users .mobile-header .brand{font-size:17px;padding:0}
#page-users .mobile-header .icon-button{margin-left:-8px}
#page-users .mobile-header>.avatar{width:28px;height:28px}
#page-users main{margin:0;padding:16px;max-width:none}
#page-users .preview-note{display:none}
#page-users .eyebrow{display:none}
#page-users .page-header{margin-bottom:17px}
#page-users h1{font-size:24px;gap:10px}
#page-users .manager-only{font-size:9px;gap:4px;padding:4px 6px}
#page-users .manager-only .icon{width:10px;height:10px}
#page-users .page-header p{font-size:11px;margin-top:7px}
#page-users .security-panel{margin-bottom:20px}
#page-users .security-panel>summary{min-height:46px;padding:10px 13px;gap:8px}
#page-users .security-title{font-size:12px;gap:7px}
#page-users .security-status{font-size:9px}
#page-users .security-body{padding:14px}
#page-users .security-notice{line-height:1.6}
#page-users .toolbar{flex-wrap:wrap;gap:12px;margin-bottom:12px}
#page-users .team-heading{width:100%;justify-content:space-between}
#page-users h2{font-size:16px;gap:7px}
#page-users h2>span{line-height:22px;min-width:22px;font-size:11px}
#page-users .active-count{display:inline;font-size:10px}
#page-users .toolbar-actions{width:100%;gap:8px}
#page-users .search{flex:1;min-width:0;height:39px}
#page-users .search input{width:100%;font-size:12px}
#page-users .secondary,#page-users .primary{min-height:39px;padding:9px 12px;font-size:11px}
#page-users .list-hint{padding:0 41px 8px 15px;font-size:10px}
#page-users .staff-list{gap:7px}
#page-users .staff-summary{padding:12px;height:67px;gap:10px}
#page-users .avatar{height:33px;width:33px;border-radius:10px;font-size:13px}
#page-users .staff-name-line{gap:5px}
#page-users .staff-name{font-size:14px}
#page-users .role-tag{font-size:9px;padding:3px 5px}
#page-users .me-label{font-size:9px}
#page-users .staff-subtitle{font-size:10px;margin-top:5px}
#page-users .staff-meta{gap:12px}
#page-users .feature-count{font-size:11px}
#page-users .feature-count small{display:none}
#page-users .staff-summary .chevron{width:13px;height:13px}
#page-users .staff-settings{padding:14px 15px 0}
#page-users .settings-title{margin-bottom:14px;align-items:center}
#page-users .settings-title strong{font-size:13px}
#page-users .settings-title>span{font-size:9px}
#page-users .feature-groups{grid-template-columns:1fr;gap:17px}
#page-users .feature-group-title{font-size:10px;margin-bottom:4px;color:#8090a5}
#page-users .feature-group-title .icon{width:13px;height:13px}
#page-users .feature-row{min-height:43px;gap:9px}
#page-users .feature-name{font-size:14px}
#page-users .feature-number{font-size:10px}
#page-users .switch-control{gap:9px;min-height:43px}
#page-users .switch-track{width:34px;height:21px}
#page-users .switch-track:after{width:17px;height:17px}
#page-users .switch-control input:checked~.switch-track:after{transform:translateX(13px)}
#page-users .switch-word{font-size:9px}
#page-users .announcement-row{font-size:11px;padding:10px;margin-top:7px}
#page-users .shared-note{font-size:9px;line-height:1.7;margin-top:8px}
#page-users .account-details{margin:14px -15px 0}
#page-users .account-details>summary{padding:13px 15px;font-size:11px;min-height:46px;gap:7px}
#page-users .account-details>summary small{font-size:9px}
#page-users .account-body{padding:3px 15px 15px}
#page-users .account-top{grid-template-columns:1fr 100px;gap:12px}
#page-users .account-switches{grid-template-columns:1fr;gap:0}
#page-users .account-switches .feature-row{border-bottom:1px solid #eef1f5;min-height:45px}
#page-users .account-actions{gap:7px}
#page-users .account-actions .danger{margin-left:0}
#page-users .list-footer{font-size:9px;margin:13px 1px;align-items:flex-start;line-height:1.7}
#page-users .list-footer .icon{margin-top:2px;width:12px;height:12px}
#page-users .pending-panel{margin-top:16px}
#page-users .pending-panel summary{padding:13px;font-size:11px}
#page-users .preview-footer{font-size:9px;margin-top:17px;line-height:1.7}
#page-users .toast{left:50%;max-width:92vw;font-size:11px;white-space:normal;width:max-content}
#page-users .sort-banner{padding:12px;flex-wrap:wrap;gap:11px}
#page-users .sort-banner strong{font-size:12px}
#page-users .sort-banner span{font-size:10px}
#page-users .sort-actions{margin-left:auto}
#page-users .sort-actions button{padding:7px 10px;font-size:10px;min-height:34px}
#page-users .drag-handle{width:30px}
#page-users .drag-handle .icon{width:16px;height:16px}
#page-users .is-sorting .staff-summary{gap:7px;padding-right:0}
#page-users .sort-position{font-size:10px;width:13px}
#page-users .is-sorting .avatar{width:29px;height:29px;font-size:12px}
#page-users .is-sorting .staff-name{font-size:13px}
#page-users .is-sorting .role-tag{font-size:8px;padding:2px 4px}
#page-users .order-controls{padding:0 9px 0 4px;gap:5px}
#page-users .order-controls button{width:34px;height:36px}
#page-users .is-sorting .me-label{display:none}
}
@media(prefers-reduced-motion:reduce){#page-users *,#page-users *:before,#page-users *:after{transition:none!important;scroll-behavior:auto!important}
}


#page-users #user-list{padding:0;max-width:1100px;display:block}
#page-users .page-header{margin-bottom:22px;padding:0;display:flex}
#page-users .page-title{font-size:29px;display:flex;align-items:center;gap:12px;letter-spacing:-.6px;color:var(--ink);line-height:1.4}
#page-users .page-subtitle{font-size:13px;margin-top:7px;color:var(--muted);line-height:1.6}
#page-users .um-version{font-size:11px;font-weight:400;color:#98a1af;letter-spacing:0}
#page-users .um-root{max-width:1100px}
#page-users .um-security-body{border-top:1px solid var(--border);padding:15px}
#page-users .um-security-body .ls-panel{margin-bottom:10px}
#page-users .um-security-body .ls-panel:last-child{margin-bottom:0}
#page-users .um-warning{color:#a3702f!important}
#page-users .um-duplicate-note{padding:10px 20px;color:#9d6f2a;background:#fffcf3;font-size:12px;overflow-wrap:anywhere}
#page-users .um-error{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff8ef;color:#966826;border:1px solid #f0dec2;border-radius:8px;padding:12px;margin:12px 0;font-size:12px;line-height:1.6}
#page-users .staff-name{overflow-wrap:anywhere}
#page-users .um-name-edit{display:flex;gap:8px;align-items:center;min-height:38px;color:var(--ink);font-size:13px}
#page-users .um-name-edit .secondary{min-height:30px;padding:4px 9px;font-size:11px}
#page-users .um-role-fixed{min-height:38px;display:flex;align-items:center;color:var(--ink);font-size:13px}
#page-users .email-text{overflow-wrap:anywhere}
#page-users .um-pending-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-top:1px solid var(--border)}
#page-users .um-pending-row strong{font-size:13px}
#page-users .um-pending-row p{margin:5px 0;color:var(--muted);font-size:11px;padding:0;overflow-wrap:anywhere}
#page-users .um-pending-row>div:last-child{display:flex;gap:8px;flex-shrink:0}
#page-users .staff-list{touch-action:pan-y}
#page-users .drag-handle{touch-action:none}
#page-users .is-sorting .staff-summary:disabled{opacity:1}
#page-users .staff-summary:focus:not(:focus-visible){outline:none}
@media(max-width:760px){
 #page-users .page-title{font-size:24px;gap:9px}#page-users .page-subtitle{font-size:12px}
 #page-users .staff-name{font-size:14px}#page-users .feature-name{font-size:14px}
 #page-users .um-pending-row{flex-wrap:wrap}#page-users .um-pending-row>div:last-child{margin-left:auto}
 #page-users .account-switches .feature-name{font-size:13px}
 #page-users .um-security-body{padding:10px}#page-users .security-status{max-width:54%;text-align:right;line-height:1.5}
 #page-users .staff-name-line{flex-wrap:wrap}#page-users .staff-summary{height:auto;min-height:67px}
}