.auth-modes{display:flex;gap:24px;padding:4px 0}.collection-filters{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:14px;padding:8px 24px 22px;border-bottom:1px solid var(--border,#e7ecf1)}.collection-filters label{font-size:11px}.collection-filters select,.collection-filters input{width:100%;margin-top:7px;min-height:38px}.collection-art{width:44px!important;height:60px!important;flex-shrink:0!important;overflow:hidden;display:flex!important;align-items:center;justify-content:center;background:#e9eef4!important;border-radius:5px!important}.collection-art img{width:100%;height:100%;object-fit:contain}.art-fallback{font-size:9px;letter-spacing:1px;color:#7d8c9c}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.note-card{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.note-card h3{margin:0;font-size:17px}.note-card p{margin:0;font-size:13px;line-height:1.65;color:var(--muted,#718096)}.note-card small{font-size:11px;color:var(--muted,#718096);line-height:1.6}.note-card .inline-form{flex-wrap:wrap;margin-top:auto}.settings-tags{display:flex;gap:6px;flex-wrap:wrap}.settings-tags span{background:var(--surface-alt,#f3f6fa);font-size:10px;color:var(--muted,#63748b);padding:5px 8px;border-radius:5px}.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.discovery-card{padding:20px;background:var(--surface,#fff);border:1px solid var(--border,#e5eaf0);border-radius:14px;display:flex;flex-direction:column;gap:12px}.discovery-card h3{font-size:15px;line-height:1.5;margin:0;min-height:45px}.discovery-card small{color:var(--muted,#718096);font-size:11px}.discovery-art{height:150px;display:flex;align-items:center;justify-content:center;background:var(--surface-alt,#f5f8fb);border-radius:10px}.discovery-art img{max-width:100%;max-height:145px;object-fit:contain}.discovery-art svg{width:44px;color:#9caec3}.discovery-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;align-items:center;flex-wrap:wrap}.phone-setup{display:flex;align-items:center;gap:24px;margin:20px 0}.phone-setup>div{flex:1}.phone-setup p,.phone-setup small{color:var(--muted,#6e7c8f);line-height:1.7}.phone-setup p{font-size:13px}.phone-setup small{font-size:11px}.notification-row{display:flex;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border,#e5eaf0)}.notification-row:last-child{border-bottom:0}.notification-row>div{flex:1}.notification-row h3{font-size:14px;margin:0 0 8px}.notification-row p{font-size:13px;color:var(--muted,#718096);line-height:1.6;margin:0 0 7px}.notification-row small{font-size:11px;color:var(--muted,#718096)}.notification-row.urgent .event-icon{color:#c77d21;background:#fff6e9}.release-panel{margin:24px 0}.release-panel p{font-size:12px;line-height:1.6;color:var(--muted,#718096)}#invite-code{width:100%;margin-top:15px;font-family:monospace}#update-status{font-size:10px;max-width:310px;color:var(--muted,#718096)}#community-error{color:#b64340;font-size:12px;max-width:65%}.image-unavailable{font-size:8px;color:#8090a3}.main-footer{flex-wrap:wrap;gap:10px}.sidebar{overflow-y:auto}.sidebar-note{margin-top:20px}.pro-page>.inline-form{flex-wrap:wrap}
@media(max-width:1200px){.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-filters{grid-template-columns:repeat(3,minmax(100px,1fr))}.phone-setup{flex-wrap:wrap}}
.alert-actions{display:flex;flex-wrap:wrap;gap:8px}.product-default-note{font-size:10px;color:#8797a8;margin-top:5px}
img[data-image]{opacity:0;transition:opacity .15s}img[data-image].image-loaded{opacity:1}