/* Squares Pro Stadium Lights — Import / Export Center */
body:has(#importExport.active){color:#edf4f8;background:linear-gradient(rgba(0,5,9,.28),rgba(0,5,9,.88)),url('../themes/stadium-lights-bg.png') center top/cover fixed!important;}
body:has(#importExport.active) .app,body:has(#importExport.active) main{background:transparent!important;}
body:has(#importExport.active) main{width:100%!important;margin-left:0!important;padding:0 28px 38px!important;}
body:has(#importExport.active) #workspaceDock,body:has(#importExport.active) #saveStatusIndicator,body:has(#importExport.active) #undoLastActionBtn,body:has(#importExport.active) .footerNote{display:none!important;}

body:has(#importExport.active) .sidebar{position:fixed!important;left:0!important;top:0!important;z-index:5000!important;width:min(290px,86vw)!important;height:100vh!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:20px 14px!important;overflow-x:hidden!important;overflow-y:auto!important;transform:translateX(-105%)!important;transition:transform .24s ease!important;background:linear-gradient(180deg,rgba(4,14,24,.99),rgba(1,6,11,.99))!important;border-right:1px solid rgba(155,211,248,.58)!important;box-shadow:18px 0 50px rgba(0,0,0,.78),inset -1px 0 rgba(255,255,255,.08)!important;}
body.dashboardNavOpen:has(#importExport.active) .sidebar{transform:translateX(0)!important;}
body:has(#importExport.active) .sidebar .brand,body:has(#importExport.active) .sidebar .navReorg,body:has(#importExport.active) .sidebar .modeSwitcher,body:has(#importExport.active) .sidebar .notificationBell,body:has(#importExport.active) .sidebar .smartAlertBell,body:has(#importExport.active) .sidebar .commandPaletteTrigger,body:has(#importExport.active) .sidebar .premiumHomeUpgrade{display:none!important;}
body:has(#importExport.active) .sidebar .premiumHomeNav{display:grid!important;gap:4px!important;margin:0!important;padding:0!important;}
body:has(#importExport.active) .sidebar .premiumHomeNav button{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:39px!important;margin:0!important;padding:8px 11px!important;color:#dce8ef!important;background:transparent!important;border:1px solid transparent!important;border-radius:3px!important;font-size:13px!important;font-weight:850!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important;}
body:has(#importExport.active) .sidebar .premiumHomeNav button span{flex:0 0 23px!important;width:23px!important;color:#bcd9e9!important;font-size:19px!important;text-align:center!important;}
body:has(#importExport.active) .sidebar .premiumHomeNav button:hover{color:#fff!important;background:rgba(20,105,159,.35)!important;border-color:rgba(67,181,247,.42)!important;}
body:has(#importExport.active) .sidebar .premiumHomeNav button.active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
body:has(#importExport.active) .sidebar .premiumHomeNav button:nth-child(12){color:#fff!important;background:linear-gradient(90deg,#104d73,#168bc4)!important;border-color:#6bd2ff!important;box-shadow:0 0 14px rgba(53,185,246,.32),inset 3px 0 #b5ecff!important;}
body:has(#importExport.active) .sidebar .premiumDashThemePanel{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%!important;margin:auto 0 0!important;padding:10px!important;color:#fff!important;background:linear-gradient(180deg,#0a1b29,#02090e)!important;border:1px solid #9e7624!important;}
body:has(#importExport.active) .sidebar .premiumDashThemePanel>span{color:#efbe40!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.14em!important;}
body:has(#importExport.active) .sidebar .premiumDashThemePanel>b{font-size:12px!important;}
body:has(#importExport.active) .sidebar .premiumDashThemePreview{display:block!important;width:100%!important;height:48px!important;border:1px solid #31546b!important;}
body:has(#importExport.active) .sidebar .premiumDashThemePanel>button{min-height:32px!important;color:#fff!important;background:linear-gradient(#19364c,#07131d)!important;border:1px solid #159dea!important;font-size:11px!important;font-weight:1000!important;cursor:pointer!important;}

#importExport{max-width:1720px;margin:0 auto;padding:0!important;}
#importExport>.pageBackRow{display:none!important;}
#importExport .stadiumImportExportHeader{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;min-height:104px;padding:2px 42px 0;}
#importExport .stadiumHeaderButton{display:grid;place-items:center;width:52px;height:52px;padding:0;color:#dce9f0;background:linear-gradient(145deg,rgba(25,39,50,.88),rgba(2,7,12,.95));border:1px solid #8299a7;border-radius:8px;box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 20px rgba(0,0,0,.6);cursor:pointer;}
#importExport .stadiumMenuButton{gap:5px;padding:14px;}
#importExport .stadiumMenuButton span{display:block;width:25px;height:3px;background:#d8e3e8;border-radius:2px;box-shadow:0 0 5px rgba(159,221,255,.42);}
#importExport .stadiumSettingsButton{font-size:26px;}
#importExport .stadiumBrandLockup{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.2vw,34px);min-width:0;}
#importExport .stadiumBrandLockup>img{width:clamp(70px,5.8vw,88px);height:clamp(70px,5.8vw,88px);object-fit:contain;clip-path:polygon(50% 0,88% 10%,94% 28%,92% 70%,72% 89%,50% 100%,28% 89%,8% 70%,6% 28%,12% 10%);filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 15px rgba(38,150,255,.9));}
#importExport .stadiumBrandWords{text-align:center;white-space:nowrap;}
#importExport .stadiumMetalTitle{display:block;width:clamp(390px,41vw,620px);height:auto;filter:drop-shadow(0 7px 3px rgba(0,0,0,.84));}
#importExport .stadiumBrandWords small{display:block;margin-top:1px;color:#d9e7ef;font-size:10px;font-weight:1000;font-style:italic;letter-spacing:.38em;text-shadow:0 2px 4px #000,0 0 9px rgba(121,193,235,.5);}

#importExport .stadiumImportExportStrip{display:grid;grid-template-columns:1fr 1.2fr 1fr;min-height:58px;margin:0 0 14px;color:#edf3f6;background:linear-gradient(180deg,rgba(12,23,32,.96),rgba(1,6,10,.98));border:1px solid #526571;border-left-color:#93b7ca;border-right-color:#93b7ca;box-shadow:0 8px 20px rgba(0,0,0,.66);}
#importExport .stadiumImportExportStrip>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:8px 14px;border-right:1px solid rgba(113,139,155,.32);}
#importExport .stadiumImportExportStrip>div:last-child{border-right:0;}
#importExport .stadiumImportExportStrip small{color:#8fd8ff;font-size:8px;font-weight:1000;letter-spacing:.14em;}
#importExport .stadiumImportExportStrip>div>b{overflow:hidden;max-width:100%;color:#fff;font-size:14px;font-style:italic;text-overflow:ellipsis;white-space:nowrap;}
#importExport .stadiumImportExportStripCenter{flex-direction:row!important;gap:18px!important;}
#importExport .stadiumImportExportStripCenter strong{color:#fff;font-size:20px;font-style:italic;letter-spacing:.08em;text-shadow:0 0 9px rgba(55,176,255,.65);}
#importExport .stadiumImportExportStripCenter span{color:#efbd3a;font-size:10px;font-weight:1000;letter-spacing:.08em;}

#importExport .stadiumImportExportTopbar{margin:0 0 10px;padding:12px 16px;color:#edf4f8;background:linear-gradient(180deg,rgba(8,22,33,.96),rgba(2,9,15,.97));border:1px solid #537487;border-radius:0!important;}
#importExport .stadiumImportExportTopbar h2{color:#fff;font-size:22px;font-style:italic;text-transform:uppercase;}
#importExport .stadiumImportExportTopbar .tag{color:#93aabd;}
#importExport .stadiumImportExportActions{display:flex;gap:8px;}
#importExport .stadiumImportExportActions .btn{min-height:39px;border-radius:3px!important;font-size:10px!important;font-weight:1000!important;text-transform:uppercase;}
#importExport .stadiumImportExportActions .green{color:#fff!important;background:linear-gradient(#08784b,#054a30)!important;border:1px solid #41dda0!important;box-shadow:0 0 12px rgba(45,210,142,.24)!important;}

#importExport .stadiumImportExportSummary{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:8px;margin:0 0 12px;}
#importExport .stadiumImportExportSummary>div{min-width:0;padding:12px 14px;background:linear-gradient(150deg,#0d293b,#061019);border:1px solid #31566d;border-top:3px solid #67c9f4;box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.38);}
#importExport .stadiumImportExportSummary>div:last-child{border-top-color:#e8b83e;}
#importExport .stadiumImportExportSummary small{display:block;color:#76ceff;font-size:7px;font-weight:1000;letter-spacing:.13em;}
#importExport .stadiumImportExportSummary b{display:block;overflow:hidden;margin:3px 0;color:#fff;font-size:19px;font-style:italic;text-overflow:ellipsis;white-space:nowrap;}
#importExport .stadiumImportExportSummary span{display:block;overflow:hidden;color:#8da3b0;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;}

#importExport .importExportSplit{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch;}
#importExport .stadiumImportExportPanel{min-width:0;margin:0 0 12px!important;padding:15px!important;color:#eaf2f6!important;background:linear-gradient(180deg,rgba(5,17,27,.97),rgba(1,7,12,.98))!important;border:1px solid #349fe3!important;border-radius:0!important;box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 0 30px rgba(28,126,190,.08),0 12px 28px rgba(0,0,0,.56)!important;}
#importExport .stadiumImportPanel{border-color:#3bc78d!important;}
#importExport .stadiumBackupHistoryPanel{border-color:#8c75df!important;}
#importExport .stadiumBackupInfoPanel{border-color:#c99b35!important;}
#importExport .stadiumImportExportSectionTitle{display:flex;align-items:center;gap:11px;margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid #29495d;}
#importExport .stadiumImportExportSectionTitle>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;color:#06101a;background:linear-gradient(145deg,#f7cc55,#a96e05);border:1px solid #ffe285;font-size:12px;font-weight:1000;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);}
#importExport .stadiumImportExportSectionTitle>div{min-width:0;flex:1;}
#importExport .stadiumImportExportSectionTitle h3{margin:0;color:#f3bd3b;font-size:15px;font-style:italic;letter-spacing:.08em;text-transform:uppercase;}
#importExport .stadiumImportExportSectionTitle small{color:#8fa6b5;font-size:10px;font-weight:700;}

#importExport .exportGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
#importExport .exportCard{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;gap:3px 10px;min-height:128px;padding:13px;color:#eaf2f6;background:linear-gradient(145deg,#0d293b,#061019);border:1px solid #31566d;border-radius:0;text-align:left;cursor:pointer;}
#importExport .exportCard:hover{transform:translateY(-2px);border-color:#50c6ff;box-shadow:0 9px 23px rgba(0,0,0,.35);}
#importExport .exportCard>span{grid-row:1/4;display:grid;place-items:center;width:40px;height:40px;color:#7bd3ff;background:#06131d;border:1px solid #376c8b;border-radius:50%;font-size:21px;}
#importExport .exportCard b{color:#fff;font-size:13px;text-transform:uppercase;}
#importExport .exportCard small{color:#8fa6b5;font-size:9px;line-height:1.4;}
#importExport .exportCard strong{align-self:end;margin-top:7px;color:#71d1ff;font-size:8px;letter-spacing:.08em;}
#importExport .primaryExport{background:linear-gradient(145deg,#123924,#06170f);border-color:#27885c;}
#importExport .primaryExport>span,#importExport .primaryExport strong{color:#65e6aa;}

#importExport .importDropZone{min-height:156px;margin:0 0 10px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eaf6fb;background:linear-gradient(145deg,rgba(12,48,68,.75),rgba(3,16,25,.92));border:2px dashed #4f9bc4;border-radius:0;cursor:pointer;}
#importExport .importDropZone:hover,#importExport .importDropZone.dragover{transform:translateY(-1px);color:#fff;background:linear-gradient(145deg,rgba(13,72,97,.9),rgba(4,27,40,.96));border-color:#68d6ff;box-shadow:inset 0 0 24px rgba(55,190,247,.12);}
#importExport .importDropIcon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:8px;color:#61d4ff;background:#06131d;border:1px solid #4faad5;border-radius:50%;font-size:25px;}
#importExport .importDropZone>b{font-size:13px;font-style:italic;letter-spacing:.05em;}
#importExport .importDropZone p{margin:4px 0;color:#8fa9b8;font-size:10px;}
#importExport .importDropZone small{color:#7291a3;font-size:8px;font-weight:750;}
#importExport .importButtonGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
#importExport .importButtonGrid button{display:block;min-height:52px;padding:8px 10px;color:#eaf2f6;background:linear-gradient(90deg,#0d2b3d,#06131d);border:1px solid #31566d;border-radius:0;text-align:left;cursor:pointer;}
#importExport .importButtonGrid button:hover{background:linear-gradient(90deg,#124565,#082033);border-color:#47baff;}
#importExport .importButtonGrid button b{display:block;color:#fff;font-size:10px;text-transform:uppercase;}
#importExport .importButtonGrid button small{display:block;margin-top:2px;color:#829aaa;font-size:8px;}
#importExport .importButtonGrid .restoreBackupButton{background:linear-gradient(90deg,#382a08,#171004);border-color:#92701f;}
#importExport .importButtonGrid .restoreBackupButton:hover{border-color:#f2c54a;}
#importExport .stadiumRestoreWarning{display:flex;gap:9px;align-items:center;margin-top:9px;padding:8px 10px;color:#d6b951;background:#211906;border:1px solid #73591b;font-size:8px;line-height:1.4;}
#importExport .stadiumRestoreWarning b{flex:0 0 auto;color:#ffd55f;letter-spacing:.08em;}

#importExport .backupHistoryItem{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:7px;padding:9px;color:#eaf2f6;background:linear-gradient(90deg,#0d293b,#061019);border:1px solid #31566d;border-radius:0;}
#importExport .backupIcon{display:grid;place-items:center;width:36px;height:36px;background:#06131d;border:1px solid #376c8b;border-radius:50%;}
#importExport .backupMain b{color:#fff;font-size:11px;}
#importExport .backupMain .sub,#importExport .backupFilename{color:#829aaa;font-size:8px;}
#importExport .backupInfoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
#importExport .backupInfoGrid div{min-width:0;padding:10px;background:linear-gradient(145deg,#0d293b,#061019);border:1px solid #31566d;border-radius:0;}
#importExport .backupInfoGrid span{display:block;color:#72cfff;font-size:7px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;}
#importExport .backupInfoGrid b{display:block;overflow:hidden;margin-top:4px;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
#importExport .empty{padding:24px;color:#7992a2!important;background:#07151f;border:1px dashed #31566d;text-align:center;}

/* Import preview is shared globally; support the active class used by importExport.js. */
.importPreviewOverlay.active{display:flex;}
body:has(#importExport.active) .importPreviewModal{color:#eaf2f6!important;background:linear-gradient(180deg,#0b2130,#030b11)!important;border:1px solid #48bdf5!important;border-radius:2px!important;}
body:has(#importExport.active) .importPreviewHeader,body:has(#importExport.active) .importPreviewActions{background:#071722!important;border-color:#31566d!important;}
body:has(#importExport.active) .importPreviewHeader h3{color:#f3bd3b;}
body:has(#importExport.active) .importPreviewBody{background:#040e15!important;}

@media(max-width:1050px){
  #importExport .stadiumImportExportSummary{grid-template-columns:repeat(3,1fr);}
  #importExport .stadiumImportExportSummary>div:first-child{grid-column:span 2;}
}
@media(max-width:800px){
  body:has(#importExport.active) main{padding-inline:10px!important;}
  #importExport .stadiumImportExportHeader{padding-inline:4px;grid-template-columns:48px minmax(0,1fr) 48px;}
  #importExport .stadiumHeaderButton{width:44px;height:44px;}
  #importExport .stadiumBrandLockup>img:last-child{display:none;}
  #importExport .stadiumBrandLockup>img{width:54px;height:54px;}
  #importExport .stadiumMetalTitle{width:clamp(205px,55vw,360px);}
  #importExport .stadiumBrandWords small{font-size:7px;letter-spacing:.2em;}
  #importExport .stadiumImportExportStrip{grid-template-columns:1fr;}
  #importExport .stadiumImportExportStrip>div:not(.stadiumImportExportStripCenter){display:none;}
  #importExport .stadiumImportExportTopbar{display:grid!important;gap:10px;}
  #importExport .stadiumImportExportActions{display:grid;grid-template-columns:1fr 1fr;}
  #importExport .importExportSplit{grid-template-columns:1fr;}
}
@media(max-width:560px){
  #importExport .stadiumImportExportSummary{grid-template-columns:1fr 1fr;}
  #importExport .stadiumImportExportSummary>div:first-child{grid-column:1/3;}
  #importExport .exportGrid,#importExport .importButtonGrid,#importExport .backupInfoGrid{grid-template-columns:1fr;}
  #importExport .stadiumImportExportActions{grid-template-columns:1fr;}
  #importExport .stadiumImportExportSectionTitle{align-items:flex-start;flex-wrap:wrap;}
  #importExport .stadiumImportExportSectionTitle>.btn{width:100%;}
}