.public-packages-view :is(a,button):focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.public-packages-view{width:100%;max-width:1160px;min-width:0;margin:8px auto 36px;color:var(--ink)}
.public-packages-view [hidden]{display:none!important}
.public-packages-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}
.packages-eyebrow{margin:0 0 9px;font-size:10px;font-weight:700;letter-spacing:.13em;color:#7661b3}
.public-packages-view h1{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-.8px;margin:0;line-height:1.3}
.packages-description{margin:10px 0 0;color:#747180;font-size:14px;line-height:1.6}
.public-packages-view button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:#5d586c;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.public-packages-view button:hover:not(:disabled){background:#f5f3fb;border-color:#d9d1ec}
.public-packages-view button:disabled{opacity:.5;cursor:default}
.public-packages-view svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.public-packages-heading>button{flex:none}
.packages-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.packages-filters{display:flex;gap:3px;padding:4px;border-radius:10px;background:#eeedf3}
.packages-filters button{min-height:34px;padding:6px 13px;border-color:transparent;background:transparent;color:#797382}
.packages-filters button[aria-pressed="true"]{background:#fff;color:#6047bd;box-shadow:0 1px 4px #32245412}
[data-packages-count]{font-size:12px;color:#797382;text-align:right}
.public-packages-view [data-packages-status]{margin:0 0 12px;font-size:12px;line-height:1.5;color:#5d586c;overflow-wrap:anywhere}
.public-packages-view [data-packages-status]:empty{display:none}
.public-packages-view [data-packages-status][data-error]{color:#ad383e}
.packages-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.package-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 2px 5px #25223503}
.package-row:hover{border-color:#dcd6ea}
.package-icon{display:grid;place-items:center;align-self:start;width:42px;height:46px;border-radius:11px;background:#f1edfc;color:#8064cd}
.package-icon svg{width:23px;height:23px}
.package-content{min-width:0}
.package-content h2{font-size:15px;font-weight:700;line-height:1.45;margin:0 0 7px;overflow-wrap:anywhere}
.package-title{color:var(--ink);text-decoration:none}
.package-title:hover{color:#634bc4;text-decoration:underline;text-underline-offset:3px}
.package-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;color:#87818e;font-size:11px;line-height:1.5;margin:0 0 9px}
.package-project{color:#746988;font-weight:600}
.package-state{display:inline-flex;align-items:center;gap:5px;color:#268060}
.package-state::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.package-state[data-state="draft"]{color:#a47b25}
.package-state[data-state="revoked"]{color:#928a98}
.package-url{display:block;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b829f;text-decoration:none;font-size:11px}
.package-url:hover{color:#634bc4;text-decoration:underline}
.package-unavailable{font-size:11px;color:#938d9c}
.package-views{min-width:55px;display:flex;flex-direction:column;gap:5px;align-items:flex-end;color:#8b8596;font-size:11px}
.package-views strong{display:flex;align-items:center;gap:6px;color:#50465f;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.package-views svg{width:16px;height:16px;color:#a399b4}
.package-actions{display:flex;align-items:center;gap:7px;margin-left:6px}
.package-footer{display:contents}
.package-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid #e5def6;border-radius:8px;background:#f6f3ff;color:#6c50bc;font-size:12px;font-weight:600;text-decoration:none}
.package-open:hover{background:#eee8ff;border-color:#cfbfed}
.public-packages-view button.package-copy{width:38px;padding:8px;color:#90869f;border-color:transparent;background:transparent}
.public-packages-view button.package-revoke{padding:8px 10px;color:#9a525b;border-color:#eddee1;background:#fffafb}
.public-packages-view button.package-revoke:hover:not(:disabled){color:#b34149;background:#fff0f1;border-color:#f3d9dd}
.packages-empty{padding:48px 24px;text-align:center;border:1px dashed #dcd6e8;border-radius:13px;background:#ffffff70;color:#89818f;line-height:1.6}
.packages-empty>.package-icon{margin:0 auto 16px}
.packages-empty h2{font-size:17px;color:#51465f;margin:0 0 6px}
.packages-empty p{max-width:410px;margin:0 auto;font-size:13px}
.public-packages-view .packages-more{display:flex;margin:18px auto 0}
.packages-note{max-width:660px;margin:22px 0 0;font-size:12px;line-height:1.7;color:#827b8d}
.packages-views-note{margin:7px 0 0;font-size:11px;line-height:1.6;color:#938d9c}
.package-revoke-dialog{width:min(440px,calc(100% - 30px));max-height:calc(100dvh - 30px);color:var(--ink)}
.package-revoke-dialog form{padding:28px;gap:0}
.package-revoke-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:17px;border-radius:11px;background:#fff0f1;color:#b34149}
.package-revoke-dialog h2{font:800 21px Manrope,sans-serif;margin:0}
.package-revoke-dialog p{font-size:13px;line-height:1.7;color:#827b8d;overflow-wrap:anywhere;margin:12px 0 24px}
.package-dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.public-packages-view button.package-confirm-revoke{background:#b34149;border-color:#b34149;color:#fff}
.public-packages-view button.package-confirm-revoke:hover{background:#9c323a;border-color:#9c323a}
@media(max-width:1100px){.package-row{gap:12px;padding:18px;grid-template-columns:36px minmax(0,1fr) auto}.package-actions{gap:3px;margin-left:0}.package-icon{width:36px;height:40px}.package-views{grid-column:2;grid-row:2;flex-direction:row;align-items:center;gap:6px}.package-views strong{font-size:14px}.package-actions{grid-column:3;grid-row:1/3}}
@media(max-width:600px){.public-packages-view{margin-top:20px}.public-packages-heading{gap:12px;align-items:flex-start;margin-bottom:22px}.public-packages-view h1{font-size:24px}.packages-eyebrow{font-size:8px;letter-spacing:.1em}.packages-description{font-size:12px;max-width:230px}.public-packages-heading>button{width:40px;padding:8px}.public-packages-heading>button span{display:none}.packages-toolbar{gap:8px}.packages-filters button{padding:6px 10px;font-size:11px}[data-packages-count]{font-size:10px}.package-row{grid-template-columns:32px minmax(0,1fr);gap:12px 10px;padding:16px}.package-icon{width:32px;height:37px;border-radius:8px}.package-icon svg{width:20px;height:20px}.package-content h2{font-size:14px}.package-meta{gap:5px 10px;font-size:10px}.package-url{font-size:10px}.package-footer{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.package-views{flex-direction:row;align-items:center;gap:6px}.package-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.public-packages-view button.package-copy,.public-packages-view button.package-revoke{min-height:44px}.package-open{min-height:40px}.packages-note{font-size:11px}.packages-views-note{font-size:10px}}