.app-usage-panel{position:relative;margin-bottom:16px;padding:0;overflow:hidden;border-color:#efd7de;background:linear-gradient(112deg,#fff8fa 0%,#fffdf8 47%,#f3f8ff 100%);box-shadow:0 12px 32px rgba(108,67,80,.08)}.app-usage-panel::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#c45379,#e4a74f,#6688c7)}.app-usage-head{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;list-style:none;user-select:none}.app-usage-head::-webkit-details-marker{display:none}.usage-hero{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#b74270,#d96a8f);box-shadow:0 7px 16px rgba(183,66,112,.22);color:#fff;font-size:20px;font-weight:900;transform:rotate(-12deg)}.usage-title{display:grid;gap:2px;min-width:180px}.usage-title .eyebrow{color:#a34968;font-size:6px;font-weight:900;letter-spacing:1px}.usage-title strong{font:21px Georgia,serif;color:var(--ink)}.usage-title small{color:var(--muted);font-size:8px}.usage-summary{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:1}.usage-summary-stats{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.usage-summary-stats span{padding:7px 9px;border:1px solid #eadfe2;border-radius:999px;background:rgba(255,255,255,.78);color:var(--muted);font-size:7px;font-weight:800;white-space:nowrap}.usage-summary-stats b{color:var(--ink);font-size:9px}.usage-summary-stats .recent{border-color:#cae8d4;background:#edf9f1;color:#37744b}.usage-summary-stats .recent b{color:#267341}.usage-summary-stats .support{border-color:#f1dfb7;background:#fff8e9;color:#8c6720}.usage-summary-stats .support b{color:#956711}.usage-summary-side{display:flex;align-items:center;gap:9px}.usage-avatar-stack{display:flex;padding-left:8px}.usage-avatar-stack .avatar{width:26px;height:26px;margin-left:-8px;border:2px solid #fff;font-size:7px;box-shadow:0 2px 7px rgba(56,42,47,.12)}.usage-avatar-stack .avatar-photo{object-fit:cover}.usage-expand-label{color:#9e4767;font-size:7px;font-weight:900;white-space:nowrap}.usage-chevron{width:7px;height:7px;border-right:2px solid #a34b6b;border-bottom:2px solid #a34b6b;transform:rotate(45deg);transition:transform .2s}.app-usage-panel[open] .usage-chevron{transform:rotate(225deg)}.usage-body{padding:0 18px 18px;border-top:1px solid rgba(214,187,196,.55);background:rgba(255,255,255,.58)}.usage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.usage-toolbar p{margin:0;color:var(--muted);font-size:8px}.usage-list{display:grid;gap:8px}.usage-row{display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(4,minmax(82px,1fr)) auto;gap:12px;align-items:center;padding:12px;border:1px solid #eadfe2;border-radius:13px;background:rgba(255,255,255,.9);transition:transform .16s,box-shadow .16s,border-color .16s}.usage-row:hover{transform:translateY(-1px);border-color:#dab9c4;box-shadow:0 7px 18px rgba(95,63,74,.08)}.usage-row>div{display:flex;align-items:center;gap:10px;min-width:0}.usage-row>div span,.usage-row>span{display:grid;gap:3px;min-width:0}.usage-row .usage-avatar,.usage-row .avatar-photo{width:34px;height:34px;flex:0 0 34px;object-fit:cover}.usage-row b{overflow:hidden;text-overflow:ellipsis;font-size:9px;white-space:nowrap}.usage-row small{color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.45px}.usage-status{padding:5px 8px;border-radius:999px;font-size:7px;font-style:normal;font-weight:900;white-space:nowrap}.usage-status.recent{background:#e3f6e9;color:#267341}.usage-status.attention{background:#fff4d8;color:#956711}.usage-status.inactive,.usage-status.never{background:#f7e4ea;color:#9b3f60}.usage-note{margin:11px 0 0;color:var(--muted);font-size:8px;line-height:1.5}
@media(max-width:980px){.usage-title small,.usage-summary-stats .support{display:none}.usage-row{grid-template-columns:minmax(180px,1.5fr) repeat(2,1fr) auto}.usage-row>span:nth-of-type(3),.usage-row>span:nth-of-type(4){display:none}}
@media(max-width:720px){.app-usage-head{align-items:center;padding:14px;gap:10px}.usage-hero{flex-basis:34px;height:34px;border-radius:11px}.usage-title{min-width:0}.usage-title strong{font-size:17px}.usage-title .eyebrow{display:none}.usage-summary{gap:8px}.usage-summary-stats span:not(.support){padding:6px 7px}.usage-summary-stats span:first-child{display:none}.usage-avatar-stack{display:none}.usage-expand-label{display:none}.usage-body{padding:0 14px 14px}.usage-toolbar{align-items:flex-start}.usage-toolbar p{max-width:65%;line-height:1.4}.usage-row{grid-template-columns:1fr auto;gap:9px}.usage-row>span{grid-column:1}.usage-row>span:nth-of-type(2){display:grid}.usage-row>span:nth-of-type(3),.usage-row>span:nth-of-type(4){display:none}.usage-status{grid-column:2;grid-row:1;align-self:start}.usage-row>div{padding-right:4px}}