/* GIC Five UI Polish V1 — CSS only, scoped to the indicated page/section. */
/* Dashboard dark styling available in HEAD (editorial stylesheet relocated).
   Critical rules protect first paint from late CSS overrides. */
html[data-gic-theme="dark"] body main.gic-dashboard-editorial.gic-dashboard-pro{
 background:linear-gradient(145deg,#111f19,#192d23 78%,#15251d)!important;color:#e7f2e9}
html[data-gic-theme="dark"] body main.gic-dashboard-editorial .gic-dp-hero{
 background:linear-gradient(135deg,#20382a,#1a3027)!important;border-color:#3d5747!important}
html[data-gic-theme="dark"] body main.gic-dashboard-editorial .gic-dp-stat{
 background:#20372c!important;border-color:#3d5646!important}
html[data-gic-theme="dark"] body main.gic-dashboard-editorial :is(.gic-dp-greeting h1,.gic-dp-stat strong){color:#e6f2e8!important}
html[data-gic-theme="dark"] body main.gic-dashboard-editorial :is(.gic-dp-greeting>p,.gic-dp-stat small){color:#b4c9b9!important}

/* Soft dark boxes throughout the STUDY/REVIEW layer content, not global panels
   and not audio, recorder, tabs or rating controls. */
html[data-gic-theme="dark"] body .gic-ah-wrap[data-gic-study-card] .gic-layer-editorial :is(
 .kit-card,.kit-row,.ex,.example,.sound,.chunk,.gic2,.gpv7,.box,
 .gic-language-kit-item,.gic-layer-item,.dialogue-card,.gic-example-box),
html[data-gic-theme="dark"] body .gic-ah-wrap[data-gic-study-card] .gic-layer-items :is(.gic-layer-item,.kit-card,.kit-row){
 background:#24382f!important;background-image:none!important;border-color:#3e5b4d!important;
 color:#e6eee7!important;box-shadow:0 4px 12px rgba(0,0,0,.14)!important}
html[data-gic-theme="dark"] body .gic-ah-wrap[data-gic-study-card] .gic-layer-editorial :is(
 .kit-card,.kit-row,.ex,.example,.sound,.chunk,.gic2,.gpv7,.box,.gic-language-kit-item,.gic-layer-item
) :is(.de,.word,[lang="de"],h2,h3,strong,b),
html[data-gic-theme="dark"] body .gic-ah-wrap[data-gic-study-card] .gic-layer-items .gic-layer-item strong{
 color:#eff3e9!important;-webkit-text-fill-color:#eff3e9!important;opacity:1!important;text-shadow:none!important}
html[data-gic-theme="dark"] body .gic-ah-wrap[data-gic-study-card] .gic-layer-editorial :is(
 .kit-card,.kit-row,.ex,.example,.sound,.chunk,.gic2,.gpv7,.box,.gic-language-kit-item,.gic-layer-item
) :is(.en,.translation,.micro-note,.sub,small,.hint),
html[data-gic-theme="dark"] body .gic-ah-wrap[data-gic-study-card] .gic-layer-items .gic-layer-item small{
 color:#bfcec5!important;-webkit-text-fill-color:#bfcec5!important;opacity:1!important}
/* Existing hand-authored custom boxes sometimes use inline white styles. */
html[data-gic-theme="dark"] body .gic-ah-wrap[data-gic-study-card] .gic-layer-editorial :is(div,section,article,blockquote):not(.gic-inline-audio-actions):not(.gic-compare-panel):is(
 [style*="background:#fff" i],[style*="background: #fff" i],
 [style*="background:white" i],[style*="background: white" i],
 [style*="background-color:#fff" i],[style*="background-color: #fff" i],
 [style*="background-color:white" i],[style*="background-color: white" i],
 [style*="background:rgb(255" i],[style*="background: rgb(255" i]){
 background:#24382f!important;background-image:none!important;border-color:#3e5b4d!important;
 color:#e6eee7!important;box-shadow:0 4px 12px rgba(0,0,0,.14)!important}
html[data-gic-theme="dark"] body .gic-ah-wrap[data-gic-study-card] :is(.gic-dialogue-line-card,.gic-ah-turn){
 box-shadow:0 4px 12px rgba(0,0,0,.15)!important}

/* A1+ initial green hero comes from its server-side class, not a delayed JS class. */

/* Login/register: readable night primary button; no style change in day. */
html[data-gic-theme="dark"] body main.auth .auth-card form button.btn.primary[type="submit"]:not(:disabled){
 background:linear-gradient(140deg,#177c69,#105345)!important;border:1px solid #3b9680!important;
 color:#fff8ec!important;-webkit-text-fill-color:#fff8ec!important;
 text-shadow:none!important;box-shadow:0 9px 20px rgba(0,0,0,.23)!important;opacity:1!important}
html[data-gic-theme="dark"] body main.auth .auth-card form button.btn.primary[type="submit"]:hover{
 background:linear-gradient(140deg,#218977,#126552)!important}
html[data-gic-theme="dark"] body main.auth .auth-card form button.btn.primary[type="submit"]:focus-visible{
 outline:3px solid #dbbc79!important;outline-offset:3px!important}

/* Free Card Drops: configured account + NO active Drop only.
   Active Drops and first-run onboarding preserve their existing layout. */
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact{
 display:flex!important;flex-direction:column!important;margin:14px 0 16px!important;
 border-radius:22px!important;overflow:hidden}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-panel-head{
 order:0;display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;
 gap:12px!important;align-items:center!important;padding:15px 18px 8px!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-panel-icon{
 display:grid!important;width:36px!important;height:36px!important;border-radius:11px!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-panel-icon svg{width:19px!important;height:19px!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-panel-copy .gic-dp-eyebrow{
 font-size:12px!important;line-height:1.35!important;letter-spacing:.105em!important;margin:0!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-panel-copy h2{
 position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
 overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-panel-copy p{display:none!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-library-link{
 grid-column:3!important;justify-self:end!important;align-self:center!important;
 white-space:nowrap!important;padding:6px 0!important;font-size:12px!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-active-list{order:1!important;border-top:0!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-empty{
 display:flex!important;gap:10px!important;padding:3px 18px 12px!important;align-items:center!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-empty-icon{display:none!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-empty strong{font-size:12px!important;line-height:1.4!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-empty small{display:none!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-ready{
 margin-left:auto!important;white-space:nowrap!important;font-size:10px!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-preferences{
 order:2!important;border-top:1px solid rgba(24,92,78,.1)!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-preferences:not([open])>summary{padding:9px 18px!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-preferences:not([open])>summary strong{font-size:11px!important}
main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-preferences:not([open])>summary small{font-size:10px!important}
@media(max-width:560px){
 main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-panel-head{
  grid-template-columns:33px minmax(0,1fr)!important;gap:8px 12px!important;padding:13px 14px 5px!important}
 main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-panel-icon{width:33px!important;height:33px!important}
 main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-library-link{
  grid-column:2!important;justify-self:start!important;padding:0 0 3px!important}
 main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-empty{padding:3px 14px 11px!important}
 main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-preferences:not([open])>summary{padding:9px 14px!important}
}
html[data-gic-theme="dark"] body main.gic-dashboard-pro .gic-drop-panel.is-empty-compact{
 background:#20372c!important;border-color:#3d5646!important;color:#e9f1e8!important;
 box-shadow:0 9px 22px rgba(0,0,0,.15)!important}
html[data-gic-theme="dark"] body main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-panel-copy .gic-dp-eyebrow{
 color:#e4c98b!important}
html[data-gic-theme="dark"] body main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-empty strong{color:#e5f0e7!important}
html[data-gic-theme="dark"] body main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-ready{
 background:#295342!important;color:#c9edd4!important}
html[data-gic-theme="dark"] body main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-library-link{color:#9bdfc8!important}
html[data-gic-theme="dark"] body main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-preferences{
 background:#1e342a!important;border-color:#365947!important}
html[data-gic-theme="dark"] body main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-preferences>summary{color:#e1efe5!important}
html[data-gic-theme="dark"] body main.gic-dashboard-pro .gic-drop-panel.is-empty-compact .gic-drop-preferences>summary small{color:#afc8ba!important}