.tenant-extra-access{display:block;color:#1667cf;font-size:11px;font-weight:700;margin-top:5px}
.tenant-modules-modal>form{width:min(920px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 32px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;padding:0}
.tenant-modules-modal>form>header{padding:24px 28px 20px}.tenant-modules-modal>form>header h3{font-size:24px;margin:3px 0 5px}.tenant-modules-modal>form>header p{max-width:680px;margin:0;color:#66758c;font-size:14px;line-height:1.5}.tenant-modules-modal>form>header button{width:42px;height:42px;display:grid;place-items:center}.tenant-modules-modal>form>header button svg{width:19px;height:19px}
.tenant-modules-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 28px 12px;border-top:1px solid #e4eaf2}.tenant-modules-toolbar label{height:44px;display:flex;align-items:center;gap:10px;border:1px solid #d8e0ea;border-radius:10px;padding:0 13px;background:#fff}.tenant-modules-toolbar label:focus-within{border-color:#1970df;box-shadow:0 0 0 3px rgba(25,112,223,.1)}.tenant-modules-toolbar svg{width:17px;color:#718096}.tenant-modules-toolbar input{border:0!important;box-shadow:none!important;padding:0!important;width:100%;font-size:14px}.tenant-modules-toolbar>span{font-size:12px;font-weight:750;color:#155fc0;background:#edf5ff;border-radius:999px;padding:7px 11px;white-space:nowrap}
.tenant-modules-legend{display:flex;gap:20px;padding:2px 28px 14px;color:#718096;font-size:11px;font-weight:650}.tenant-modules-legend span{display:flex;align-items:center;gap:7px}.tenant-modules-legend i{width:9px;height:9px;border-radius:50%;background:#dce5ef}.tenant-modules-legend i.plan{background:#98a6ba}.tenant-modules-legend i.extra{background:#1d70dd}
.tenant-modules-list{overflow:auto;padding:0 28px 22px;scrollbar-gutter:stable}.tenant-modules-list section{border-top:1px solid #e5eaf1;padding:18px 0 4px}.tenant-modules-list section:first-child{border-top:0}.tenant-modules-list h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#283850;font-size:12px;text-transform:uppercase;letter-spacing:.07em}.tenant-modules-list h4 small{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#edf1f6;color:#65748a;font-size:10px}.tenant-modules-list section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tenant-modules-list label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;padding:11px 13px;border:1px solid #dce4ed;border-radius:11px;background:#fff;cursor:pointer}.tenant-modules-list label:hover{border-color:#aacaf1;background:#fbfdff}.tenant-modules-list label.included{background:#f7f9fc;cursor:default}.tenant-modules-list input{width:17px;height:17px;accent-color:#176bd4}.tenant-modules-list label>span{min-width:0}.tenant-modules-list b,.tenant-modules-list small{display:block}.tenant-modules-list b{color:#172943;font-size:13px}.tenant-modules-list small{color:#78869a;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.tenant-modules-list em{font-style:normal;font-size:10px;font-weight:750;color:#61718a;background:#edf1f6;border-radius:999px;padding:5px 8px}.tenant-modules-list input[data-extra-permission]:checked~em{color:#125dbb;background:#e8f2ff}
.tenant-modules-modal footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:16px 28px!important;border-top:1px solid #dfe6ee;background:#fff}.tenant-modules-modal footer>span{color:#718096;font-size:11px;line-height:1.35}.tenant-modules-modal footer button{height:42px!important;white-space:nowrap}.tenant-modules-modal footer button[type=submit]{display:flex;align-items:center;gap:8px}.tenant-modules-modal footer svg{width:17px;height:17px}
@media(max-width:720px){.tenant-modules-modal>form{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.tenant-modules-modal>form>header,.tenant-modules-toolbar,.tenant-modules-legend,.tenant-modules-list{padding-left:18px;padding-right:18px}.tenant-modules-list section>div{grid-template-columns:1fr}.tenant-modules-toolbar{grid-template-columns:1fr}.tenant-modules-toolbar>span{justify-self:start}.tenant-modules-modal footer{grid-template-columns:1fr 1fr;padding:14px 18px!important}.tenant-modules-modal footer>span{grid-column:1/-1}.tenant-modules-modal footer button{width:100%}}