/* Scoped to Users; the application's other views and modal layering remain unchanged. */
#usersView [hidden],#userDrawer [hidden]{display:none!important}
#usersView .users-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px}
#usersView .users-toolbar>input{flex:1;min-width:200px;max-width:330px;height:38px}
#usersView .users-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#63738a;min-width:115px}
#usersView .users-toolbar select{height:38px;width:auto}
#usersView .users-toolbar>select{max-width:165px}
#usersView .users-head{margin-bottom:14px}
#usersView .users-table-wrap{max-height:none;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:10px}
#usersView .users-table{min-width:1720px;font-size:13px}
#usersView [data-wb-column=permissions]{min-width:150px}
.wb-permission-summary{display:flex;align-items:flex-start;flex-direction:column;gap:6px;font-size:13px}
.wb-permission-summary>span:not(.badge){color:#5b6c83}
.wb-permission-summary strong{font-weight:600;color:#263750}
.wb-permission-summary .wb-permission-warning{color:#9a5b13!important}
#userDrawer .wb-permission-time{font-size:12px;color:#738096;margin:0 0 22px}
.wb-permission-items{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}
.wb-permission-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 15px;font-size:13px}
.wb-permission-row+.wb-permission-row{border-top:1px solid #edf1f6}
.wb-permission-row .badge{flex:none}
.wb-permission-count{font-size:13px;color:#63738a}
.wb-permission-device select{max-width:100%;width:520px}
#usersView [data-wb-column=source]{min-width:140px}
#usersView .users-table td:not([data-wb-column]){min-width:105px}
#usersView [data-wb-column=device]{min-width:205px;max-width:255px}
#usersView [data-wb-column=experiment]{min-width:190px;max-width:240px}
.wb-environment-summary strong,.wb-experiment-summary strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-environment-summary>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-device-heading{display:flex;align-items:center;gap:7px}
.wb-device-heading>strong{min-width:0}
.wb-device-extra{flex:none}
button.wb-device-more{border:1px solid #d5e1f3;background:#edf3ff;color:#315d9d;border-radius:5px;padding:2px 6px;font-size:12px;line-height:1.4;box-shadow:none;min-height:0}
button.wb-device-more:focus-visible{outline:2px solid #245abd;outline-offset:2px}
.wb-device-popover{position:fixed;z-index:10050;width:315px;max-width:calc(100vw - 24px);max-height:min(560px,calc(100vh - 24px));overflow:auto;background:white;color:#263750;border:1px solid #dbe4f0;border-radius:9px;padding:4px 16px;box-shadow:0 8px 30px #1c335025;font-size:13px}
.wb-device-popover[hidden]{display:none}
.wb-device-popover article{padding:14px 0}
.wb-device-popover article+article{border-top:1px solid #e6ebf3}
.wb-device-popover article>strong{font-size:14px}
.wb-device-popover p{margin:6px 0;overflow-wrap:anywhere}
.wb-device-popover small{display:block;color:#768397;font-size:12px;line-height:1.6}
.wb-device-popover .wb-experiment-summary{margin-top:10px}
.wb-experiment-summary>div+div{margin-top:9px}
.wb-experiment-summary .badge{margin-top:4px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.wb-environment-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#userDrawer .wb-environment-overview h5{margin:0 0 9px;color:#768397;font-weight:400}
#userDrawer .wb-environment-overview .wb-environment-summary+h5{margin-top:16px}
.wb-environment-table table{width:100%;font-size:13px}
.wb-environment-table th,.wb-environment-table td{text-align:left;padding:12px 10px;vertical-align:top;overflow-wrap:anywhere;max-width:270px}
.wb-environment-table th{font-weight:400;color:#768397;background:#fafbfd}
.wb-environment-table td{border-bottom:1px solid #eef1f6}
.wb-environment-table strong{font-size:13px;font-weight:600}
.wb-environment-table .badge{white-space:normal;line-height:1.6}
#usersView .users-table td{padding:17px 15px;vertical-align:middle}
#usersView .users-table th{padding:12px 15px;font-size:12px;font-weight:500;color:#68798f;background:#fafbfd}
#usersView .users-table td:first-child,#usersView .users-table th:first-child{min-width:210px;max-width:285px}
#usersView .users-table tr[data-user-id]{cursor:pointer}
#usersView .users-table tr[data-user-id]:hover{background:#f7faff}
#usersView .users-table tr.selected{background:#eef4ff}
#usersView .users-table small,#userDrawer small{display:block;font-size:12px;font-weight:400;color:#768397;line-height:1.7}
.wb-person{display:flex;align-items:center;gap:11px;min-width:0}
.wb-person>div{min-width:0;overflow-wrap:anywhere}
.wb-avatar{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf0fb;color:#38629c;font-size:15px;font-weight:600}
.wb-quick{display:flex;gap:7px;margin:6px 0 20px;flex-wrap:wrap}
.wb-quick button,.wb-subtabs button{background:#f1f4f9;color:#63738a;border:1px solid transparent;box-shadow:none;padding:8px 15px;font-size:13px;border-radius:6px}
.wb-quick button[aria-pressed=true],.wb-subtabs button[aria-pressed=true]{color:#245abd;background:#edf3ff;border-color:#ccdcf6}
.wb-advanced{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;margin-top:18px;padding-top:20px;border-top:1px solid #e7ecf4}
.wb-advanced label{display:flex;flex-direction:column;font-size:12px;color:#63738a;gap:7px}
.wb-advanced input,.wb-advanced select{width:100%;height:37px;min-width:0}
.wb-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.wb-chips:empty{margin:0}
.wb-chips button{padding:5px 8px;border-radius:5px;border:1px solid #dbe5f7;background:#edf3ff;color:#355f9c;box-shadow:none;font-size:12px}
.wb-columns{font-size:12px;position:relative;padding:10px 0;cursor:pointer}
.wb-columns>div{position:absolute;right:0;top:35px;z-index:10;width:170px;background:white;border:1px solid #dbe5f7;padding:15px;box-shadow:0 8px 18px #1c335014}
.wb-columns label{flex-direction:row!important;align-items:center;padding:6px 0}
.wb-columns input{width:auto}
#usersSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:white;border:1px solid #e2e8f0;border-radius:9px;margin-bottom:18px}
.wb-metric{padding:18px 20px;min-width:0}
.wb-metric span{display:block;font-size:12px;color:#738096}
.wb-metric strong{display:block;font-size:23px;font-weight:600;color:#23324c;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}
.wb-metric+.wb-metric{border-left:1px solid #e8edf4}
.wb-metric small{margin-top:5px}
#userDrawer{width:min(970px,100vw);display:flex;flex-direction:column;padding:0;background:white;grid-template-rows:unset}
#userDrawer.hidden{display:none}
#userDrawer .drawer-head{padding:22px 27px 16px;flex:none;background:white;border-bottom:0}
#userDrawer .drawer-head h3{font-size:21px}
#userDrawer .drawer-head p{font-size:12px;margin-top:5px;overflow-wrap:anywhere}
#userDrawer .drawer-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 27px 36px;background:white}
.wb-tabs{display:flex;flex:none;gap:20px;padding:0 27px;border-bottom:1px solid #e1e7f0;overflow-x:auto;background:white}
.wb-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#6f7a8c;box-shadow:none;padding:8px 0 12px;min-height:44px;white-space:nowrap;font-size:13px}
.wb-tabs button[aria-selected=true]{color:#245abd;border-bottom-color:#245abd;font-weight:600}
.wb-tabs .wb-more{margin-left:auto;font-size:12px}
.wb-more-menu{position:relative;margin-left:auto;margin-right:12px;font-size:12px;color:#63738a;cursor:pointer}
.wb-more-menu button{position:absolute;right:0;top:26px;width:110px;z-index:1;background:white;color:#3b5b85;border:1px solid #dbe5f7;box-shadow:0 5px 20px #263d511a;padding:10px}
#userDrawer .user-section{display:block;border:0;border-bottom:1px solid #e6ebf3;border-radius:0;background:none;box-shadow:none;padding:0 0 24px;margin:0 0 25px}
#userDrawer .user-section>.badge{display:inline-block;align-self:start}
#userDrawer .user-section>p{font-size:13px;line-height:1.8;margin:12px 0}
#userDrawer .section-title-row{margin-bottom:14px}
#userDrawer .section-title-row h4{margin:0}
#userDrawer h4{font-size:15px;font-weight:600;margin:0 0 14px}
#userDrawer h5{font-size:13px;font-weight:600;margin:20px 0 10px}
#userDrawer .wb-pane>.user-section:last-child{border-bottom:0}
.wb-empty{padding:34px 20px;text-align:center;color:#7a879a;font-size:13px}
.wb-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e2e8f0;border-radius:8px;margin-bottom:18px}
.wb-metrics .wb-metric{padding:15px}
.wb-metrics .wb-metric strong{font-size:21px}
.wb-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}
.wb-chart{border:1px solid #e2e8f0;border-radius:8px;padding:16px;min-width:0}
.wb-chart>p{font-size:12px}
.wb-bars{display:flex;align-items:end;gap:7px;height:190px;padding-top:15px}
.wb-bars>div{flex:1;min-width:0;text-align:center;height:100%;display:flex;flex-direction:column}
.wb-bars>div>span{font-size:10px;line-height:15px;min-height:30px;color:#697b94}
.wb-bars>div>small{font-size:10px!important;white-space:nowrap;margin-top:5px}
.wb-track{flex:1;position:relative;border-bottom:1px solid #e7ebf2;min-height:0}
.wb-track i{position:absolute;bottom:0;width:75%;max-width:28px;left:50%;transform:translateX(-50%);border-radius:3px 3px 0 0;background:#a9c1ed;display:block}
.wb-chart:nth-child(2) .wb-track i{background:#4272c8}
.wb-track i.partial{background:repeating-linear-gradient(45deg,#bfd0ed 0,#bfd0ed 4px,#eaf0f9 4px,#eaf0f9 8px)!important}
.wb-days{margin-top:15px}
.wb-days>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #edf0f6;font-size:12px}
.wb-days strong{font-weight:500}
.wb-explanation{margin:15px 0 23px;border:1px solid #e5eaf2;border-radius:7px;padding:12px 14px;font-size:12px;color:#68798e}
.wb-explanation summary{cursor:pointer;color:#536982}
.wb-explanation p{line-height:1.9;margin:12px 0 0}
.wb-subtabs{display:flex;gap:8px;margin-bottom:22px}
.wb-device-bar{font-size:12px;color:#738096;margin:0 0 18px}
.wb-device-bar select{margin-left:10px;max-width:440px}
.wb-device{padding:15px 0;border-bottom:1px solid #e7ecf4;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}
.wb-device small{flex-basis:100%}
#userDrawer .wb-execution-filters{display:grid;gap:8px;margin:0 0 18px}
#userDrawer .wb-execution-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
#userDrawer .wb-execution-filters select{width:220px;max-width:100%;min-width:0;flex:0 1 220px}
#userDrawer .wb-execution-filters input[type=date]{width:168px;max-width:100%;min-width:0;flex:0 1 168px}
#userDrawer .wb-execution-filters button{width:auto;flex:none;white-space:nowrap}
.wb-execution{border:1px solid #e2e8f0;border-radius:8px;margin:12px 0;padding:14px 16px}
.wb-execution>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.wb-execution>summary>small{flex-basis:100%;color:#738096}
.wb-execution .wb-metrics{margin-top:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.wb-execution .wb-metrics section{display:grid;gap:6px;min-width:0}
.wb-execution .wb-metrics small{font-size:12px;color:#738096;overflow-wrap:anywhere}
.wb-execution pre{max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.wb-execution .wb-explanation{width:100%}
.wb-app-pagination{display:flex;gap:12px;align-items:center;justify-content:flex-end;font-size:12px;padding:13px 0}
.wb-app-pagination>span:first-child{margin-right:auto;color:#768397}
.wb-app-pagination button{font-size:12px;padding:5px 9px;background:white;color:#47668e;border:1px solid #d9e2f0;box-shadow:none}
.wb-app-dialog{padding:25px;width:min(800px,95vw);max-height:90vh;overflow:auto;border:1px solid #d9e2f0;border-radius:10px;color:#23324c;background:white}
.wb-app-dialog::backdrop{background:#17263e65}
.wb-editor-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.wb-editor-dialog{border:1px solid #dae2ef;border-radius:10px;padding:0;width:min(790px,calc(100vw - 24px));max-height:92dvh;overflow:hidden;background:white;color:#23324c}
.wb-editor-dialog[open]{display:flex;flex-direction:column}
.wb-editor-dialog form{display:flex;flex-direction:column;overflow:hidden;min-height:0;width:100%}
.wb-editor-dialog::backdrop{background:#17263e65}
.wb-editor-dialog header,.wb-editor-dialog footer{display:flex;align-items:center;gap:10px;flex:none;padding:18px 24px;border-bottom:1px solid #e4eaf2}
.wb-editor-dialog header>div{flex:1}.wb-editor-dialog header h3{margin:0;font-size:19px}.wb-editor-dialog header p{margin:7px 0 0;color:#738096;font-size:12px}
.wb-editor-dialog footer{border-bottom:0;border-top:1px solid #e4eaf2;justify-content:flex-end}.wb-editor-dialog footer>span{margin-right:auto;color:#738096;font-size:12px}
.wb-editor-body{overflow:auto;min-height:0;padding:20px 24px}
.wb-editor-dialog [hidden]{display:none!important}
.wb-editor-dialog button[type=button]:not(.danger){background:#fff;color:#466285;border:1px solid #d7e1ef;box-shadow:none}
.wb-editor-dialog button{white-space:nowrap}
.wb-editor-dialog label:not(.wb-check){display:flex;flex-direction:column;gap:6px;margin-bottom:15px;font-size:13px}
.wb-editor-dialog fieldset{border:1px solid #dce5f0;border-radius:7px;padding:14px 16px;margin:0 0 20px;min-width:0}
.wb-editor-dialog fieldset:disabled{opacity:.5}.wb-editor-dialog legend{font-size:13px;font-weight:600;padding:0 5px}
.wb-editor-dialog input,.wb-editor-dialog select,.wb-editor-dialog textarea{max-width:100%;font:inherit}
.wb-editor-dialog textarea{min-height:65px}.wb-editor-dialog small{color:#788699;font-size:12px;display:block;line-height:1.7}
.wb-editor-dialog .wb-check{display:flex;gap:9px;align-items:center;margin-bottom:12px;font-size:13px;cursor:pointer}
.wb-editor-dialog input[type=checkbox]{width:16px;height:16px;flex:none}
.wb-editor-dialog .wb-number{flex-direction:row;align-items:center}.wb-number input{width:100px}
.wb-window{display:flex;align-items:center;gap:9px;margin-bottom:10px;flex-wrap:wrap}.wb-window input[type=time]{width:135px}
.wb-editor-dialog [data-add-window]{margin-bottom:10px}
.wb-editor-dialog [data-custom-days]{display:flex;gap:10px;flex-wrap:wrap}
.wb-picker-list{max-height:210px;overflow:auto;border:1px solid #e6ebf4;border-radius:6px;padding:10px;margin:10px 0}
.wb-manual-target{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.wb-manual-target input{max-width:240px}
.wb-preview-rule{padding:12px 0;border-bottom:1px solid #e5ebf4;font-size:13px}.wb-preview-rule p{line-height:1.9;margin:8px 0}
.wb-save-notice{padding:12px 14px;border:1px solid #cfe0f5;background:#f0f6ff;border-radius:6px;color:#456897;font-size:13px}
.wb-answer-list{font-size:13px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wb-answer-list dt{color:#738096;margin-bottom:5px}.wb-answer-list dd{margin:0}
@media(max-width:1100px){.wb-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}#usersView .users-toolbar>input{max-width:none}}
@media(max-width:650px){.wb-charts{grid-template-columns:1fr}.wb-metrics{grid-template-columns:1fr}.wb-metric+.wb-metric{border-left:0;border-top:1px solid #e8edf4}#usersSummary{grid-template-columns:1fr 1fr}.wb-advanced{grid-template-columns:1fr}#userDrawer .drawer-head{padding:16px}.wb-tabs{padding:0 16px;gap:18px}#userDrawer .drawer-body{padding:20px 16px}.wb-device-bar select{max-width:100%;margin:6px 0 0}.wb-answer-list{grid-template-columns:1fr}}