/* Focus DAM theme — premium Nordic-SaaS reskin. Upgrade-safe: loads after core CSS. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{
  --fd-bg:#F7F8FA; --fd-surface:#FFFFFF; --fd-border:#E2E5EA;
  --fd-text:#3A4150; --fd-muted:#6B7280; --fd-head:#161B22;
  --fd-accent:#2F6FED; --fd-accent-hover:#2459C9; --fd-accent-tint:#EAF1FE;
  --fd-radius:10px; --fd-radius-sm:6px;
  --fd-shadow-sm:0 1px 3px rgba(16,24,40,.08),0 1px 2px rgba(16,24,40,.04);
  --fd-shadow-md:0 4px 12px rgba(16,24,40,.10);
  /* steer RS brand token to our accent */
  --colour-brand-primary-default:#2F6FED;
  --colour-brand-primary-hover:#2459C9;
}

html,body{
  background:var(--fd-bg)!important;color:var(--fd-text);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif!important;
  font-size:14px;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.Title{color:var(--fd-head);font-weight:600;letter-spacing:-.01em;}
a:link,a:visited{color:var(--fd-accent);}

/* Header — quiet, bordered, not saturated */
#Header{background:var(--fd-surface)!important;border-bottom:1px solid var(--fd-border);box-shadow:var(--fd-shadow-sm);}
#Header li a{color:var(--fd-text);}

/* Buttons */
button,input[type=submit],input[type=button],.UploadButton a,
.RecordPanel .RecordDownloadSpace .DownloadDBlend a{
  background:var(--fd-accent)!important;color:#fff!important;border:none;
  border-radius:var(--fd-radius-sm);font-weight:500;transition:background .15s ease;
}
button:hover,input[type=submit]:hover,input[type=button]:hover,.UploadButton a:hover{
  background:var(--fd-accent-hover)!important;text-decoration:none;
}

/* Inputs */
input[type=text],input[type=password],input[type=number],input[type=email],textarea,select,.sp-replacer,#ssearchbox{
  border:1px solid var(--fd-border)!important;border-radius:var(--fd-radius-sm)!important;
  background:var(--fd-surface)!important;color:var(--fd-text);
}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus,select:focus{
  outline:none;border-color:var(--fd-accent)!important;box-shadow:0 0 0 3px var(--fd-accent-tint)!important;
}

/* Cards / panels / tiles */
.ResourcePanel,.BasicsBox,.RecordPanel,.HomePanel,.PluginDisplay{
  border-radius:var(--fd-radius)!important;border:1px solid var(--fd-border);background:var(--fd-surface);
}
.ResourcePanel{box-shadow:var(--fd-shadow-sm);transition:box-shadow .15s ease,transform .15s ease;}
.ResourcePanel:hover{box-shadow:var(--fd-shadow-md);transform:translateY(-2px);}
.HomePanelIN,.dashtext{border-radius:var(--fd-radius)!important;}

/* Sticky search bar */
.BasicsBox.SearchSticky{background:var(--fd-surface);border-bottom:1px solid var(--fd-border);box-shadow:var(--fd-shadow-sm);}

/* Login card */
#login,.LoginBox,.login .BasicsBox{border-radius:var(--fd-radius)!important;box-shadow:var(--fd-shadow-md)!important;border:1px solid var(--fd-border);}

/* Tabs + selections */
.Tab a{border-radius:var(--fd-radius-sm) var(--fd-radius-sm) 0 0;}
.TabSelected a{color:var(--fd-accent);}
.keywordselected,input:checked + .customFieldLabel{background:var(--fd-accent)!important;}

/* Brand logo swap (upgrade-safe): hide RS logo img, show Focus DAM mark */
.logo a img{display:none!important;}
.logo a{
  display:inline-block;width:188px;height:40px;
  background:url('/plugins/focus_dam_theme/css/focus-dam-logo.svg') no-repeat left center;
  background-size:contain;
}

/* logo swap (corrected): replace the RS title image on header + login with the Focus DAM mark */
.logo a img, img.LoginHeaderImg{
  content:url('/plugins/focus_dam_theme/css/focus-dam-logo.svg')!important;
  display:inline-block!important;height:38px!important;width:auto!important;background:none!important;
}
.logo a{background:none!important;width:auto!important;height:auto!important;}
img.LoginHeaderImg{height:46px!important;}

