/* Account directory: quiet row actions, contextual account controls. */
#content:has(#view-a5.active){background:#eef2f2}
body #main #view-a5{color:#172022;max-width:1440px}
body #main #view-a5 .account-hero{padding:0;margin:0 0 24px;border:0;border-radius:0;background:transparent;box-shadow:none;align-items:center}
body #main #view-a5 .account-hero h2{display:block;font-size:28px;font-weight:700;letter-spacing:-.02em}
body #main #view-a5 .account-hero p{font-weight:400;color:#697577}
body #main #view-a5 .account-hero .btn{border:1px solid #b8d45d;border-radius:10px;background:#b8d45d;color:#27311b;box-shadow:none;font-weight:600;min-height:44px}
body #main #view-a5 .account-panel{border:1px solid #e3e8e8;border-radius:16px;background:white;box-shadow:none}
body #main #view-a5 .account-panel-head{padding:24px 24px 16px;background:transparent;border:0;align-items:flex-start}
body #main #view-a5 .account-panel-head h2{font-size:18px;font-weight:650}
body #main #view-a5 .account-panel-head p{display:block;color:#697577;font-weight:400;line-height:1.6}
body #main #view-a5 #account-result-count{color:#697577;font-size:12px;white-space:nowrap}
body #main #view-a5 .account-filter-bar{display:flex;align-items:center;gap:12px;padding:0 24px 20px;flex-wrap:wrap;background:transparent;border:0}
body #main #view-a5 .account-search{flex:1;min-width:180px;width:auto;max-width:none;border:1px solid #e0e6e6;border-radius:10px;background:white;min-height:44px;box-shadow:none}
body #main #view-a5 .account-filter-chips{display:flex;gap:3px;padding:4px;background:#f2f5f5;border-radius:10px;border:1px solid #e7ecec}
body #main #view-a5 .account-filter-chips .chip{min-height:36px;border:0;border-radius:7px;background:transparent;color:#697577;font-weight:500;box-shadow:none}
body #main #view-a5 .account-filter-chips .chip.active{background:white;color:#172022;box-shadow:0 1px 3px #1720220d}
body #main #view-a5 #account-refresh{border:1px solid #e0e6e6;border-radius:10px;background:white;min-height:44px}
body #main #view-a5 .account-table-scroll{padding:0 24px;overflow:auto}
body #main #view-a5 .account-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;table-layout:fixed}
body #main #view-a5 .account-table th{background:transparent;color:#788284;font-weight:500;border-bottom:1px solid #e3e8e8;padding:12px}
body #main #view-a5 .account-table th:nth-child(1){width:23%}
body #main #view-a5 .account-table th:nth-child(2){width:23%}
body #main #view-a5 .account-table th:nth-child(3){width:14%}
body #main #view-a5 .account-table th:nth-child(4){width:20%}
body #main #view-a5 .account-table th:nth-child(5){width:20%}
body #main #view-a5 .account-table td{padding:20px 12px;white-space:normal;border-bottom:1px solid #e7ecec;color:#364243;vertical-align:middle;overflow-wrap:anywhere;font-size:13px;transition:background-color .16s}
body #main #view-a5 .account-table tr:last-child td{border-bottom:0}
body #main #view-a5 .account-name strong{font-size:14px;font-weight:600;color:#172022}
body #main #view-a5 .account-name span{font-size:13px;font-weight:400;margin-top:5px;color:#626f70}
body #main #view-a5 :is(.account-name small,.account-regions-cell small,.account-session-note){display:block;font-size:12px;font-weight:400;color:#788284;margin-top:5px}
body #main #view-a5 .account-access{display:flex;flex-wrap:wrap;gap:6px}
body #main #view-a5 :is(.account-role,.account-status){min-height:26px;padding:3px 8px;border:0;border-radius:999px;font-size:12px;font-weight:500;background:#edf1f1;color:#5e6c6d;line-height:1.5;white-space:nowrap}
body #main #view-a5 .account-status:not(.disabled){background:#edf3de;color:#51652e}
body #main #view-a5 .account-status:before{display:none}
body #main #view-a5 .account-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end}
body #main #view-a5 .account-actions .btn-link{min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:#364243;box-shadow:none;font-size:13px;font-weight:500;white-space:nowrap}
body #main #view-a5 .account-more-trigger span{margin-left:3px;color:inherit;letter-spacing:1px}
body #main #view-a5 .account-fixed{font-size:12px;color:#788284;font-weight:400}
body #main #view-a5 :is(button,input){transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s,transform .1s}
body #main #view-a5 button:active:not(:disabled){transform:translateY(1px) scale(.985)}
body #main #view-a5 .account-actions .btn-link:is(:active,[aria-expanded=true]){background:#172022;color:white;border-color:#172022}
body #main #view-a5 :is(button,summary):focus-visible{outline:2px solid #7f9544;outline-offset:3px;box-shadow:0 0 0 4px #7f954420}
body #main #view-a5 .account-search:focus{outline:0;border-color:#7f9544;box-shadow:0 0 0 3px #7f95442e}
body #main #view-a5 .business-disclosure{margin-top:20px;border:1px solid #e3e8e8;border-radius:12px;background:white;padding:4px 16px}
body #main #view-a5 .business-disclosure>summary{color:#626f70;font-weight:500}
body #main #view-a5 .admin-pagination{padding:16px 24px;border-top:1px solid #e7ecec}
body #main #view-a5 .account-more-panel{position:fixed;inset:auto;margin:0;width:272px;max-width:calc(100vw - 24px);padding:8px;border:1px solid #e1e7e7;border-radius:14px;background:white;color:#172022;box-shadow:0 8px 30px #1720221a;white-space:normal;text-align:left;overflow:auto;max-height:calc(100dvh - 24px)}
body #main #view-a5 .account-menu-name{padding:8px 10px 12px;margin:0;color:#697577;font-size:12px;border-bottom:1px solid #edf0f0}
body #main #view-a5 .account-more-panel button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;width:100%;min-height:64px;padding:10px;border:0;border-radius:8px;background:white;color:#364243;font-size:14px;text-align:left;cursor:pointer}
body #main #view-a5 .account-more-panel button span{color:inherit;font-weight:500}
body #main #view-a5 .account-more-panel button small{color:#788284;font-size:12px;line-height:1.5}
body #main #view-a5 .account-more-panel .account-menu-danger{color:#854637}
body #main #view-a5 .account-more-panel button:active{background:#172022;color:white}
body #main #view-a5 .account-more-panel .account-menu-danger:active{background:#69372c;color:white}
body #main #view-a5 .account-more-panel button:active small{color:inherit}
@media(hover:hover){
 body #main #view-a5 .account-table tr:hover td{background:#f2f5f5}
 body #main #view-a5 .account-actions .btn-link:hover:not(:active){background:#172022;color:white}
 body #main #view-a5 .account-more-panel button:hover:not(:active){background:#f2f5f5}
 body #main #view-a5 .account-more-panel .account-menu-danger:hover:not(:active){background:#f7edeb}
 body #main #view-a5 .account-filter-chips .chip:not(.active):hover{background:#e7eded;color:#172022}
 body #main #view-a5 #account-refresh:hover{background:#f2f5f5}
 body #main #view-a5 .account-hero .btn:hover{background:#acc74f}
}
@media(max-width:1000px) and (min-width:701px){body #main #view-a5 .account-table{min-width:640px}body #main #view-a5 .account-table-scroll{padding:0 12px}body #main #view-a5 .account-table td{padding:16px 8px}body #main #view-a5 .account-actions{flex-direction:column;align-items:flex-end}}
@media(max-width:700px){
 body #main #view-a5 .account-hero{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
 body #main #view-a5 .account-hero h2{font-size:24px}
 body #main #view-a5 .account-hero .btn{margin-left:auto}
 body #main #view-a5 .account-panel-head{padding:18px 14px 14px;display:block}
 body #main #view-a5 #account-result-count{display:block;margin-top:8px}
 body #main #view-a5 .account-panel-head p{display:none}
 body #main #view-a5 .account-filter-bar{padding:0 14px 16px;gap:10px}
 body #main #view-a5 .account-search{flex-basis:100%;width:100%}
 body #main #view-a5 .account-filter-chips{flex:1}
 body #main #view-a5 .account-filter-chips .chip{flex:1;padding:6px 9px}
 body #main #view-a5 .account-table-scroll{padding:0 14px;overflow:visible}
 body #main #view-a5 .account-table,body #main #view-a5 .account-table tbody{display:block;min-width:0;width:100%}
 body #main #view-a5 .account-table thead{display:none}
 body #main #view-a5 .account-table tr{display:block;padding:16px 0;border-top:1px solid #e7ecec}
 body #main #view-a5 .account-table td{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;width:100%;padding:6px 0;border:0;background:transparent!important;text-align:right;font-size:13px}
 body #main #view-a5 .account-table td:before{content:attr(data-label);flex:0 0 82px;text-align:left;color:#788284;font-weight:400}
 body #main #view-a5 .account-table td.account-name{display:block;text-align:left;padding:0 0 10px}
 body #main #view-a5 .account-table td.account-name:before{display:none}
 body #main #view-a5 .account-table td.account-regions-cell{display:block;min-height:34px;padding-left:96px;position:relative}
 body #main #view-a5 .account-table td.account-regions-cell:before{position:absolute;left:0;top:6px;width:82px}
 body #main #view-a5 .account-access{justify-content:flex-end}
 body #main #view-a5 .account-table td:last-child{align-items:center;padding-bottom:0}
 body #main #view-a5 .admin-pagination{padding:16px 14px;gap:8px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){body #main #view-a5 :is(button,input,td){transition:none;transform:none!important}}