.translations-modal{border-radius:var(--border-radius);border:none;flex-direction:column;width:min(96vw,1100px);max-width:1100px;max-height:92vh;padding:0;display:flex;overflow:hidden}.translations-modal::backdrop{background:#0f172a73}.translations-modal__header{border-bottom:1px solid var(--color-border);padding:1.25rem 1.5rem .75rem}.translations-modal__title{font-family:var(--font-heading);margin:0}.translations-modal__subtitle{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.9rem}.translations-modal__mobile-note{border-radius:var(--border-radius);color:#78350f;background:#fef3c7;border:1px solid #fcd34d;margin:.75rem 0 0;padding:.5rem .75rem;font-size:.85rem;line-height:1.35;display:none}.translations-modal__body{flex:1;padding:1rem 1.5rem 1.25rem;overflow-y:auto}.translations-modal__footer{border-top:1px solid var(--color-border);background:var(--color-card-bg);justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}.translations-modal__lang-switcher{border-bottom:1px dashed var(--color-border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.translations-modal__lang-switcher-label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.translations-modal__lang-tabs{flex-wrap:wrap;gap:.35rem;display:flex}.translations-modal__lang-tab{border:1.5px solid var(--color-border);cursor:pointer;color:var(--color-text,inherit);background:#fff;border-radius:9999px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.translations-modal__lang-tab:hover{background:#fef3c7;border-color:#f59e0b}.translations-modal__lang-tab--active{background:#fef3c7;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.translations-modal__lang-tab-code{font-weight:600}.translations-modal__lang-tab-dot{border:1.5px solid #0000;border-radius:50%;width:.55rem;height:.55rem}.translations-modal__lang-tab--empty .translations-modal__lang-tab-dot{background:0 0;border-color:#cbd5e1}.translations-modal__lang-tab--partial .translations-modal__lang-tab-dot{background:#fbbf24}.translations-modal__lang-tab--full .translations-modal__lang-tab-dot{background:#22c55e}.translations-modal__lang-dropdown{border:1.5px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;background:#fff;padding:.4rem .7rem;font-family:inherit;font-size:.9rem}.translations-modal__pane-grid{grid-template-columns:1fr 1fr;align-items:start;gap:.5rem 1rem;display:grid}.translations-modal__pane-grid--headers-only{margin-bottom:.35rem}.translations-modal__pane-header{align-items:center;gap:.5rem;padding:.35rem .25rem;font-size:.85rem;display:flex}.translations-modal__pane-header--default{color:var(--color-text-muted)}.translations-modal__pane-chip{background:var(--color-primary);color:var(--color-primary-text);letter-spacing:.02em;border-radius:9999px;padding:.1rem .45rem;font-size:.7rem}.translations-modal__pane-chip--full{color:#14532d;background:#dcfce7}.translations-modal__pane-chip--partial{color:#78350f;background:#fef3c7}.translations-modal__pane-chip--empty{color:#64748b;background:#f1f5f9}.translations-modal__pane{border-radius:var(--border-radius);padding:.15rem}.translations-modal__pane--default{background:#f8fafc;padding:.5rem}.translations-modal__pane--secondary{padding:.5rem}.translations-modal__items{flex-direction:column;gap:.85rem;display:flex}.translations-modal__item{border:1px solid var(--color-border);border-radius:var(--border-radius);background:#fff;padding:.6rem .75rem .75rem}.translations-modal__item-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.72rem;font-weight:600}.translations-modal__pane-grid--item{gap:.5rem 1rem}.translations-modal__item-field{flex-direction:column;gap:.2rem;display:flex}.translations-modal__item-field+.translations-modal__item-field{margin-top:.35rem}.translations-modal__item-field-label{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.translations-modal__item-input{border:1px solid var(--color-border);border-radius:var(--border-radius);background:#fff;outline:none;padding:.4rem .55rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.translations-modal__item-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.translations-modal__item-input--default{color:#475569;cursor:default;background:0 0}.translations-modal__item-input--default:focus{border-color:var(--color-border);box-shadow:none}.translation-html-field{border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:text;background:#fff;outline:none;min-height:7rem;max-height:22rem;padding:.6rem .75rem;font-family:inherit;font-size:.95rem;line-height:1.5;transition:border-color .15s,box-shadow .15s;overflow-y:auto}.translation-html-field:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.translation-html-field--disabled{color:#475569;cursor:default;background:0 0;border-style:dashed}.translation-html-field--disabled:focus{border-color:var(--color-border);box-shadow:none}.translation-html-field:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.translation-html-field p{margin:0 0 .6rem}.translation-html-field p:last-child{margin-bottom:0}.translation-html-field h1,.translation-html-field h2,.translation-html-field h3{font-family:var(--font-heading,inherit);margin:.5rem 0 .35rem;line-height:1.25}.translation-html-field h1{font-size:1.25rem}.translation-html-field h2{font-size:1.1rem}.translation-html-field h3{font-size:1rem}.translation-html-field ul,.translation-html-field ol{margin:0 0 .6rem;padding-left:1.5rem}.translation-html-field li+li{margin-top:.2rem}.translation-html-field a{color:#f59e0b;text-decoration:underline}.translation-html-field strong{font-weight:700}.translation-html-field em{font-style:italic}@media (max-width:767.98px){.translations-modal{border-radius:0;width:100vw;max-width:100vw;max-height:100vh}.translations-modal__mobile-note{display:block}.translations-modal__pane-grid,.translations-modal__pane-grid--item{grid-template-columns:1fr;gap:.5rem}.translations-modal__pane--default{order:1}.translations-modal__pane--secondary{order:2}.translations-modal__pane-header--default{order:1}.translations-modal__pane-header--secondary{order:2}}