/* ===== Editorial login (light, scoped via :has) ===== */
html:has(.LoginHeader){min-height:100%;background:radial-gradient(900px 460px at 50% -12%,#EAF1FE,rgba(234,241,254,0) 62%),#F4F5F7!important}
body:has(header.LoginHeader){background:transparent!important;min-height:100vh;margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
body:has(header.LoginHeader) .LoginHeader{text-align:center;padding:66px 0 0;background:none!important;border:none!important;box-shadow:none!important}
body:has(header.LoginHeader) .LoginHeader #header-container{display:inline-block;float:none}
body:has(header.LoginHeader) .logo{float:none;display:inline-block}
body:has(header.LoginHeader) form{position:relative;z-index:1;max-width:404px;margin:30px auto 64px;background:#fff;border:1px solid #ECECEA;border-radius:16px;box-shadow:0 20px 50px rgba(11,18,32,.10);padding:36px 32px}
body:has(header.LoginHeader) form h1,body:has(header.LoginHeader) form h2{font-family:"Source Serif 4",Georgia,serif;font-size:23px;letter-spacing:-.01em;color:#0A0A0B;margin:0 0 6px}
body:has(header.LoginHeader) form input[type=text],body:has(header.LoginHeader) form input[type=password],body:has(header.LoginHeader) form input[type=email]{width:100%!important;border:1px solid #E2E5EA!important;border-radius:9px!important;padding:12px 14px!important;font-size:15px!important;background:#fff!important;color:#0A0A0B!important;box-shadow:none!important}
body:has(header.LoginHeader) form input[type=text]:focus,body:has(header.LoginHeader) form input[type=password]:focus,body:has(header.LoginHeader) form input[type=email]:focus{outline:none!important;border-color:#2F6FED!important;box-shadow:0 0 0 3px #EAF1FE!important}
body:has(header.LoginHeader) form button[type=submit],body:has(header.LoginHeader) form input[type=submit]{width:100%!important;background:#0A0A0B!important;color:#fff!important;border:none!important;border-radius:9px!important;padding:13px!important;font-weight:600!important;font-size:15px!important;cursor:pointer!important;transition:background-color .15s}
body:has(header.LoginHeader) form button[type=submit]:hover,body:has(header.LoginHeader) form input[type=submit]:hover{background:#26262a!important}
body:has(header.LoginHeader) form a{color:#2F6FED}
body:has(header.LoginHeader) form select{border:1px solid #E2E5EA!important;border-radius:8px!important;background:#fff!important;color:#0A0A0B!important}

/* ===== Editorial app UI (logged-in DAM dashboard) ===== */
#HomeSiteTextPanel{
  background-color:#0d0d0f!important;
  background-image:linear-gradient(90deg,rgba(8,8,9,.92) 0%,rgba(8,8,9,.5) 58%,rgba(8,8,9,.25) 100%),url('/plugins/focus_store/pages/thumb.php?ref=24&size=l')!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
  border-radius:14px!important;border:none!important;overflow:hidden;
}
/* keep any default dashboard banner dark, never a saturated default */
#CentralSpace .HomeSlideShow,#HomeSlideShow{background:#0d0d0f!important}
#HomeSiteTextPanel .dashtext{color:#D2D6DE!important}
#HomeSiteTextPanel h1,#HomeSiteTextPanel .dashtext h1{font-family:"Source Serif 4",Georgia,serif!important;font-weight:700!important;letter-spacing:-.02em!important;color:#fff!important}
.PageHeading,h1.PageHeading,.BasicsBox h1,#CentralSpace h1,.RecordBox h1{font-family:"Source Serif 4",Georgia,serif!important;letter-spacing:-.01em}
#CentralSpaceContainer .HomePanel,#CentralSpaceContainer .dash-tile,.DashTile,.HomePanelIN{border-radius:12px!important;border:1px solid #E6E8EC!important;box-shadow:0 1px 3px rgba(11,18,32,.06)!important;background:#fff}