.header-inline-toolbar{
  position:fixed;
  left:16px;
  top:16px;
  z-index:2400;
  display:flex;
  align-items:center;
  gap:12px;
  pointer-events:auto;
  transform:translateX(0);
}

.header-inline-toolbar__launcher{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(148,163,184,.35);
  background:rgba(15,23,42,.92);
  color:#f8fafc;
  cursor:pointer;
}

html.theme-light .header-inline-toolbar__launcher{
  background:rgba(248,250,252,.92);
  color:#0f172a;
  border-color:rgba(148,163,184,.35);
}

.header-inline-toolbar__icon{
  width:20px;
  height:20px;
}

.header-inline-toolbar__panel{
  display:none;
  align-items:center;
  gap:14px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(15,23,42,.92);
  color:#f8fafc;
  box-shadow:0 14px 34px rgba(15,23,42,.42);
  border:1px solid rgba(148,163,184,.35);
  backdrop-filter:blur(10px);
}

.header-inline-toolbar__panel.is-open{
  display:flex;
}

.site-header.toolbar-open .header-inline-toolbar{
  left:50%;
  top:calc(var(--header-h, 72px) + 18px);
  transform:translateX(-50%);
}

html.theme-light .header-inline-toolbar__panel{
  background:rgba(248,250,252,.95);
  color:#0f172a;
  border-color:rgba(148,163,184,.45);
  box-shadow:0 12px 30px rgba(15,23,42,.2);
}

.header-inline-toolbar__group{
  display:flex;
  align-items:center;
  gap:10px;
}

.header-inline-toolbar__colors{
  flex-wrap:wrap;
  align-items:flex-start;
  gap:14px;
  max-width:520px;
}

.header-color-control{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:120px;
}

.header-color-control span{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.header-color-control__inputs{
  display:flex;
  align-items:center;
  gap:8px;
}

.header-color-control__inputs input[type="color"]{
  width:32px;
  height:32px;
  border:none;
  border-radius:8px;
  padding:0;
  background:transparent;
  cursor:pointer;
}

.header-color-control__inputs input[type="text"]{
  width:96px;
  padding:6px 8px;
  border-radius:8px;
  border:1px solid rgba(148,163,184,.45);
  background:rgba(248,250,252,.12);
  color:inherit;
  font-size:.85rem;
}

.header-color-control__alpha{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:6px;
}

.header-color-control__alpha input[type="range"]{
  width:120px;
  accent-color:currentColor;
}

.header-color-control__alpha span{
  font-size:.75rem;
  font-weight:600;
  min-width:42px;
  text-align:right;
}

html.theme-light .header-color-control__inputs input[type="text"]{
  background:rgba(15,23,42,.08);
  border-color:rgba(148,163,184,.35);
}

html.theme-dark .header-color-control__inputs input[type="text"]{
  border-color:rgba(148,163,184,.4);
}

.header-inline-toolbar__panel button{
  border:none;
  border-radius:999px;
  padding:8px 14px;
  background:rgba(248,250,252,.12);
  color:inherit;
  font-weight:600;
  cursor:pointer;
  transition:background .2s ease, color .2s ease;
}

.header-inline-toolbar__panel button:hover{
  background:rgba(248,250,252,.22);
}

html.theme-light .header-inline-toolbar__panel button{
  background:rgba(15,23,42,.08);
}

html.theme-light .header-inline-toolbar__panel button:hover{
  background:rgba(15,23,42,.16);
}

.header-inline-toolbar__admin{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.35);
  background:rgba(15,23,42,.92);
  color:#f8fafc;
  font-weight:600;
  text-decoration:none;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}

.header-inline-toolbar__admin:hover{
  background:rgba(15,23,42,.82);
  border-color:rgba(148,163,184,.55);
}

html.theme-light .header-inline-toolbar__admin{
  background:rgba(248,250,252,.92);
  color:#0f172a;
  border-color:rgba(148,163,184,.35);
}

html.theme-light .header-inline-toolbar__admin:hover{
  background:rgba(248,250,252,.98);
  border-color:rgba(148,163,184,.55);
}

