/* RedData — Início e catálogos (redesenho, etapa 2): cartões com miniatura, grade/lista e menu de mais ações. */

/* ações da linha */
.row-actions{flex-wrap:nowrap;align-items:center;gap:6px;justify-content:flex-end}
.row-actions>button{white-space:nowrap}
.row-star{border:0;background:transparent;font-size:16px;padding:6px 8px;color:var(--ink-muted)}
.row-star[aria-pressed=true]{color:#c98a00}
.row-more{position:relative}
.row-more>summary{list-style:none;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;cursor:pointer;color:var(--ink-2);border:1px solid transparent}
.row-more>summary::-webkit-details-marker{display:none}
.row-more>summary:hover,.row-more[open]>summary{background:var(--page);border-color:var(--border);color:var(--ink)}
.row-more svg,.layout-toggle svg,.home-actions svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.row-more>summary svg{stroke-width:2.6}
.row-menu{position:fixed;z-index:60;display:grid;gap:2px;min-width:200px;padding:6px;background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px rgba(16,16,20,.16)}
.row-menu button{border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;font-weight:500;width:100%}
.row-menu button:hover{background:var(--page)}
.object-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}

/* alternância grade/lista */
.layout-toggle{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface-raised);flex:none}
.layout-toggle button{width:38px;height:36px;border:0;border-radius:0;background:transparent;display:grid;place-items:center;color:var(--ink-muted);padding:0}
.layout-toggle button[aria-pressed=true]{background:var(--page);color:var(--ink)}

/* grade de cartões */
.catalog-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.catalog-card{position:relative;display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(16,16,20,.05);transition:box-shadow .15s,border-color .15s;min-width:0}
.catalog-card:hover,.catalog-card:focus-within{box-shadow:0 1px 2px rgba(16,16,20,.05),0 8px 24px rgba(16,16,20,.08);border-color:color-mix(in srgb,var(--brand) 30%,var(--border))}
.catalog-thumb{display:block;background:var(--page);border-bottom:1px solid var(--border)}
.catalog-thumb-art{display:block;width:100%;aspect-ratio:16/9}
.catalog-card-body{padding:12px 14px 14px;display:grid;gap:8px;min-width:0}
.catalog-card-body .object-name{font-weight:600;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.catalog-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-muted)}
.catalog-card .row-actions{position:absolute;top:8px;right:8px;gap:4px;opacity:0;transition:opacity .15s}
.catalog-card:hover .row-actions,.catalog-card:focus-within .row-actions,.catalog-card .row-actions:has([aria-pressed=true]),.catalog-card .row-actions:has([open]){opacity:1}
.catalog-card .row-actions>button,.catalog-card .row-more>summary{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;height:32px;padding:0 10px;box-shadow:0 1px 2px rgba(16,16,20,.08);font-size:12.5px}
.catalog-card .row-more>summary{width:32px;padding:0}
@media(hover:none){.catalog-card .row-actions{opacity:1}}

/* Início */
.home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.home-actions>button,.home-actions>.button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:64px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface-raised);color:var(--ink);font-size:15px;font-weight:600;text-align:left;text-decoration:none;box-shadow:0 1px 2px rgba(16,16,20,.05);transition:box-shadow .15s,border-color .15s}
.home-actions>button:hover,.home-actions>.button:hover{box-shadow:0 8px 24px rgba(16,16,20,.08);border-color:color-mix(in srgb,var(--brand) 30%,var(--border));background:var(--surface-raised);text-decoration:none}
.home-actions svg{width:40px;height:40px;padding:11px;border-radius:12px;background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--red-dark,#a9232d)}
.manager-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.home-panel-card{padding:0;overflow:hidden;border-radius:14px;display:flex;flex-direction:column;gap:0}
.home-panel-card .catalog-thumb-art{background:var(--page);border-bottom:1px solid var(--border)}
.home-panel-card h2{font-size:15px;margin:14px 16px 4px}
.home-panel-card p{margin:0 16px;font-size:13px;color:var(--ink-muted)}
.home-panel-card .button{margin:12px 16px 16px;align-self:flex-start}
@media(prefers-reduced-motion:reduce){.catalog-card,.home-actions>*{transition:none}}