/* VTNA Mobile 2.1.32: trang Đăng tin — chỉ đổi giao diện, giữ nguyên bố cục. Phạm vi: .submit-form */
.submit-form {
    --pf-ink: #12304f;
    --pf-label: #2a4562;
    --pf-line: #d5dee8;
    --pf-line-soft: #e3e9f0;
    --pf-focus: #123d70;
    gap: 18px;
}
.submit-form > .stack, .submit-form .stack { gap: 16px; }

/* ---- Chuyển lĩnh vực: full width, dạng thanh phân đoạn ---- */
.submit-form .module-choice { border: 0; padding: 0; margin: 0; width: 100%; }
.submit-form .module-choice > .sector-switch {
    max-width: none;
    width: 100%;
    gap: 4px;
    padding: 5px;
    border: 1px solid #dbe4ed;
    border-radius: 16px;
    background: #e8eef5;
    box-shadow: inset 0 1px 2px #102f510d;
}
.submit-form .module-choice .sector-switch::before {
    top: 5px; bottom: 5px; left: 5px;
    width: calc((100% - 14px) / 2);
    border: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 10px #12304f1f, 0 1px 2px #12304f14;
}
.submit-form .module-choice .sector-switch:has(> label:nth-child(2) input:checked)::before { transform: translateX(calc(100% + 4px)); }
.submit-form .module-choice .sector-switch > label {
    --tab-paper: #fff;
    min-height: 52px;
    padding: 8px 10px;
    gap: 10px;
    border-radius: 12px;
    color: #5d7088;
    font-size: 15px;
    font-weight: 700;
}
.submit-form .module-choice .sector-switch > label > .icon {
    box-sizing: content-box;
    width: 20px; height: 20px;
    padding: 5px;
    border-radius: 10px;
    background: #ffffffb3;
    color: #4a5f78;
    stroke-width: 1.6;
}
.submit-form .module-choice .sector-switch > label:has(input:checked) { --tab-paper: var(--brand-red); color: var(--pf-ink); }
.submit-form .module-choice .sector-switch > label:has(input:checked) > .icon {
    background: var(--brand-red);
    color: #fff;
    box-shadow: 0 3px 8px #c8202733;
}
.submit-form .module-choice .sector-switch > label:not(:has(input:checked)):hover { color: var(--pf-ink); }

/* ---- Nhãn, ô nhập ---- */
.submit-form label { color: var(--pf-label); font-size: 13px; font-weight: 700; letter-spacing: .1px; gap: 7px; }
.submit-form label > small, .submit-form small { color: #64768b; font-weight: 450; }
.submit-form input:not([type=radio]):not([type=checkbox]):not([type=file]),
.submit-form select,
.submit-form textarea {
    border: 1px solid var(--pf-line);
    border-radius: 12px;
    background-color: #fff;
    color: var(--pf-ink);
    font-weight: 500;
    box-shadow: 0 1px 2px #12304f08;
    transition: border-color .15s, box-shadow .15s;
}
.submit-form select { font-weight: 600; }
.submit-form input::placeholder, .submit-form textarea::placeholder { color: #8a9aae; font-weight: 400; }
.submit-form input:not([type=radio]):not([type=checkbox]):not([type=file]):focus,
.submit-form select:focus,
.submit-form textarea:focus {
    outline: 0;
    border-color: var(--pf-focus);
    box-shadow: 0 0 0 4px #123d7018;
}
.submit-form .content-label textarea { border-top: 1px solid var(--pf-line); min-height: 136px; line-height: 1.6; padding: 14px; font-size: 15px; }
.submit-form .content-label textarea:focus { border-top-color: var(--pf-focus); }

/* ---- Nút AI ---- */
.submit-form .ai-write-button {
    border: 1px solid #d4d8ff;
    background: linear-gradient(180deg, #f7f7ff, #eceeff);
    color: #3433bd;
    min-height: 42px;
    padding: 8px 16px;
    font-weight: 700;
    box-shadow: 0 1px 2px #3433bd14;
}

/* ---- Ảnh ---- */
.submit-form .photo-picker {
    border: 1.5px dashed #b4c4d7;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 1px 2px #12304f08;
    transition: border-color .15s, background .15s;
}
.submit-form .photo-picker:hover { border-color: var(--pf-focus); background: #fafcff; }
.submit-form .photo-add-icon { background: #eaf1fa; color: var(--pf-focus); }
.submit-form .photo-add-copy b { color: var(--pf-ink); }
.submit-form .photo-count { background: #edf2f8; color: #4d6179; font-weight: 700; }

/* ---- Khối thông tin liên hệ & tùy chọn thêm ---- */
.submit-form .panel {
    border: 1px solid var(--pf-line-soft);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 8px #12304f0a;
    margin-bottom: 0;
}
.submit-form .panel > h2 { font-size: 16px; font-weight: 800; color: var(--pf-ink); letter-spacing: -.1px; margin-bottom: 2px; }
.submit-form .advanced.panel > summary { color: var(--pf-ink); }
.submit-form .advanced.panel > summary small { color: #64768b; }

/* ---- Nút Đăng tin ---- */
.submit-form button[type="submit"].btn-primary {
    min-height: 54px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(180deg, #d52b33, #bb1c24);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .2px;
    box-shadow: 0 8px 18px #c8202738, inset 0 1px 0 #ffffff33;
    transition: transform .12s, box-shadow .15s, filter .15s;
}
.submit-form button[type="submit"].btn-primary:hover { filter: brightness(1.05); }
.submit-form button[type="submit"].btn-primary:active { transform: translateY(1px); box-shadow: 0 4px 10px #c8202733; }
@media (prefers-reduced-motion: reduce) {
    .submit-form input, .submit-form select, .submit-form textarea, .submit-form .photo-picker, .submit-form button { transition: none; }
}