/* PantangNow vendor directory, premium minimal admin interface */
#vendor-name-editor .vn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
#vendor-name-editor .vn-head h2{font-size:28px;letter-spacing:-.035em;margin:3px 0 7px;color:#21192c}
#vendor-name-editor .vn-head p{font-size:13px;color:#726b7d;line-height:1.6;margin:0}
#vendor-name-editor .vn-eyebrow{font-size:10px;font-weight:850;letter-spacing:.13em;color:#76549e}
#vendor-name-editor .vn-refresh{border:1px solid #dcd5e6;border-radius:10px;padding:11px 17px;background:#fff;color:#4f3074;font-weight:750;white-space:nowrap;cursor:pointer}
#vendor-name-editor .vn-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #e6e1ee;margin-bottom:22px}
#vendor-name-editor .vn-tab{font:inherit;background:none;border:0;border-bottom:3px solid transparent;padding:13px 16px 11px;color:#77717e;font-weight:700;cursor:pointer}
#vendor-name-editor .vn-tab.active{color:#52218a;border-bottom-color:#6939a0}
#vendor-name-editor .vn-bar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}
#vendor-name-editor .vn-search{font-size:12px;font-weight:700;color:#746b7d;display:block;flex:1;max-width:485px}
#vendor-name-editor .vn-search input{width:100%;margin-top:8px;border:1px solid #e1dce8;background:#fff;padding:14px 15px;border-radius:12px;font:inherit;font-size:14px;color:#292035;outline:none}
#vendor-name-editor .vn-search input:focus{border-color:#8b63b2;box-shadow:0 0 0 3px #eee6f7}
#vendor-name-editor .vn-count{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
#vendor-name-editor .vn-count strong{font-size:27px;color:#2c1a3a;line-height:1}
#vendor-name-editor .vn-count span{font-size:12px;color:#837b90}
#vendor-name-editor .vn-table-wrap{border:1px solid #ece8f1;border-radius:17px;background:#fff;overflow:auto}
#vendor-name-editor .vn-table{width:100%;border-collapse:collapse;min-width:720px}
#vendor-name-editor .vn-table th{text-align:left;background:#faf8fc;padding:17px 19px;font-size:11px;letter-spacing:.065em;text-transform:uppercase;color:#81748f}
#vendor-name-editor .vn-table td{padding:17px 19px;border-top:1px solid #f0edf3;font-size:13px;color:#514a5c;vertical-align:middle}
#vendor-name-editor .vn-table tbody tr:hover{background:#fcfaff}
#vendor-name-editor .vn-name{display:block;font-weight:780;font-size:14px;color:#2a2135;margin-bottom:4px}
#vendor-name-editor .vn-sub{display:block;color:#8b8192;font-size:11px;margin-top:3px}
#vendor-name-editor .vn-id{color:#9892a2;font-family:ui-monospace,Menlo,monospace;font-size:11px}
#vendor-name-editor .vn-status{display:inline-flex;padding:5px 9px;border-radius:7px;background:#f1edf5;color:#705f7f;font-weight:740;text-transform:capitalize;font-size:11px}
#vendor-name-editor .vn-status[data-status="approved"],#vendor-name-editor .vn-status[data-status="active"]{background:#e8f7ee;color:#268055}
#vendor-name-editor .vn-status[data-status="rejected"],#vendor-name-editor .vn-status[data-status="suspended"]{background:#fff0f0;color:#b25055}
#vendor-name-editor .vn-edit{border:1px solid #ded0ee;border-radius:9px;background:#fff;color:#5e3088;padding:9px 12px;font-weight:770;font-size:12px;white-space:nowrap;cursor:pointer}
#vendor-name-editor .vn-edit:hover{background:#f5ecfb}
#vendor-name-editor .vn-empty{padding:35px 18px!important;text-align:center;color:#89808f!important}
#vendor-name-editor .vn-error{padding:28px!important;text-align:center;color:#b5414c!important}
#vendor-name-editor .vn-bottom{display:flex;justify-content:space-between;align-items:center;margin:18px 0 11px;gap:15px;color:#82788c;font-size:12px}
#vendor-name-editor .vn-paging{display:flex;gap:7px}
#vendor-name-editor .vn-paging button{padding:10px 13px;border:1px solid #e2dcea;border-radius:9px;background:#fff;color:#4c3860;cursor:pointer;font-weight:720}
#vendor-name-editor .vn-paging button:disabled{opacity:.36;cursor:not-allowed}
#vendor-name-editor .vn-note{font-size:11px;color:#89818d;line-height:1.6;margin:15px 0 0}
#vendor-name-editor .vn-overlay[hidden],#vendor-name-editor .vn-dialog-error[hidden],#vendor-name-editor #vnEnglishRow[hidden]{display:none!important}
#vendor-name-editor .vn-overlay{position:fixed;z-index:999999;inset:0;background:rgba(32,22,44,.54);display:flex;justify-content:center;align-items:center;padding:20px}
#vendor-name-editor .vn-dialog{width:min(100%,510px);background:#fff;box-shadow:0 25px 90px rgba(24,11,39,.28);border-radius:20px;padding:29px;max-height:92vh;overflow:auto}
#vendor-name-editor .vn-dialog h3{font-size:25px;letter-spacing:-.02em;margin:7px 0;color:#231932}
#vendor-name-editor .vn-dialog-head p{color:#88808c;font-size:13px;margin:7px 0 20px}
#vendor-name-editor .vn-dialog form label{font-size:13px;font-weight:740;color:#554c63;display:block;margin:16px 0}
#vendor-name-editor .vn-dialog form input{margin-top:8px;font:inherit;font-size:15px;width:100%;padding:14px 13px;border:1px solid #ddd5e6;border-radius:11px;outline:none}
#vendor-name-editor .vn-dialog form input:focus{border-color:#8855ac;box-shadow:0 0 0 3px #eee6f7}
#vendor-name-editor .vn-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}
#vendor-name-editor .vn-dialog-actions button{border:1px solid #e1d8ec;border-radius:10px;padding:12px 17px;background:#fff;color:#493756;font-weight:780;cursor:pointer}
#vendor-name-editor .vn-dialog-actions .vn-save{background:#582786;border-color:#582786;color:#fff}
#vendor-name-editor .vn-dialog-actions button:disabled{opacity:.55;cursor:wait}
#vendor-name-editor .vn-dialog-error{color:#bd3549;font-size:13px}
@media(max-width:800px){
 #vendor-name-editor .vn-head{align-items:flex-start;flex-direction:column}
 #vendor-name-editor .vn-bar{align-items:flex-start}
 #vendor-name-editor .vn-tab{font-size:12px;padding:11px 10px}
 #vendor-name-editor .vn-dialog{padding:22px}
}