.cp-identity{display:flex;align-items:center;gap:9px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;padding:5px;border-radius:8px}.cp-identity strong,.cp-identity small{display:block}.cp-identity strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-size:13px}.cp-identity small{font-size:11px;color:#64748b}.cp-identity:hover{background:#edf5f0}.cp-access-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:6px 0 24px}.cp-access h1{font-size:28px;margin:0 0 8px}.cp-access p{color:#64748b;line-height:1.6}.cp-access-card{padding:24px;margin-bottom:22px}.cp-access-card h2{margin:0 0 10px;font-size:19px}.cp-access-users{display:grid;gap:12px;margin:22px 0}.cp-access-user{border:1px solid #e1e8e4;border-radius:12px;padding:17px}.cp-access-user-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cp-access-user-head strong{display:block}.cp-access-user-head small{display:block;color:#64748b;margin-top:5px}.cp-access-tags{display:flex;gap:7px;flex-wrap:wrap}.cp-access-tag{font-size:12px;padding:5px 9px;border-radius:15px;background:#edf6f0;color:#176344}.cp-access-tag.off{background:#fff0ed;color:#a13b2e}.cp-access-user-actions{display:flex;gap:12px;align-items:start;flex-wrap:wrap;margin-top:14px}.cp-access summary{cursor:pointer;color:#126746;font-weight:600;padding:10px 0}.cp-access-form{display:grid;gap:16px;max-width:540px;margin-top:14px}.cp-access-form .field{display:grid;gap:7px}.cp-access-form .field small{font-size:12px;font-weight:400;color:#64748b}.cp-access-form input,.cp-access-filters input,.cp-access-filters select{width:100%;box-sizing:border-box;min-height:43px;border:1px solid #d5dfd9;border-radius:8px;padding:10px 12px;background:#fff;color:#173a2b;font:inherit}.cp-access-form>.btn{justify-self:start}.cp-access-form p{margin:0}.cp-access-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:22px 0}.cp-access-filters .field{display:grid;gap:7px;flex:1;min-width:160px}.cp-access-events{padding:0;margin:0;list-style:none}.cp-access-event{padding:18px 0;border-bottom:1px solid #e6ebe8;display:grid;grid-template-columns:155px 1fr;gap:18px}.cp-access-event time{color:#64748b;font-size:13px}.cp-access-event strong{display:block;font-size:14px}.cp-access-event p{margin:5px 0;font-size:13px;overflow-wrap:anywhere}.cp-access-event small{color:#64748b}.cp-access-warning{border:1px solid #eed5a3;background:#fff9ec;border-radius:10px;padding:12px;color:#815c1f!important}.cp-access-reset{width:min(100%,420px)}.cp-access button:focus-visible,.cp-identity:focus-visible{outline:3px solid #7fc9a1;outline-offset:3px}@media(max-width:720px){.cp-access-heading{align-items:start}.cp-access h1{font-size:23px}.cp-access-card{padding:18px}.cp-access-event{grid-template-columns:1fr;gap:7px}.cp-identity strong{max-width:100px}.cp-identity .avatar{display:none}.cp-access-form>.btn{width:100%;justify-content:center}.cp-access-user-actions{display:block}.cp-access-user-actions>button{margin-bottom:8px}.cp-access-user-actions details{width:100%}.cp-access-filters>.btn{width:100%}}
.cp-access-contact{margin:14px 0 4px;overflow-wrap:anywhere}.cp-access-contact p{font-size:13px;margin:5px 0}.cp-access-contact span{display:inline-block;min-width:78px;font-weight:600;color:#52685b}.cp-access-profile{max-width:540px}.cp-access-profile>summary{font-size:13px}.cp-access-profile .cp-access-form{margin-bottom:15px}


/* Compact mobile account/settings surfaces, without shrinking tap targets. */
@media(max-width:720px){
  .app-shell .topbar .cp-identity{min-height:44px;min-width:0;max-width:100px;padding:6px 4px;border-radius:9px;gap:6px}
  .app-shell .topbar .cp-identity>span:last-child{min-width:0}
  .app-shell .topbar .cp-identity strong{max-width:80px;white-space:nowrap;font-size:13px;line-height:1.4}
  .app-shell .topbar .cp-identity small{font-size:11px;line-height:1.4;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cp-access{min-width:0}
  .cp-access .cp-access-heading{gap:12px;margin:0 0 18px;flex-wrap:wrap}
  .cp-access .cp-access-heading>div{min-width:0}
  .cp-access h1{font-size:24px;line-height:1.25;letter-spacing:-.4px;overflow-wrap:anywhere}
  .cp-access .cp-access-heading p{font-size:14px;line-height:1.55;margin:8px 0 0}
  .cp-access .cp-access-card{padding:18px;margin-bottom:16px;border-radius:14px}
  .cp-access summary{min-height:44px;line-height:1.5}
  .cp-access .cp-access-card h2{font-size:18px;line-height:1.35;overflow-wrap:anywhere}
  .cp-access .cp-access-form{max-width:100%;gap:14px}
  .cp-access .cp-access-form .field{min-width:0;gap:6px}
  .cp-access .cp-access-form .field>span{font-size:14px;line-height:1.4}
  .cp-access .cp-access-form .field small{font-size:13px;line-height:1.5}
  .cp-access .cp-access-form input,.cp-access .cp-access-form select,.cp-access .cp-access-form textarea,.cp-access .cp-access-filters input,.cp-access .cp-access-filters select{font-size:16px;min-height:44px;max-width:100%}
  .cp-access .cp-access-form>.btn,.cp-access .cp-access-user-actions>.btn{min-height:44px;font-size:14px;white-space:normal;line-height:1.4}
  .cp-access .cp-access-user{padding:15px;min-width:0;border-radius:12px}
  .cp-access .cp-access-user-head{gap:10px}
  .cp-access .cp-access-user-head>div{min-width:0;overflow-wrap:anywhere}
  .cp-access .cp-access-tags{gap:5px}
  .cp-access .cp-access-tag{font-size:12px;line-height:1.35;padding:4px 8px}
  .cp-access .cp-access-event{padding:14px 0;gap:5px;min-width:0}
  .cp-access .cp-access-event time{font-size:12px}
  .cp-access .cp-access-event p{font-size:14px;line-height:1.5}
  .cp-access .cp-access-filters{gap:10px;margin:16px 0}
  .cp-access .cp-access-filters .field{min-width:min(100%,180px)}
}
@media(max-width:380px){
  .app-shell .topbar .cp-identity{max-width:74px}
  .app-shell .topbar .cp-identity strong,.app-shell .topbar .cp-identity small{max-width:66px}
}