.tenant-extra-access{display:block;margin-top:5px;color:#1667cf;font-size:11px;font-weight:700}
.tenant-modules-modal{padding:18px;background:rgba(15,29,49,.58);backdrop-filter:blur(4px)}
.tenant-modules-modal>form{width:min(1040px,100%);height:min(820px,calc(100dvh - 36px));max-height:calc(100dvh - 36px);display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;overflow:hidden;padding:0;border:1px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 28px 80px rgba(15,35,65,.24)}
.tenant-modules-modal>form>header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:18px;padding:22px 26px 18px;border-bottom:1px solid #e3e9f1;background:#fff}.tenant-modules-modal>form>header small{color:#176bd4;font-size:11px;font-weight:800;letter-spacing:.08em}.tenant-modules-modal>form>header h3{margin:3px 0 5px;color:#14243b;font-size:22px;line-height:1.2}.tenant-modules-modal>form>header p{max-width:780px;margin:0;color:#66758c;font-size:13px;line-height:1.5}.tenant-modules-modal>form>header p b{color:#344a68}.tenant-modules-modal>form>header button{width:40px!important;min-width:40px!important;height:40px!important;display:grid!important;place-items:center;padding:0!important;border:1px solid #dce4ee!important;border-radius:10px!important;background:#f7f9fc!important;color:#253b59!important}.tenant-modules-modal>form>header button:hover{border-color:#b7c8dc!important;background:#eef4fb!important}.tenant-modules-modal>form>header button svg{width:18px;height:18px}
.tenant-modules-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 26px 10px}.tenant-modules-toolbar label{box-sizing:border-box;min-width:0;height:42px;display:flex;align-items:center;gap:10px;overflow:hidden;padding:0 13px;border:1px solid #ccd8e7;border-radius:10px;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;flex:0 0 17px;color:#718096}.tenant-modules-toolbar input{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;line-height:40px!important;appearance:none}.tenant-modules-toolbar>span{padding:7px 11px;border-radius:999px;background:#edf5ff;color:#155fc0;font-size:11px;font-weight:800;white-space:nowrap}
.tenant-modules-legend{display:flex;gap:20px;padding:1px 26px 12px;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-columns{display:grid;grid-template-columns:56px minmax(180px,.8fr) minmax(260px,1.4fr) 94px;gap:14px;align-items:center;margin:0 26px;padding:9px 12px;border:1px solid #dfe6ef;border-radius:9px 9px 0 0;background:#f5f8fc;color:#5c6f89;font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.tenant-modules-columns span:last-child{text-align:center}
.tenant-modules-list{overflow:auto;padding:0 26px 18px;scrollbar-gutter:stable}.tenant-modules-list section{padding:14px 0 2px;border-bottom:1px solid #e5eaf1}.tenant-modules-list section:last-child{border-bottom:0}.tenant-modules-list h4{display:flex;align-items:center;gap:8px;margin:0 0 7px;color:#283850;font-size:11px;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;gap:4px}.tenant-modules-list label{display:grid;grid-template-columns:56px minmax(180px,.8fr) minmax(260px,1.4fr) 94px;align-items:center;gap:14px;min-height:52px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:#fff;cursor:pointer}.tenant-modules-list label:hover{border-color:#bfd5ef;background:#f8fbff}.tenant-modules-list label.included{background:#f6f8fb;cursor:default}.tenant-modules-list input{justify-self:center;width:17px;height:17px;accent-color:#176bd4}.tenant-modules-list .tenant-module-name{min-width:0}.tenant-modules-list b,.tenant-modules-list code{display:block}.tenant-modules-list b{color:#172943;font-size:12px;line-height:1.3}.tenant-modules-list code{margin-top:3px;overflow:hidden;color:#74849a;font:600 10px/1.25 inherit;text-overflow:ellipsis;white-space:nowrap}.tenant-modules-list label>small{display:block;min-width:0;color:#697a91;font-size:11px;line-height:1.35}.tenant-modules-list em{justify-self:center;padding:5px 8px;border-radius:999px;background:#edf1f6;color:#61718a;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.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:13px 26px!important;border-top:1px solid #dfe6ee;background:#fff}.tenant-modules-modal footer>span{color:#718096;font-size:10px;line-height:1.35}.tenant-modules-modal footer button{height:40px!important;min-width:max-content!important;padding:0 15px!important;white-space:nowrap!important}.tenant-modules-modal footer button[type=submit]{display:flex;align-items:center;gap:7px}.tenant-modules-modal footer svg{width:16px;height:16px}
@media(max-width:760px){.tenant-modules-modal{padding:8px}.tenant-modules-modal>form{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:13px}.tenant-modules-modal>form>header,.tenant-modules-toolbar,.tenant-modules-legend,.tenant-modules-list{padding-left:16px;padding-right:16px}.tenant-modules-columns{display:none}.tenant-modules-list label{grid-template-columns:28px minmax(0,1fr) auto;gap:9px;padding:10px 8px}.tenant-modules-list label>small{grid-column:2/-1}.tenant-modules-list em{grid-column:3;grid-row:1}.tenant-modules-modal footer{grid-template-columns:1fr 1fr;padding:12px 16px!important}.tenant-modules-modal footer>span{grid-column:1/-1}.tenant-modules-modal footer button{width:100%}.tenant-modules-toolbar{grid-template-columns:1fr}.tenant-modules-toolbar>span{justify-self:start}}
@media(max-width:430px){.tenant-modules-modal footer{grid-template-columns:1fr}.tenant-modules-modal footer>span{grid-column:auto}.tenant-modules-modal>form>header{padding-top:17px}.tenant-modules-modal>form>header h3{font-size:19px}}