/* STOT Database page CSS v5.77 */

/* ===== css/beta-database-images.css ===== */
.v556-db-logo{width:56px!important;height:56px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:12px!important;background:#101621!important;border:1px solid #364158!important;padding:3px!important;box-sizing:border-box!important}.v556-db-image{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}.drill-head:has(.v556-db-logo){grid-template-columns:56px minmax(0,1fr) auto!important;align-items:center!important}.v556-lootbox-logo{padding:1px!important}.v556-decoration-logo,.v556-refinery-logo,.v556-solar-logo{padding:2px!important}@media(max-width:620px){.v556-db-logo{width:50px!important;height:50px!important;border-radius:11px!important}.drill-head:has(.v556-db-logo){grid-template-columns:50px minmax(0,1fr) auto!important;gap:8px!important}}

/* ===== css/beta-database-redesign.css ===== */
#databaseView.v557-db{--db-visual:78px}
#databaseView.v557-db #databaseTabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:8px;position:sticky;top:0;z-index:8;background:rgba(11,13,20,.94);backdrop-filter:blur(10px);border:1px solid #273044;border-radius:14px;margin-bottom:12px}
#databaseView.v557-db #databaseTabs button{min-width:0;min-height:52px;padding:7px 6px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.05;white-space:normal;text-align:center}
#databaseView.v557-db #databaseTabs button::after{content:attr(data-v557-count);font-size:9px;opacity:.62;font-weight:700}
#databaseView.v557-db #databaseTabs button.active{box-shadow:0 0 0 1px rgba(111,151,255,.45) inset,0 8px 24px rgba(0,0,0,.18)}
#databaseView.v557-db .v557-db-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
#databaseView.v557-db .v557-db-list>.panel.empty{grid-column:1/-1}
#databaseView.v557-db .v557-db-card{margin:0!important;border-radius:14px!important;overflow:hidden;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;background:linear-gradient(180deg,rgba(24,30,43,.98),rgba(15,20,30,.98))}
#databaseView.v557-db .v557-db-card:hover{transform:translateY(-1px);border-color:#42506a;box-shadow:0 10px 28px rgba(0,0,0,.18)}
#databaseView.v557-db .v557-db-card .drill-head{display:grid!important;grid-template-columns:var(--db-visual) minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:12px!important;min-height:102px}
#databaseView.v557-db .v557-db-card .drill-logo{width:var(--db-visual)!important;height:var(--db-visual)!important;min-width:var(--db-visual)!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#101722!important;border:1px solid #354159!important;overflow:hidden!important;padding:5px!important;box-sizing:border-box!important}
#databaseView.v557-db .v557-db-card .drill-logo img.v556-db-image{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.28))}
#databaseView.v557-db .v557-db-card .drill-info{min-width:0}
#databaseView.v557-db .v557-db-card .drill-info strong{display:block;font-size:13px;line-height:1.25;margin-bottom:6px;overflow-wrap:anywhere}
#databaseView.v557-db .v557-db-card .meta{display:flex;flex-wrap:wrap;gap:4px}
#databaseView.v557-db .v557-db-card .pill{font-size:9px;line-height:1;padding:5px 7px;border-radius:999px}
#databaseView.v557-db .v557-db-card .oil-rate{min-width:82px;text-align:right;align-self:center}
#databaseView.v557-db .v557-db-card .oil-rate strong{font-size:14px;white-space:nowrap}
#databaseView.v557-db .v557-db-card .oil-rate small{display:block;margin-top:3px;font-size:8px;letter-spacing:.05em;opacity:.65}
#databaseView.v557-db .v557-db-card .details{border-top:1px solid #283247;padding:10px 12px 12px!important;background:rgba(7,10,16,.34)}
#databaseView.v557-db .v557-db-card.open{border-color:#465774;box-shadow:0 12px 32px rgba(0,0,0,.22)}
#databaseView.v557-db .v557-db-card .detail{min-height:35px}
#databaseView.v557-db .drop-list{margin-top:8px;border-top:1px solid #293348;padding-top:8px}
#databaseView.v557-db .drop-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:6px 0}
#databaseView.v557-db .v557-db-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:10px 12px;border:1px solid #273044;background:#111722;border-radius:12px}
#databaseView.v557-db .v557-db-toolbar strong{font-size:12px}
#databaseView.v557-db .v557-db-toolbar span{font-size:9px;color:#8d98aa}
#databaseView.v557-db .v557-db-card.v557-no-image .drill-logo{font-size:14px!important;font-weight:800!important;color:#a9b6ca!important}
#databaseView.v557-db .v557-db-card.v557-no-image .drill-logo:not(.v546-atlas-thumb){background:radial-gradient(circle at 50% 40%,#202b3f,#101722 72%)!important}
@media(max-width:900px){#databaseView.v557-db #databaseTabs{grid-template-columns:repeat(4,minmax(0,1fr))}#databaseView.v557-db .v557-db-list{grid-template-columns:1fr}}
@media(max-width:620px){#databaseView.v557-db{--db-visual:68px}#databaseView.v557-db #databaseTabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:7px;padding:7px;position:relative}#databaseView.v557-db #databaseTabs button{flex:0 0 92px;min-height:48px;scroll-snap-align:start;font-size:10px}#databaseView.v557-db .v557-db-card .drill-head{grid-template-columns:var(--db-visual) minmax(0,1fr)!important;gap:10px!important;padding:10px!important;min-height:90px}#databaseView.v557-db .v557-db-card .oil-rate{grid-column:2;grid-row:2;text-align:left;min-width:0;margin-top:-2px}#databaseView.v557-db .v557-db-card .oil-rate strong{font-size:13px}#databaseView.v557-db .v557-db-card .drill-logo{grid-row:1/3}#databaseView.v557-db .v557-db-card .drill-info strong{font-size:12px;margin-bottom:5px}#databaseView.v557-db .v557-db-card .pill{font-size:8px;padding:4px 6px}#databaseView.v557-db .v557-db-toolbar{padding:9px 10px}}

/* Celestial Forged Drill — compact rows matching Database cards */
#databaseView .forged-level-list{display:grid;gap:7px}
#databaseView .forged-level-card{border:1px solid #303b52;border-radius:11px;background:rgba(15,20,30,.72);display:grid;grid-template-columns:56px minmax(100px,.7fr) minmax(0,1.8fr);gap:9px;align-items:center;padding:8px;min-width:0}
#databaseView .forged-level-head{display:contents}
#databaseView .forged-level-logo{width:56px;height:56px;border:1px solid #354159;border-radius:11px;background:#101722;display:grid;place-items:center;overflow:hidden;padding:3px;box-sizing:border-box}
#databaseView .forged-level-logo img{width:100%;height:100%;object-fit:contain;display:block}
#databaseView .forged-level-placeholder{font-weight:900;font-size:15px;color:#7f8da4}
#databaseView .forged-level-info{min-width:0}
#databaseView .forged-level-info strong{display:block;font-size:12px;margin:0 0 3px}
#databaseView .forged-level-info .meta{display:none!important}
#databaseView .forged-level-head .oil-rate{display:none!important}
#databaseView .forged-level-props{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,2fr);gap:8px;align-items:center;min-width:0;border:0;padding:0;background:none}
#databaseView .forged-level-cost{display:grid;gap:2px;min-width:0}
#databaseView .forged-level-cost span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#8f9bb0;font-weight:800}
#databaseView .forged-level-cost strong{font-size:10px;line-height:1.2}
#databaseView .forged-level-production{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0}
#databaseView .forged-level-production span{display:grid;gap:2px;padding:5px 3px;border:0;border-left:1px solid #2d374b;border-radius:0;background:none;font-size:9px;font-weight:800;text-align:center;min-width:0}
#databaseView .forged-level-production b{font-size:7px;color:#8f9bb0;text-transform:uppercase;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis}
@media(max-width:620px){#databaseView .forged-level-list{grid-column:1/-1!important;width:100%!important;min-width:0!important;gap:6px}#databaseView .forged-level-card{width:100%!important;max-width:none!important;box-sizing:border-box!important;grid-template-columns:48px minmax(0,1fr)!important;gap:8px;padding:7px}#databaseView .forged-level-logo{width:48px;height:48px;grid-column:1;grid-row:1}#databaseView .forged-level-info{grid-column:2;grid-row:1}#databaseView .forged-level-props{grid-column:1/-1!important;grid-template-columns:1fr!important;gap:6px!important;padding-top:6px!important;border-top:1px solid #283247!important}#databaseView .forged-level-cost{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}#databaseView .forged-level-production{width:100%!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important}#databaseView .forged-level-production span{min-width:0!important;padding:5px 2px!important;font-size:8px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important}#databaseView .forged-level-production b{font-size:6px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}#databaseView .forged-level-cost strong{font-size:9px}}

/* Scrap badges — dedicated accent inside Database */
#databaseView #drillList .drill-info .meta>.pill:nth-child(4),
#databaseView #refineryList .drill-info .meta>.pill:nth-child(4),
#databaseView #solarList .drill-info .meta>.pill:nth-child(2),
#databaseView #decorationList .drill-info .meta>.pill:nth-child(4),
#databaseView #lootboxList .drill-info .meta>.pill:nth-child(3){color:#fbbf24!important;background:rgba(245,158,11,.16)!important;border-color:rgba(245,158,11,.72)!important;box-shadow:0 0 0 1px rgba(245,158,11,.08) inset,0 0 14px rgba(245,158,11,.10)!important;font-weight:900!important}


/* Celestial Scrap value note */
#databaseView .scrap-value-note{color:#ffd27a!important;border-color:rgba(255,177,52,.5)!important;background:rgba(255,177,52,.08)!important;font-weight:800!important}