.user-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr)) auto;align-items:end;gap:12px;margin-bottom:20px}
body[data-view="users"] .heading-actions{display:block}
.user-filters label{margin:0;font-size:12px}.user-filters input,.user-filters select,.user-form input:not([type=checkbox]):not([type=radio]),.user-form select{width:100%;min-height:44px;margin-top:7px}
.users-table table{min-width:1050px}.users-table td{max-width:260px;overflow-wrap:anywhere}.user-identity{display:flex;align-items:center;gap:9px}.user-identity .avatar{font-size:11px;font-weight:700}.user-role{display:inline-block;font-size:10px;background:var(--subtle);padding:4px 7px;margin:2px;border-radius:7px}
.user-identity .avatar{display:flex}.user-menu summary{min-height:40px}.shell:has(.admin-view-selector) .aside-bottom{margin-top:0}.shell:has(.admin-view-selector) .aside-bottom .icon-button{width:40px;min-height:40px;height:40px}
.user-menu{border:0;min-width:110px}.user-menu summary{padding:8px;cursor:pointer;font-size:12px}.user-menu>div{display:flex;flex-direction:column;gap:6px;padding:6px 0}.user-menu button{white-space:normal;text-align:left;justify-content:flex-start}
.user-form label{font-size:12px}.user-form fieldset{border:1px solid var(--line);border-radius:10px;padding:12px;margin:16px 0}.user-form legend{font-size:12px}.user-form .check{display:flex;gap:9px;align-items:center;line-height:1.5}.user-form input[type=radio],.user-form input[type=checkbox]{width:17px;min-height:17px;flex-shrink:0}.user-error{color:#a52b22;font-size:13px}
#admin-user-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}#admin-user-dialog .close-dialog{position:absolute;right:12px;top:12px}.user-detail{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;font-size:13px}.user-detail dt{color:var(--muted)}.user-detail dd{margin:0;overflow-wrap:anywhere}.user-history{padding-left:20px}.user-history li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.user-history small{display:block;overflow-wrap:anywhere}
.admin-view-selector{flex-shrink:0;border-top:1px solid var(--line);padding:12px 0}.admin-view-selector label{font-size:10px;margin:0 0 6px}.admin-view-selector select{width:100%;min-height:40px;font-size:12px;padding:8px}.admin-inspection{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:14px 16px;background:#edf2f6;border:1px solid #d6e0e9;border-radius:10px}.admin-inspection strong,.admin-inspection small{display:block;overflow-wrap:anywhere}.admin-inspection small{margin-top:5px;font-size:11px}.admin-inspection .actions{margin:0;gap:8px}.admin-inspection button{font-size:11px}
.shell:has(.admin-view-selector) .side-manifesto{padding-top:clamp(8px,2vh,20px);padding-bottom:clamp(8px,2vh,20px)}
@media(min-width:701px) and (max-height:900px){.shell:has(.admin-view-selector) .brand-block{margin-bottom:14px}.shell:has(.admin-view-selector) .nav button{padding-top:8px;padding-bottom:8px}.shell:has(.admin-view-selector) .side-manifesto p{font-size:18px}}
@media(min-width:701px) and (max-height:800px){.shell:has(.admin-view-selector) aside{padding-top:16px;padding-bottom:12px}.shell:has(.admin-view-selector) .side-manifesto small{display:none}.shell:has(.admin-view-selector) .side-manifesto p{margin:8px 0}.admin-view-selector{padding:8px 0}}
@media(min-width:701px) and (max-height:720px){.shell:has(.admin-view-selector) .brand-block{gap:6px;margin-bottom:8px}.shell:has(.admin-view-selector) .nav{gap:2px}.shell:has(.admin-view-selector) .side-manifesto{padding:6px 10px}.shell:has(.admin-view-selector) .side-manifesto p{font-size:16px;margin:5px 0}.shell:has(.admin-view-selector) .aside-bottom{padding-top:8px}}
@media(min-width:701px) and (max-height:580px){.shell:has(.admin-view-selector) .side-manifesto{display:none}.shell:has(.admin-view-selector) .admin-view-selector{margin-top:auto}.shell:has(.admin-view-selector) .nav button{padding-top:5px;padding-bottom:5px}}
@media(max-width:1100px){.user-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.user-filters button{justify-self:start}}
@media(max-width:700px){.user-filters{grid-template-columns:1fr 1fr}.user-filters>label:first-child{grid-column:1/-1}.admin-view-selector{border:0;padding:0;margin-left:auto;margin-right:8px}.admin-view-selector label{font-size:9px}.admin-view-selector select{max-width:110px;min-height:32px;padding:4px;font-size:10px}.shell:has(.admin-view-selector) aside{padding-left:12px;padding-right:12px;gap:6px}.shell:has(.admin-view-selector) .brand-block>span{display:none}.shell:has(.admin-view-selector) .nav button{font-size:9px;padding:6px 3px}.user-detail{grid-template-columns:1fr;gap:6px}.user-detail dd{margin-bottom:8px}.admin-inspection{padding:12px}.admin-inspection .actions{width:100%}}
@media(max-width:359px){.user-filters{grid-template-columns:1fr}.user-filters>label:first-child{grid-column:auto}.shell:has(.admin-view-selector) .logo{width:75px}}
@media(max-width:700px){html:has(.admin-view-selector){height:100%;overflow:hidden}body:has(.admin-view-selector){height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}body:has(.admin-view-selector) #app{flex:1;min-height:0;overflow:hidden}.shell:has(.admin-view-selector){display:flex;flex-direction:column;height:100%;min-height:0}.shell:has(.admin-view-selector) aside{flex:0 0 68px;overflow:hidden}.shell:has(.admin-view-selector) .main{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}}
@media print{.admin-view-selector,.user-menu,.user-filters,.user-pagination,#admin-user-dialog{display:none!important}.admin-inspection{break-inside:avoid}.users-table{overflow:visible}.users-table table{min-width:0}}
@media print{html:has(.admin-view-selector),body:has(.admin-view-selector){height:auto!important;min-height:0!important;overflow:visible!important;display:block!important}body:has(.admin-view-selector) #app,.shell:has(.admin-view-selector),.shell:has(.admin-view-selector) .main{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}}
