.owner-users-create-entry{
 display:grid;
 grid-template-columns:auto minmax(0,1fr) auto;
 align-items:center;
 gap:14px;
 padding:18px;
 border:1px solid #c9d9ec;
 border-radius:15px;
 background:#fff;
 box-shadow:0 6px 20px #102b5608;
}

.owner-users-create-icon{
 display:grid;
 place-items:center;
 width:44px;
 height:44px;
 border-radius:12px;
 background:#e7f2ff;
 color:#0c5db5;
}

.owner-users-create-icon svg{width:22px}
.owner-users-create-entry h2{margin:0 0 4px;color:#09294f;font-size:16px}
.owner-users-create-entry p{margin:0;color:#6d829b;font-size:11px}

.owner-users-directory{
 overflow:hidden;
 margin-bottom:24px;
 border:1px solid #c9d9ec;
 border-radius:16px;
 background:#fff;
 box-shadow:0 6px 20px #102b5608;
}

.owner-users-directory>header{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 padding:17px 18px;
 background:#0d4f91;
 color:#fff;
}

.owner-users-directory>header h2{
 margin:0 0 3px;
 color:#fff;
 font-size:18px;
 line-height:1.2;
}

.owner-users-directory>header p{
 margin:0;
 color:#cfe4fa;
 font-size:10px;
}

.owner-users-directory>header>strong{
 display:grid;
 place-items:center;
 min-width:34px;
 height:34px;
 padding:0 9px;
 border-radius:10px;
 background:#ffffff1f;
 font-size:15px;
}

.owner-users-directory-list{
 display:grid;
}

.owner-directory-user{
 padding:15px 17px;
 border-bottom:1px solid #e1e9f3;
}

.owner-directory-user:last-child{
 border-bottom:0;
}

.owner-directory-person{
 display:grid;
 grid-template-columns:auto minmax(0,1fr) auto;
 align-items:center;
 gap:11px;
}

.owner-directory-avatar{
 display:grid;
 place-items:center;
 width:39px;
 height:39px;
 border-radius:12px;
 background:#e7f2ff;
 color:#0c5db5;
 font-size:13px;
 font-weight:850;
}

.owner-directory-person>div{
 display:grid;
 gap:2px;
 min-width:0;
}

.owner-directory-person strong{
 overflow:hidden;
 color:#09294f;
 font-size:14px;
 text-overflow:ellipsis;
 white-space:nowrap;
}

.owner-directory-person small{
 overflow:hidden;
 color:#6d829b;
 font-size:10px;
 text-overflow:ellipsis;
 white-space:nowrap;
}

.owner-directory-status{
 padding:5px 8px;
 border-radius:999px;
 font-size:9px;
 font-weight:800;
}

.owner-directory-status.is-active{
 background:#d9f6e9;
 color:#087a4b;
}

.owner-directory-status.is-inactive{
 background:#eef1f5;
 color:#66758a;
}

.owner-directory-details{
 display:grid;
 grid-template-columns:1.3fr .9fr 1fr;
 gap:10px;
 margin:13px 0 0 50px;
}

.owner-directory-details div{
 display:grid;
 gap:3px;
 min-width:0;
}

.owner-directory-details dt{
 color:#7b8da3;
 font-size:9px;
}

.owner-directory-details dd{
 overflow-wrap:anywhere;
 margin:0;
 color:#254568;
 font-size:11px;
 font-weight:750;
}

.owner-directory-actions{
 display:flex;
 flex-wrap:wrap;
 gap:7px;
 margin:13px 0 0 50px;
}

.owner-directory-action{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:6px;
 min-height:34px;
 padding:7px 10px;
 border:1px solid #c7d8eb;
 border-radius:9px;
 background:#f8fbff;
 color:#185da6;
 font-size:10px;
 font-weight:800;
}

.owner-directory-action svg{
 width:15px;
 height:15px;
}

.owner-directory-action.danger{
 border-color:#f0c5cb;
 background:#fff7f8;
 color:#be3043;
}

.owner-users-directory-empty{
 display:grid;
 justify-items:center;
 gap:7px;
 padding:34px 18px;
 color:#6d829b;
 text-align:center;
 font-size:11px;
}

.owner-users-directory-empty svg{
 width:25px;
 color:#1767eb;
}

.owner-users-directory-empty strong{
 color:#17395f;
 font-size:13px;
}

@media(max-width:520px){
 .owner-users-create-entry{grid-template-columns:auto minmax(0,1fr)}
 .owner-users-create-entry>.btn{grid-column:1/-1;width:100%;justify-content:center}
 .owner-directory-details{
  grid-template-columns:1fr 1fr;
 }
 .owner-directory-details div:first-child{
  grid-column:1/-1;
 }
}

.owner-delete-users{
 overflow:hidden;
 border:1px solid #d8e3ef;
 border-radius:14px;
 background:#fff;
 box-shadow:0 8px 22px rgba(18,54,91,.06);
}

.owner-delete-users-search{
 padding:14px;
 border-bottom:1px solid #e5edf5;
 background:#f7faff;
}

.owner-delete-users-list{display:grid}

.owner-delete-user{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:12px;
 align-items:center;
 padding:15px;
 border-bottom:1px solid #e8eef5;
}

.owner-delete-user:last-child{border-bottom:0}
.owner-delete-user strong,.owner-delete-user small{display:block}
.owner-delete-user strong{color:#082e59;font-size:13px}
.owner-delete-user small{margin-top:4px;color:#60758d;font-size:10px}
.owner-delete-user .btn{min-height:36px}

@media(max-width:520px){
 .owner-delete-user{grid-template-columns:1fr}
 .owner-delete-user .btn{width:100%;justify-content:center}
}

.owner-inline-user-form{
 max-width:760px;
 margin:0 auto;
}

.owner-inline-form{
 width:100%;
 overflow:hidden;
 border:1px solid #d5e1ef;
 border-radius:16px;
 background:#fff;
 box-shadow:0 10px 28px rgba(13,48,87,.07);
}

.owner-inline-form .modal-body{
 padding:20px;
 background:#fff;
 overflow:visible;
}

.owner-inline-form .form-grid{
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px 16px;
}

.owner-inline-form .field{min-width:0;margin:0}
.owner-inline-form .field label{color:#17395f;font-size:12px;font-weight:700}
.owner-inline-form .field input,
.owner-inline-form .field select,
.owner-inline-form .field textarea{
 width:100%;
 min-height:44px;
 border:1px solid #c8d9ed;
 border-radius:10px;
 background:#fbfdff;
 color:#102f55;
 font-size:16px;
}

.owner-inline-form .modal-foot{
 padding:14px 20px 18px;
 border-top:1px solid #e2eaf3;
 background:#f6f9fd;
}

.owner-inline-form .modal-foot .btn{
 width:100%;
 justify-content:center;
 min-height:46px;
}

.owner-form-user .document-photo{
 border:1px solid #ef9da8;
 background:#fff2f4;
}

.owner-form-user .document-photo-status{color:#c7263e;font-weight:800}

.owner-form-user .document-photo.has-photo{
 border-color:#70c99e;
 background:#ecfbf3;
}

.owner-form-user .document-photo.has-photo .document-photo-status{color:#087a43}

@media(max-width:600px){
 .owner-inline-form .modal-body{padding:14px}
 .owner-inline-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .owner-inline-form .field label{font-size:11px}
 .owner-inline-form .modal-foot{padding:12px 14px 14px}
}