.header-inline-toolbar__launch-group{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.header-inline-toolbar__launch-group .header-inline-toolbar__launcher{
  margin:0;
}

.header-inline-toolbar__launch-group .header-inline-toolbar__admin{
  width:100%;
  justify-content:center;
}


.header-inline-toolbar__save{
  background:#16a34a;
  color:#0b1120;
  font-weight:700;
  letter-spacing:.02em;
  padding:10px 20px;
  border:1px solid rgba(21,128,61,.9);
  box-shadow:0 0 0 2px rgba(34,197,94,.25),0 14px 28px -12px rgba(21,128,61,.65);
  text-transform:uppercase;
}

.header-inline-toolbar__save:hover{
  background:#22c55e;
  color:#062a17;
  box-shadow:0 0 0 2px rgba(34,197,94,.35),0 16px 30px -12px rgba(21,128,61,.75);
}

.header-inline-toolbar__save:disabled{
  opacity:.55;
  cursor:default;
  background:rgba(34,197,94,.25);
  color:rgba(15,23,42,.6);
  box-shadow:none;
}

.header-inline-toolbar__status{
  min-width:150px;
  font-size:.85rem;
}

.header-inline-toolbar__translations{
  position:relative;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  max-width:420px;
}

.translation-tools__header{
  display:flex;
  align-items:center;
  gap:16px;
}

.translation-tools__header h3{
  margin:0;
  font-size:1rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.translation-tools__toggle{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.9rem;
}

.translation-tools__toggle input[type="checkbox"]{
  width:20px;
  height:20px;
}

.translation-tools__credentials{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.translation-tools__credentials label{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:180px;
}

.translation-tools__credentials input{
  padding:6px 8px;
  border-radius:8px;
  border:1px solid rgba(148,163,184,.45);
  background:rgba(248,250,252,.12);
  color:inherit;
  font-size:.85rem;
}

.translation-tools__credential-input{
  display:flex;
  align-items:center;
  gap:8px;
}

.translation-tools__credential-input button{
  padding:6px 10px;
  border-radius:8px;
  border:1px solid rgba(148,163,184,.45);
  background:rgba(248,250,252,.18);
  color:inherit;
  font-size:.75rem;
  cursor:pointer;
}

.translation-tools__credential-input button:hover{
  background:rgba(248,250,252,.26);
}

html.theme-light .translation-tools__credentials input{
  background:rgba(15,23,42,.08);
  border-color:rgba(148,163,184,.35);
}

.translation-tools__languages{
  display:flex;
  flex-direction:column;
  gap:6px;
  width:100%;
  max-height:200px;
  overflow:auto;
  padding:6px 8px;
  border-radius:12px;
  background:rgba(15,23,42,.25);
}

html.theme-light .translation-tools__languages{
  background:rgba(15,23,42,.08);
}

.translation-tools__languages-header{
  display:flex;
  align-items:center;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.75;
  gap:8px;
}

.translation-tools__language-name{
  flex:1 1 auto;
}

.translation-tools__language-status{
  width:72px;
  text-align:center;
}

.translation-tools__language-row{
  display:flex;
  align-items:center;
  gap:8px;
  padding:4px 0;
}

.translation-tools__language-info{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.translation-tools__language-info small{
  font-size:.7rem;
  opacity:.75;
}

.translation-tools__language-toggle{
  width:72px;
  display:flex;
  justify-content:center;
}

.translation-tools__language-toggle input[type="checkbox"]{
  width:20px;
  height:20px;
}

.translation-confirm-overlay{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.55);
  backdrop-filter:blur(2px);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10;
  border-radius:16px;
}

.translation-confirm-overlay[hidden]{
  display:none !important;
}

.translation-confirm-dialog{
  width:min(360px, 90vw);
  background:#0f172a;
  color:#f8fafc;
  border-radius:16px;
  padding:24px;
  box-shadow:0 24px 48px rgba(15,23,42,.45);
  border:1px solid rgba(148,163,184,.4);
}

.translation-confirm-dialog:focus{
  outline:2px solid rgba(59,130,246,.6);
}

html.theme-light .translation-confirm-dialog{
  background:#f8fafc;
  color:#0f172a;
  border-color:rgba(15,23,42,.1);
  box-shadow:0 22px 40px rgba(15,23,42,.25);
}

.translation-confirm-dialog__body{
  margin-bottom:18px;
  font-size:.95rem;
  line-height:1.5;
}

.translation-confirm-dialog__actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
}

.translation-confirm-dialog__actions button{
  padding:8px 16px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.35);
  background:rgba(248,250,252,.1);
  color:inherit;
  font-weight:600;
  cursor:pointer;
  transition:background .2s ease, color .2s ease;
}

.translation-confirm-dialog__actions button:hover{
  background:rgba(248,250,252,.2);
}

.translation-confirm-dialog__ok{
  background:#16a34a;
  color:#042011;
  border-color:rgba(21,128,61,.8);
}

.translation-confirm-dialog__ok:hover{
  background:#22c55e;
  color:#052b16;
}

.header-inline-toolbar__status.is-ok{ color:#86efac; }
.header-inline-toolbar__status.is-error{ color:#fca5a5; }
.header-inline-toolbar__status.is-warn{ color:#fde68a; }
.header-inline-toolbar__status.is-info{ color:#bae6fd; }

html.theme-light .header-inline-toolbar__status.is-ok{ color:#15803d; }
html.theme-light .header-inline-toolbar__status.is-error{ color:#b91c1c; }
html.theme-light .header-inline-toolbar__status.is-warn{ color:#b45309; }
html.theme-light .header-inline-toolbar__status.is-info{ color:#1d4ed8; }

.header-inline-toolbar__collapse{
  font-size:1.4rem;
  line-height:1;
  padding:6px 12px;
}

@media (max-width: 679px){
  .header-inline-toolbar{
    left:12px;
    top:12px;
  }

  .header-inline-toolbar__panel{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  .header-inline-toolbar__group{
    flex-direction:column;
    align-items:stretch;
  }

  .header-inline-toolbar__colors{
    width:100%;
    gap:10px;
  }

  .header-color-control{
    width:100%;
  }

  .header-color-control__inputs{
    justify-content:space-between;
  }

  .header-color-control__inputs input[type="text"]{
    width:100%;
  }
}

.site-header.is-editing [data-header-field],
.site-header.is-editing [data-header-nav-short],
.site-header.is-editing [data-header-nav-full],
.site-header.is-editing [data-header-brand-link]{
  outline:2px dashed #22c55e;
  outline-offset:2px;
}

.site-header.is-editing .header-editable{
  cursor:text;
}

.site-header.is-editing .nav-link{
  position:relative;
}

.site-header.is-editing .nav-link.is-active{
  background:rgba(59,130,246,.18);
  border-radius:999px;
}

.nav-empty-hint{
  display:none;
  padding:6px 12px;
  border:1px dashed rgba(148,163,184,.55);
  border-radius:12px;
  font-size:.85rem;
  color:#94a3b8;
}

.site-header.is-editing .nav-empty-hint{
  display:inline-flex;
}

.header-nav-command{
  position:absolute;
  z-index:2500;
  display:flex;
  flex-direction:column;
  gap:12px;
  width:min(320px, 90vw);
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.35);
  background:rgba(15,23,42,.94);
  color:#f8fafc;
  box-shadow:0 14px 34px rgba(15,23,42,.42);
  backdrop-filter:blur(10px);
}

.header-nav-command[hidden]{
  display:none;
}

.header-nav-command__label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:.85rem;
}

.header-nav-command__input{
  width:100%;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.45);
  background:rgba(15,23,42,.6);
  color:inherit;
  padding:8px 12px;
  font-size:.95rem;
}

.header-nav-command__input:focus{
  outline:2px solid rgba(59,130,246,.6);
  outline-offset:2px;
}

.header-nav-command__links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-height:180px;
  overflow:auto;
  padding:4px 0;
}

.header-nav-command__link-option{
  border:none;
  border-radius:10px;
  padding:6px 10px;
  background:rgba(248,250,252,.12);
  color:inherit;
  cursor:pointer;
  font-size:.85rem;
  transition:background .2s ease;
}

.header-nav-command__link-option:hover{
  background:rgba(248,250,252,.22);
}

.header-nav-command__buttons{
  display:flex;
  gap:8px;
  justify-content:flex-end;
}

.header-nav-command__buttons button{
  border:none;
  border-radius:999px;
  padding:6px 12px;
  background:rgba(248,250,252,.12);
  color:inherit;
  font-weight:600;
  cursor:pointer;
  transition:background .2s ease;
}

.header-nav-command__buttons button:hover{
  background:rgba(248,250,252,.22);
}

.header-nav-command__hint{
  font-size:.8rem;
  color:rgba(226,232,240,.82);
}

html.theme-light .header-nav-command{
  background:rgba(248,250,252,.98);
  color:#0f172a;
  border-color:rgba(148,163,184,.45);
  box-shadow:0 12px 30px rgba(15,23,42,.2);
}

html.theme-light .header-nav-command__input{
  background:rgba(15,23,42,.05);
  border-color:rgba(148,163,184,.4);
  color:#0f172a;
}

html.theme-light .header-nav-command__link-option,
html.theme-light .header-nav-command__buttons button{
  background:rgba(15,23,42,.08);
}

html.theme-light .header-nav-command__link-option:hover,
html.theme-light .header-nav-command__buttons button:hover{
  background:rgba(15,23,42,.16);
}

.header-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.55);
  backdrop-filter:blur(6px);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2600;
}

.header-modal-overlay[hidden]{
  display:none;
}

.header-logo-dialog,
.header-link-dialog{
  width:min(420px, 92vw);
  max-height:90vh;
  background:rgba(15,23,42,.96);
  color:#f8fafc;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.35);
  box-shadow:0 24px 48px rgba(15,23,42,.45);
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:16px;
}

html.theme-light .header-logo-dialog,
html.theme-light .header-link-dialog{
  background:#ffffff;
  color:#0f172a;
  border-color:rgba(148,163,184,.35);
}

.header-logo-dialog__title,
.header-link-dialog__title{
  margin:0;
  font-size:1.1rem;
  font-weight:700;
}

.header-logo-dialog__label,
.header-link-dialog__label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:.9rem;
}

.header-logo-dialog__input,
.header-link-dialog__input{
  border-radius:12px;
  border:1px solid rgba(148,163,184,.45);
  background:rgba(15,23,42,.6);
  color:inherit;
  padding:8px 12px;
  font-size:.95rem;
}

.header-logo-dialog__input:focus,
.header-link-dialog__input:focus{
  outline:2px solid rgba(59,130,246,.6);
  outline-offset:2px;
}

html.theme-light .header-logo-dialog__input,
html.theme-light .header-link-dialog__input{
  background:rgba(15,23,42,.05);
  border-color:rgba(148,163,184,.4);
  color:#0f172a;
}

.header-logo-dialog__preview{
  display:flex;
  align-items:center;
  gap:14px;
}

.header-logo-dialog__preview img{
  max-width:160px;
  max-height:64px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.35);
  background:#fff;
}

.header-logo-dialog__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.header-logo-dialog__actions button{
  border:none;
  border-radius:999px;
  padding:8px 14px;
  background:rgba(248,250,252,.12);
  color:inherit;
  font-weight:600;
  cursor:pointer;
  transition:background .2s ease;
}

.header-logo-dialog__actions button:hover{
  background:rgba(248,250,252,.22);
}

.header-logo-dialog__history{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  max-height:200px;
  overflow:auto;
}

.header-logo-dialog__history button{
  border:none;
  background:transparent;
  padding:0;
  cursor:pointer;
  border-radius:12px;
  overflow:hidden;
  border:2px solid transparent;
}

.header-logo-dialog__history button:hover,
.header-logo-dialog__history button:focus{
  border-color:#3b82f6;
}

.header-logo-dialog__history img{
  display:block;
  width:96px;
  height:96px;
  object-fit:contain;
  background:#fff;
  padding:10px;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(15,23,42,.25);
}

.header-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

.header-modal-actions button{
  border:none;
  border-radius:999px;
  padding:8px 16px;
  font-weight:600;
  cursor:pointer;
  transition:background .2s ease, color .2s ease;
}

.header-modal-actions button.primary{
  background:#3b82f6;
  color:#f8fafc;
}

.header-modal-actions button.primary:hover{
  background:#2563eb;
}

.header-modal-actions button:not(.primary){
  background:rgba(248,250,252,.12);
  color:inherit;
}

.header-modal-actions button:not(.primary):hover{
  background:rgba(248,250,252,.22);
}

html.theme-light .header-logo-dialog__actions button,
html.theme-light .header-modal-actions button:not(.primary){
  background:rgba(15,23,42,.08);
  color:#0f172a;
}

html.theme-light .header-logo-dialog__actions button:hover,
html.theme-light .header-modal-actions button:not(.primary):hover{
  background:rgba(15,23,42,.16);
}

.header-link-dialog__links{
  display:flex;
  flex-direction:column;
  gap:6px;
  max-height:220px;
  overflow:auto;
}

.header-link-dialog__links button{
  text-align:left;
  border:none;
  border-radius:10px;
  padding:8px 12px;
  background:rgba(248,250,252,.12);
  color:inherit;
  cursor:pointer;
  transition:background .2s ease;
}

.header-link-dialog__links button:hover{
  background:rgba(248,250,252,.22);
}

html.theme-light .header-link-dialog__links button{
  background:rgba(15,23,42,.08);
  color:#0f172a;
}

html.theme-light .header-link-dialog__links button:hover{
  background:rgba(15,23,42,.16);
}