.gallery-counts{min-width:165px}.gallery-badge{display:inline-block;padding:3px 10px;border:1px solid #d5d8e1;border-radius:20px;background:#fff;font-size:12px;margin:2px 5px 2px 0}.gallery-muted{color:#667080;font-size:14px}.gallery-open-button,.gallery-primary{background:#18754e!important;border:1px solid #18754e!important;color:#fff!important;border-radius:6px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font:inherit;font-weight:600;min-height:40px}.gallery-open-button:hover,.gallery-primary:hover{background:#105b3b!important}.gallery-secondary{border:1px solid #bfc5d1;color:#202938;background:white;border-radius:6px;padding:9px 15px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;font:inherit;font-weight:500}.gallery-open-button:focus-visible,.gallery-primary:focus-visible,.gallery-secondary:focus-visible,.gallery-preview:focus-visible,.gallery-back:focus-visible{outline:3px solid #087d81;outline-offset:3px}
#customer .customer-events .event-actions .gallery-open-button{padding:5px 12px;min-height:32px;font-size:13px;margin:4px 8px 4px 0}#customer .customer-events td{padding-top:4px;padding-bottom:4px}#customer.gallery-open>section:not(.gallery-panel),#customer.gallery-open>.credit-status{display:none}#customer.gallery-open>.customer-heading,#customer.gallery-open>#customer-message{display:none}.gallery-panel{background:#fff;border:1px solid #e0e3ea;border-radius:10px;padding:24px;margin-bottom:28px;box-shadow:0 2px 5px #1c293408}.gallery-back{border:0;background:none;color:#16633e;padding:0;margin:0 0 20px;min-height:32px;font-size:14px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.gallery-heading h2{font-size:28px!important;line-height:1.2;margin:0 0 8px!important}.gallery-heading p{margin:0}.gallery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.gallery-note{font-size:14px;color:#5f6878;line-height:1.6;margin:14px 0 20px}.gallery-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #e0e3ea;padding-top:18px}.gallery-tabs{display:flex;gap:7px;flex-wrap:wrap}.gallery-tab{border:1px solid #cbd0db;background:white;border-radius:5px;padding:7px 14px;min-height:36px;font-size:14px}.gallery-tab[aria-pressed=true]{background:#18754e;color:white;border-color:#18754e}.gallery-status{font-size:14px;line-height:1.5;color:#5d6675;margin:16px 0}.gallery-status:empty{margin:0 0 18px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:16px}.gallery-card{min-width:0;border:1px solid #dce0e8;border-radius:8px;overflow:hidden;background:#fff}.gallery-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:3/4;background:#171d25;border:0;border-radius:0;overflow:hidden;padding:0;color:white}.gallery-preview img{width:100%;height:100%;object-fit:contain}.gallery-placeholder{font-size:35px;font-weight:400;color:#b3bccb}.gallery-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;width:46px;height:46px;display:grid;place-items:center;border:2px solid white;border-radius:50%;background:#0006;color:#fff}.gallery-duration{position:absolute;bottom:9px;right:8px;background:#000b;color:white;border-radius:4px;padding:2px 5px;font-size:12px}.gallery-card-body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px}.gallery-card-body strong{font-size:14px;color:#1e2530}.gallery-card-body a{font-size:13px;color:#12623f;white-space:nowrap;text-decoration:none}.gallery-file-meta{grid-column:1/-1;font-size:11px;color:#707989;overflow-wrap:anywhere;margin:0;line-height:1.5}.gallery-pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:24px}.gallery-dialog{box-sizing:border-box;position:fixed;margin:auto;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #dce0e8;border-radius:12px;background:white;color:#202938;overflow:auto}.gallery-dialog::backdrop{background:#0b1429aa}.gallery-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.gallery-dialog-heading h2{font-size:22px;margin:0}.gallery-dialog-heading button{font-size:24px;min-width:40px;padding:2px}.gallery-full-media{display:block;max-width:100%;max-height:65vh;margin:auto;object-fit:contain;background:#111;border-radius:6px}.gallery-share-input{width:100%;min-height:44px;margin:0 0 16px;font-size:13px}.gallery-revoke{margin-top:18px;border:0;background:none;color:#a2243c;font-size:13px;padding:0;min-height:36px}.gallery-table-note{font-size:12px;color:#667080;margin:8px 0 0}
@media(min-width:1100px){.account-main:has(.gallery-panel:not([hidden])){max-width:1400px}.gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:700px){.gallery-panel{padding:16px}.gallery-heading{align-items:flex-start;flex-direction:column;gap:16px}.gallery-heading h2{font-size:24px!important}.gallery-actions{width:100%}.gallery-actions>a,.gallery-actions>button{flex:1 1 auto}.gallery-tools>.gallery-muted{display:none}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-card-body{padding:9px;gap:6px}.gallery-card-body strong,.gallery-card-body a{font-size:12px}.gallery-pagination{gap:8px;flex-wrap:wrap}.gallery-dialog{padding:18px}.gallery-counts{min-width:150px}}
#cleanup-status{margin-top:20px;padding:16px;border:1px solid #dfc49a;border-radius:8px;background:#fffaf1}#cleanup-status p{margin:6px 0;font-size:14px}.cleanup-operation{padding:12px 0;border-top:1px solid #e4d6c0}.cleanup-dialog{max-width:620px}.cleanup-dialog p{line-height:1.55}.cleanup-dialog label{display:block;font-weight:600}.cleanup-dialog input{display:block;width:100%;box-sizing:border-box;padding:10px;margin:8px 0 16px;border:1px solid #a8afb6;border-radius:4px}.cleanup-danger{background:#a92332;color:white;border:0;border-radius:5px;padding:10px 14px}.cleanup-danger:disabled{opacity:.45}.event-actions{flex-wrap:wrap}.event-actions button{white-space:nowrap}