/** Velano Core — پنل هنرمند
    از متغیرهای قالب ولانو استفاده می‌کند و اگر قالب دیگری فعال باشد
    مقادیر جایگزین می‌نشیند تا پنل بی‌ریخت نشود. **/

.workForm,
.scoreCard,
.workList,
.reviewList,
.pickList,
.sectionFoot,
.accountStats .cell.is-lead {
  --vc-line: var(--line, #E3DED2);
  --vc-card: var(--ivoryCard, #FFFDF8);
  --vc-ink: var(--charcoal, #1E1E1C);
  --vc-muted: var(--charcoalMuted, #6F6F66);
  --vc-forest: var(--forest, #1F3D33);
  --vc-gold: var(--gold, #B08A46);
  --vc-r: var(--radiusLg, 12px);
}

/** امتیاز پروفایل **/
.scoreCard {
  background: var(--vc-card);
  border: 1px solid var(--vc-line);
  border-radius: var(--vc-r);
  padding: 20px 22px;
}

.scoreCard .bar {
  height: 8px;
  border-radius: 100px;
  background: var(--forestSoft, #E8EEEA);
  overflow: hidden;
}
.scoreCard .bar span {
  display: block; height: 100%;
  background: var(--vc-forest);
  border-radius: 100px;
  transition: width .6s cubic-bezier(.22,.61,.36,1);
}

.scoreTodo { margin-top: 16px; display: grid; gap: 2px; }
.scoreTodo a {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 11px 13px; border-radius: 6px;
  font-size: .85em; color: var(--charcoalText, #3D3D38);
}
.scoreTodo a:hover { background: var(--ivory, #F7F4ED); color: var(--vc-ink); }
.scoreTodo .w { color: var(--vc-gold); font-size: .85em; }

/** فهرست آثار **/
.workList { display: grid; gap: 12px; }

.workRow {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 14px 16px;
  background: var(--vc-card);
  border: 1px solid var(--vc-line);
  border-radius: var(--vc-r);
}
.workRow:hover { border-color: #D8D1BF; }

.workRow .shot {
  --pad: 6px;
  position: relative; flex: none; display: block;
  width: 76px; aspect-ratio: 1;
  background: var(--ivoryDeep, #F1EDE3);
  border: 1px solid var(--lineSoft, #EFEBE2);
  border-radius: 6px; overflow: hidden;
}
.workRow .shot img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  max-width: none; padding: var(--pad); object-fit: contain;
}

.workRow .info { flex: 1; min-width: 170px; }
.workRow .line { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.workRow .name { font-size: .93em; font-weight: 500; color: var(--vc-ink); }
.workRow .meta { font-size: .76em; color: var(--vc-muted); }
.workRow .price {
  flex: none; font-family: var(--fontEn, inherit); font-size: .88em;
  font-weight: 600; color: var(--vc-ink); direction: rtl;
}
.workRow .actions { display: flex; gap: 8px; flex: none; flex-wrap: wrap; }

.workState {
  display: inline-flex; align-items: center; padding: 2px 11px;
  border-radius: 100px; font-size: .7em; line-height: 1.95;
  border: 1px solid var(--vc-line); background: var(--ivory, #F7F4ED); color: var(--vc-muted);
}
.workRow .reviewNote {
  display: flex; align-items: flex-start; gap: 8px;
  margin-top: 10px; padding: 10px 12px; border-radius: 6px;
  font-size: .78em; line-height: 1.8;
}
.workRow .reviewNote svg { width: 15px; height: 15px; flex: none; margin-top: 4px; }
.workRow .reviewNote.is-revise {
  background: #F6EFDF; border: 1px solid rgba(176,138,70,.3); color: #7A5F2C;
}
.workRow .reviewNote.is-rejected {
  background: #FBF0EE; border: 1px solid rgba(142,59,50,.3); color: #7A322A;
}

.workState.is-live    { border-color: rgba(47,107,79,.28); background: #E8EEEA; color: #2F6B4F; }
.workState.is-revise  { border-color: rgba(176,138,70,.32); background: #F6EFDF; color: #B08A46; }
.workState.is-pending { border-color: rgba(176,138,70,.32); background: #F6EFDF; color: #B08A46; }
.workState.is-draft   { border-color: var(--vc-line); background: var(--ivory, #F7F4ED); color: var(--vc-muted); }
.workState.is-sold    { border-color: var(--vc-line); background: transparent; color: var(--vc-muted); }

/** فرم اثر **/
.workForm .req { color: var(--error, #8E3B32); }

/* دو فیلد کنار هم؛ minmax(0,1fr) لازم است وگرنه سلکت‌ها ستون را پهن می‌کنند */
.workForm .fieldRow {
  display: grid; gap: 0 18px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 640px) {
  .workForm .fieldRow { grid-template-columns: minmax(0, 1fr); }
}

.workForm .currentShot {
  width: 140px; aspect-ratio: 1; margin-bottom: 10px;
  border: 1px solid var(--vc-line); border-radius: 8px;
  overflow: hidden; background: var(--ivoryDeep, #F1EDE3);
  display: grid; place-items: center;
}
.workForm .currentShot img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }

/** انتخابگر جستجوپذیر **/
.comboGlobal { position: relative; }
.comboGlobal .comboNative {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.comboField {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 13px 16px; text-align: start;
  border: 1px solid var(--vc-line); border-radius: 6px;
  background: var(--vc-card); color: var(--vc-ink);
  font: inherit; font-size: .87em; cursor: pointer;
  transition: border-color .2s ease;
}
.comboField:hover { border-color: #D8D1BF; }
.comboField:focus-visible,
.comboGlobal.is-open .comboField { outline: none; border-color: var(--vc-forest); }
.comboField.is-empty .val { color: var(--vc-muted); }

/* عمداً بوردر فیزیکی: جهت پیکان به راست‌چین بودن صفحه ربطی ندارد */
.comboField .chev {
  flex: none; width: 8px; height: 8px;
  border-left: 1px solid var(--vc-muted);
  border-bottom: 1px solid var(--vc-muted);
  transform: rotate(-45deg); margin-block-end: 4px;
  transition: transform .2s ease;
}
.comboGlobal.is-open .comboField .chev { transform: rotate(135deg); margin-block: 0 -2px; }

.comboPanel {
  position: absolute; inset-inline: 0; top: calc(100% + 6px); z-index: 20;
  background: var(--vc-card); border: 1px solid var(--vc-line);
  border-radius: 8px; box-shadow: 0 18px 40px rgba(31, 61, 51, .12);
  padding: 8px; overflow: hidden;
}

.comboSearch {
  width: 100%; padding: 10px 13px; margin-bottom: 6px;
  border: 1px solid var(--vc-line); border-radius: 6px;
  background: var(--ivory, #F7F4ED); font: inherit; font-size: .84em; color: var(--vc-ink);
}
.comboSearch:focus { outline: none; border-color: var(--vc-forest); }

.comboList { max-height: 230px; overflow-y: auto; display: grid; gap: 1px; }
.comboItem {
  padding: 10px 13px; border-radius: 5px; cursor: pointer;
  font-size: .85em; color: var(--charcoalText, #3D3D38);
}
.comboItem:hover,
.comboItem.is-active { background: var(--ivory, #F7F4ED); color: var(--vc-ink); }
.comboItem.is-on { background: var(--forestSoft, #E8EEEA); color: var(--vc-forest); }
.comboItem.is-blank { color: var(--vc-muted); }

.comboEmpty { padding: 14px 13px; font-size: .82em; color: var(--vc-muted); text-align: center; }

/** ناحیه آپلود **/
.uploadGlobal .nativeFile {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.uploadGlobal .dropZone {
  display: grid; justify-items: center; gap: 6px;
  padding: 26px 20px; cursor: pointer; text-align: center;
  border: 1px dashed var(--vc-line); border-radius: var(--vc-r);
  background: var(--ivory, #F7F4ED);
  transition: border-color .2s ease, background .2s ease;
}
.uploadGlobal .dropZone:hover,
.uploadGlobal .nativeFile:focus-visible + .dropZone { border-color: var(--vc-forest); }
.uploadGlobal.is-over .dropZone { border-color: var(--vc-forest); background: var(--forestSoft, #E8EEEA); }

.uploadGlobal .dropZone .ico { color: var(--vc-gold); line-height: 0; }
.uploadGlobal .dropZone .ico svg { width: 26px; height: 26px; }
.uploadGlobal .dropZone .t { font-size: .87em; color: var(--vc-ink); }
.uploadGlobal .dropZone .d { font-size: .76em; color: var(--vc-muted); max-width: 34em; }
.uploadGlobal .dropZone .pick {
  margin-top: 8px; padding: 8px 18px; border-radius: 100px;
  border: 1px solid var(--vc-line); background: var(--vc-card);
  font-size: .78em; color: var(--vc-ink);
}
.uploadGlobal .dropZone:hover .pick { border-color: var(--vc-forest); color: var(--vc-forest); }

.uploadGlobal .shotList:not(:empty) {
  display: grid; gap: 10px; margin-top: 12px;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
}
.uploadGlobal:not(.wide) .shotList:not(:empty) {
  grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
}

.shotItem {
  position: relative; aspect-ratio: 1; overflow: hidden;
  border: 1px solid var(--vc-line); border-radius: 8px;
  background: var(--ivoryDeep, #F1EDE3);
}
.shotItem img { width: 100%; height: 100%; object-fit: contain; padding: 6px; }
.shotItem.is-faded { opacity: .4; }

.shotItem .rm {
  position: absolute; inset-block-start: 5px; inset-inline-end: 5px;
  width: 22px; height: 22px; display: grid; place-items: center;
  border-radius: 100px; border: 1px solid var(--vc-line);
  background: var(--vc-card); color: var(--vc-muted);
  font-size: 15px; line-height: 1; cursor: pointer;
}
.shotItem .rm:hover { border-color: var(--error, #8E3B32); color: var(--error, #8E3B32); }

.shotItem .tag {
  position: absolute; inset-inline: 0; inset-block-end: 0;
  padding: 4px 7px; background: rgba(31, 61, 51, .78); color: #fff;
  font-size: .62em; line-height: 1.6; text-align: center;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/** عضویت هنرمندان **/
.joinIntro, .joinSteps, .joinForm, .joinPanel {
  --vc-line: var(--line, #E3DED2);
  --vc-card: var(--ivoryCard, #FFFDF8);
  --vc-ink: var(--charcoal, #1E1E1C);
  --vc-muted: var(--charcoalMuted, #6F6F66);
  --vc-forest: var(--forest, #1F3D33);
  --vc-gold: var(--gold, #B08A46);
  --vc-r: var(--radiusLg, 12px);
}

.joinIntro { max-width: 56ch; margin-bottom: 34px; }
.joinIntro p { color: var(--vc-muted); font-size: .92em; }

.joinSteps {
  display: grid; gap: 14px; margin-bottom: 34px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}
.joinSteps .step {
  padding: 22px; border: 1px solid var(--vc-line); border-radius: var(--vc-r);
  background: var(--vc-card);
}
.joinSteps .n {
  display: inline-grid; place-items: center; width: 30px; height: 30px;
  border-radius: 100px; background: var(--forestSoft, #E8EEEA);
  color: var(--vc-forest); font-size: .82em; margin-bottom: 12px;
}
.joinSteps .t { font-size: .92em; color: var(--vc-ink); margin-bottom: 6px; }
.joinSteps p { margin: 0; font-size: .8em; color: var(--vc-muted); }

.joinPanel { max-width: 56ch; }

/* تله ربات — از چشم و از صفحه‌خوان پنهان، ولی قابل پر شدن توسط ربات */
.hideMe {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/** تسویه **/
.accountStats .cell.is-lead {
  background: var(--forestSoft, #E8EEEA);
  border-color: rgba(47, 107, 79, .28);
}
.accountStats .cell.is-lead .num { color: var(--vc-forest); }

.sectionFoot {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  margin-top: 16px;
}
.sectionFoot .muted { font-size: .78em; color: var(--vc-muted); }

.ibanBox {
  display: grid; gap: 4px;
  padding: 12px 16px; border: 1px solid var(--vc-line);
  border-radius: 6px; background: var(--ivory, #F7F4ED);
}
.ibanBox .who { font-size: .85em; color: var(--vc-ink); }
.ibanBox .num { font-size: .82em; color: var(--vc-muted); }

.payoutForm .formCard { margin-bottom: 0; }

.payoutRow .why {
  margin-top: 6px; font-size: .78em; color: var(--vc-muted);
}

.workState.is-paid     { border-color: rgba(47,107,79,.28); background: #E8EEEA; color: #2F6B4F; }
.workState.is-review   { border-color: rgba(176,138,70,.32); background: #F6EFDF; color: #B08A46; }
.workState.is-rejected { border-color: rgba(142,59,50,.3); background: #FBF0EE; color: #8E3B32; }

/** گالری کارگاه **/
.shopWorkshop {
  display: grid; gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.workshopItem {
  display: grid; gap: 8px;
  padding: 10px; border: 1px solid var(--vc-line); border-radius: var(--vc-r);
  background: var(--vc-card);
}
.workshopItem .shot {
  display: block; position: relative; aspect-ratio: 1; overflow: hidden;
  border-radius: 6px; background: var(--ivoryDeep, #F1EDE3);
}
.workshopItem .shot img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  max-width: none; padding: 6px; object-fit: contain;
}
.workshopItem input[type="text"] {
  width: 100%; padding: 8px 11px; font: inherit; font-size: .78em;
  border: 1px solid var(--vc-line); border-radius: 5px; background: var(--ivory, #F7F4ED);
}
.workshopItem .drop {
  display: flex; align-items: center; gap: 7px;
  font-size: .74em; color: var(--vc-muted); cursor: pointer;
}
.workshopItem .drop input { accent-color: var(--error, #8E3B32); }

.accountHead .headRow {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 16px; flex-wrap: wrap;
}

.mb8 { margin-bottom: 8px; }

/** سفارش‌ها **/
.orderRow .price { display: grid; gap: 2px; text-align: start; }
.orderRow .price .lbl { font-size: .68em; color: var(--vc-muted); font-weight: 400; }

.orderLines { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 5px; }
.orderLines li {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  font-size: .8em; color: var(--charcoalText, #3D3D38);
}
.orderLines a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.orderLines .q { color: var(--vc-muted); font-size: .9em; }
.orderLines .v { margin-inline-start: auto; color: var(--vc-ink); }

/** انتخاب آثار برای مجموعه **/
.pickList {
  display: grid; gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
}
.pickList label {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 10px; border: 1px solid var(--vc-line);
  border-radius: 8px; background: var(--vc-card); cursor: pointer;
  font-size: .82em; color: var(--charcoalText, #3D3D38);
}
.pickList label:hover { border-color: #D8D1BF; }
.pickList label:has(input:checked) {
  border-color: var(--vc-forest); background: var(--forestSoft, #E8EEEA); color: var(--vc-forest);
}
.pickList input { accent-color: var(--vc-forest); flex: none; }
.pickList .shot {
  flex: none; width: 40px; height: 40px; overflow: hidden;
  border-radius: 5px; background: var(--ivoryDeep, #F1EDE3);
}
.pickList .shot img { width: 100%; height: 100%; object-fit: cover; }
.pickList .l { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/** نظرات **/
.reviewList { display: grid; gap: 12px; }

.reviewRow {
  padding: 18px 20px;
  border: 1px solid var(--vc-line); border-radius: var(--vc-r);
  background: var(--vc-card);
}
.reviewRow.is-answered { background: var(--ivory, #F7F4ED); }

.reviewRow .head {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 14px; flex-wrap: wrap;
}
.reviewRow .who { font-size: .88em; color: var(--vc-ink); }
.reviewRow .on { display: block; margin-top: 3px; font-size: .76em; color: var(--vc-muted); }
.reviewRow .on a { color: var(--vc-forest); text-decoration: underline; text-underline-offset: 3px; }

.reviewRow .side { text-align: end; }
.reviewRow .stars { display: block; color: var(--vc-gold); font-size: .82em; letter-spacing: 2px; }
.reviewRow .when { font-size: .72em; color: var(--vc-muted); }

.reviewRow .body {
  margin-top: 12px; font-size: .85em; line-height: 2;
  color: var(--charcoalText, #3D3D38);
}

.reviewRow .replies {
  margin-top: 14px; padding-top: 14px;
  border-top: 1px solid var(--vc-line);
}
.reviewRow .reply + .reply { margin-top: 10px; }
.reviewRow .reply .who { font-size: .8em; color: var(--vc-forest); }
.reviewRow .reply p { margin: 4px 0 0; font-size: .82em; color: var(--charcoalText, #3D3D38); }

.replyForm {
  display: flex; gap: 8px; align-items: flex-start; flex-wrap: wrap;
  margin-top: 14px;
}
.replyForm textarea {
  flex: 1; min-width: 200px; padding: 10px 13px;
  border: 1px solid var(--vc-line); border-radius: 6px;
  background: var(--ivory, #F7F4ED); font: inherit; font-size: .82em;
  resize: vertical;
}
.replyForm textarea:focus { outline: none; border-color: var(--vc-forest); }

/** کد رهگیری **/
.trackBox {
  display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
  width: 100%; margin-top: 12px; padding: 11px 14px;
  border-radius: 8px; font-size: .8em;
  background: var(--forestSoft, #E8EEEA);
  border: 1px solid rgba(47, 107, 79, .25);
  color: #2F6B4F;
}
.trackBox svg { width: 16px; height: 16px; flex: none; }
.trackBox b { letter-spacing: .5px; }

.trackForm {
  display: flex; gap: 8px; flex-wrap: wrap;
  width: 100%; margin-top: 12px; padding-top: 12px;
  border-top: 1px dashed var(--vc-line, #E3DED2);
}
.trackForm input {
  flex: 1; min-width: 140px; padding: 9px 12px;
  border: 1px solid var(--vc-line, #E3DED2); border-radius: 6px;
  background: var(--ivory, #F7F4ED); font: inherit; font-size: .8em;
}
.trackForm input:focus { outline: none; border-color: var(--forest, #1F3D33); }

/** فرم گزارش اثر **/
.reportBlock {
  margin-top: clamp(28px, 4vw, 48px);
  padding-top: 20px;
  border-top: 1px solid var(--line, #E3DED2);
  font-size: .84em; color: var(--charcoalMuted, #6F6F66);
}
.reportBlock .say { margin: 0; }
.reportBlock .say a { color: var(--forest, #1F3D33); text-decoration: underline; text-underline-offset: 3px; }
.reportBlock .say.done { display: flex; align-items: center; gap: 7px; color: #2F6B4F; }
.reportBlock .say.done svg { width: 15px; height: 15px; }

.reportBlock summary {
  display: inline-block; cursor: pointer;
  color: var(--charcoalMuted, #6F6F66);
  text-decoration: underline; text-underline-offset: 4px;
}
.reportBlock summary:hover { color: var(--charcoal, #1E1E1C); }

.reportForm {
  display: grid; gap: 8px; max-width: 42em; margin-top: 16px;
  padding: 18px 20px;
  border: 1px solid var(--line, #E3DED2); border-radius: var(--radiusLg, 12px);
  background: var(--ivoryCard, #FFFDF8);
}
.reportForm label { font-size: .9em; color: var(--charcoalMuted, #6F6F66); }
.reportForm select,
.reportForm textarea {
  width: 100%; padding: 10px 13px;
  border: 1px solid var(--line, #E3DED2); border-radius: 6px;
  background: var(--ivory, #F7F4ED); font: inherit; font-size: .95em;
}
.reportForm select:focus,
.reportForm textarea:focus { outline: none; border-color: var(--forest, #1F3D33); }
.reportForm button { justify-self: start; margin-top: 4px; }

/** این ماه — WF-006 **/
.accountStats .label .trend {
  display: inline-block; margin-inline-start: 6px;
  font-size: .92em; font-weight: 500;
}
.accountStats .label .trend.up { color: var(--vc-forest); }
.accountStats .label .trend.down { color: #A6534A; }
.accountStats .label .muted { color: var(--vc-muted); }

.mt12 { margin-top: 12px; }

/** تنظیمات هنرمند — WF-006 **/
.checkGrid {
  display: grid; gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 170px), 1fr));
}

.checkItem {
  display: flex; align-items: center; gap: 9px;
  padding: 11px 14px; cursor: pointer;
  border: 1px solid var(--vc-line); border-radius: 8px;
  background: var(--vc-card);
  font-size: .82em; color: var(--vc-ink);
  transition: border-color .18s ease, background .18s ease;
}
.checkItem:hover { border-color: var(--vc-forest); }
.checkItem input { accent-color: var(--vc-forest); width: 16px; height: 16px; flex: none; }
.checkItem:has(input:checked) { border-color: var(--vc-forest); background: var(--forestSoft, #E8EEEA); }

.notifyList { display: grid; gap: 10px; }

.notifyItem {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 14px 16px; cursor: pointer;
  border: 1px solid var(--vc-line); border-radius: 8px;
  background: var(--vc-card);
  transition: border-color .18s ease;
}
.notifyItem:hover { border-color: var(--vc-forest); }
.notifyItem input { accent-color: var(--vc-forest); width: 17px; height: 17px; flex: none; margin-top: 3px; }
.notifyItem .t { display: block; font-size: .86em; color: var(--vc-ink); }
.notifyItem .d { display: block; margin-top: 5px; font-size: .76em; color: var(--vc-muted); line-height: 1.9; }

.linkRow { display: flex; flex-wrap: wrap; gap: 10px; }

.trackForm datalist { display: none; }