/* public/shop-contacts-editor/shop-contacts-editor.css */

.shop-contacts-editor-is-open { overflow:hidden; }

.shop-contacts-editor[hidden] { display:none !important; }

.shop-contacts-editor {
position:fixed;
inset:0;
z-index:100000;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
padding:18px;
background:rgba(15,23,42,.48);
backdrop-filter:blur(8px);
}

.shop-contacts-editor * {
box-sizing:border-box;
}

.shop-contacts-editor__card {
width:min(520px,100%);
max-height:min(92vh,760px);
overflow:auto;
border-radius:22px;
background:#fff;
box-shadow:0 28px 80px rgba(15,23,42,.28);
padding:18px;
color:#111827;
}

.shop-contacts-editor__head {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
margin-bottom:14px;
}

.shop-contacts-editor__title {
margin:0;
font-size:24px;
line-height:1.15;
font-weight:700;
letter-spacing:-.02em;
color:#0f172a;
}

.shop-contacts-editor__lead {
margin:6px 0 0;
font-size:13px !important;
line-height:1.45;
color:#64748b;
}

.shop-contacts-editor__close {
width:36px;
height:36px;
flex:0 0 36px;
border:0;
border-radius:999px;
background:#f1f5f9;
color:#0f172a;
font-size:25px;
line-height:1;
cursor:pointer;
}

.shop-contacts-editor__close:hover {
background:#e2e8f0;
}

.shop-contacts-editor__form {
display:grid;
gap:10px;
}

.shop-contacts-editor__field {
display:grid;
gap:6px;
margin:0;
font-size:13px;
font-weight:700;
color:#334155;
}

.shop-contacts-editor__label {
display:block;
line-height:1.2;
}

.shop-contacts-editor__hint {
display:block;
font-size:12px;
line-height:1.35;
font-weight:400;
color:#64748b;
}

.shop-contacts-editor__input {
width:100%;
min-height:43px;
border:1px solid rgba(148,163,184,.55);
border-radius:13px;
background:#fff;
outline:0;
padding:10px 12px;
font:inherit;
font-size:15px;
font-weight:400;
color:#0f172a;
}

.shop-contacts-editor__input:focus {
border-color:#11c5b8;
box-shadow:0 0 0 3px rgba(17,197,184,.15);
}

.shop-contacts-editor__message {
min-height:18px;
margin:12px 0 0;
font-size:13px;
line-height:1.45;
color:#64748b;
}

.shop-contacts-editor__message.is-error {
color:#b91c1c;
}

.shop-contacts-editor__actions {
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
flex-wrap:wrap;
margin-top:14px;
}

.shop-contacts-editor__button {
min-height:42px;
border:0;
border-radius:999px;
padding:0 18px;
font:inherit;
font-size:13px;
font-weight:800;
cursor:pointer;
}

.shop-contacts-editor__button:disabled {
opacity:.65;
cursor:default;
}

.shop-contacts-editor__button--primary {
background:#0f172a;
color:#fff;
}

.shop-contacts-editor__button--secondary {
background:#f1f5f9;
color:#0f172a;
}

.shop-contacts-editor-target {
cursor:pointer;
}

.shop-contacts-editor-target:hover {
filter:brightness(1.0);
}

@media (max-width:520px) {
.shop-contacts-editor {
align-items:flex-end;
padding:8px;
}
.shop-contacts-editor__card {
border-radius:18px;
padding:15px;
}
.shop-contacts-editor__head {
gap:10px;
}
.shop-contacts-editor__title {
font-size:21px;
}
.shop-contacts-editor__actions {
display:grid;
grid-template-columns:1fr;
}
.shop-contacts-editor__button {
width:100%;
}
}

/* Поле адреса в редакторе контактов */
.shop-contacts-editor__textarea {
min-height:82px;
resize:vertical;
line-height:1.4;
}