/* ===== لوحة البائع: عام ===== */
.fg {
 display: flex;
 flex-direction: column;
 gap: var(--s4) }
.fg .page-head { padding-bottom: var(--s2) }
.fg-sec {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: var(--s3) }
.fg-sec h2, .fg-h {
 font-size: var(--fs-20);
 font-weight: 600 }
.fg-sec a {
 display: inline-flex;
 min-height: 44px;
 font-size: var(--fs-14);
 font-weight: 600;
 align-items: center;
 gap: var(--s1) }
.fg-tag {
 display: inline-flex;
 padding: 2px var(--s2);
 border: 1px solid var(--purple-300);
 border-radius: var(--r-xs);
 font-size: var(--fs-12);
 font-weight: 600;
 color: var(--link);
 background: var(--surface);
 align-items: center;
 gap: var(--s1);
 white-space: nowrap }
.fg-due {
 display: inline-flex;
 font-size: var(--fs-12);
 font-weight: 600;
 color: var(--gold-700);
 align-items: center;
 gap: var(--s1) }
.fg-due.late { color: var(--danger) }
.fg-due .icon {
 width: 14px;
 height: 14px }
.fg .table .num, .fg-due { white-space: nowrap }
.fg-stats {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: var(--s3) }
.fg-stats .kpi {
 padding: var(--s4);
 min-height: 0;
 color: var(--text);
 justify-content: flex-start;
 gap: var(--s2) }
.fg-stats a.kpi:hover {
 border-color: var(--purple-300);
 text-decoration: none }
.fg-stats .kpi .value { font-size: var(--fs-24) }
.fg-stats .kpi .value .stars {
 font-size: inherit;
 gap: var(--s1) }
.fg-stats .kpi .value .stars .icon {
 width: 20px;
 height: 20px }
.fg-stats .kpi .value .stars b { color: var(--text) }
.fg-stats .kpi .sub a { font-weight: 600 }
.fg-stats .fg-v-sm { font-size: var(--fs-18) }
.fg-stats .kpi.lead { color: #FFFFFF }
.fg-escrow {
 display: grid;
 margin: 0;
 padding: 0;
 list-style: none;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: var(--s2) }
.fg-escrow li {
 display: flex;
 min-width: 0;
 flex-direction: column;
 gap: var(--s1) }
.fg-escrow .bar {
 border-radius: var(--r-full);
 height: 6px;
 background: var(--border) }
.fg-escrow b {
 font-size: var(--fs-12);
 font-weight: 500;
 color: var(--muted) }
.fg-escrow li.done .bar { background: var(--success) }
.fg-escrow li.done b {
 font-weight: 600;
 color: var(--success) }
.fg-escrow li.now .bar { background: var(--gold-500) }
.fg-escrow li.now b {
 font-weight: 600;
 color: var(--gold-700) }

/* ===== نظرة عامة ===== */
.fg-banner {
 align-items: center;
 flex-wrap: wrap }
.fg-banner .icon { flex: none }
.fg-grid {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: var(--s5) }
.fg-needs { gap: var(--s2) }
.fg-need {
 display: flex;
 padding: var(--s3) 0;
 border-bottom: 1px solid var(--border);
 min-height: 44px;
 color: var(--text);
 align-items: center;
 gap: var(--s3) }
.fg-need:last-child { border-bottom: 0 }
.fg-need:hover { text-decoration: none }
.fg-need .grow {
 display: flex;
 min-width: 0;
 flex-direction: column;
 gap: var(--s1) }
.fg-need > .icon {
 color: var(--muted);
 flex: none }
.fg-chart .fg-total {
 font-size: var(--fs-20);
 font-weight: 700;
 text-align: left }
.fg-best {
 padding-top: var(--s3);
 border-top: 1px solid var(--border) }
.fg-dot {
 display: inline-block;
 margin-inline-end: var(--s2);
 border-radius: 50%;
 width: 8px;
 height: 8px;
 background: var(--gold-500) }
.fg-top {
 display: flex;
 padding-block: var(--s2);
 flex-direction: column }
.fg-top-row {
 display: flex;
 padding: var(--s3) 0;
 border-bottom: 1px solid var(--border);
 color: var(--text);
 align-items: center;
 gap: var(--s3) }
.fg-top-row:last-child { border-bottom: 0 }
.fg-top-row:hover { text-decoration: none }
.fg-top-row .grow {
 display: flex;
 min-width: 0;
 flex-direction: column;
 gap: 2px }
.fg-top-row .thumb, .fg-top-row .ph.thumb {
 width: 64px;
 height: 64px }
.fg-rank {
 width: 16px;
 color: var(--muted);
 text-align: center;
 flex: none }
.fg-steps {
 display: flex;
 margin: 0;
 padding: 0;
 list-style: none;
 flex-direction: column }
.fg-steps li {
 display: flex;
 position: relative;
 padding: 0 0 var(--s4);
 align-items: flex-start;
 gap: var(--s3) }
.fg-steps li:last-child { padding-bottom: 0 }
.fg-steps li::before {
 position: absolute;
 top: 18px;
 right: 7px;
 bottom: 0;
 width: 1px;
 background: var(--border);
 content: '' }
.fg-steps li:last-child::before { display: none }
.fg-steps .dot {
 margin-top: 3px;
 border: 2px solid var(--border-strong);
 border-radius: 4px;
 width: 16px;
 height: 16px;
 background: var(--surface);
 flex: none }
.fg-steps li.done .dot {
 border-color: var(--success);
 background: var(--success) }
.fg-steps li.now .dot { border-color: var(--gold-500) }
.fg-steps li > a {
 display: inline-flex;
 min-height: 44px;
 font-weight: 600;
 align-items: center }
.fg-overview .verified { margin-inline-start: var(--s2) }

/* ===== المنتجات ===== */
.fg-danger { color: var(--danger) }
.fg-link {
 font-weight: 600;
 color: var(--link) }
.fg-pills .tabs {
 padding-bottom: var(--s1);
 border-bottom: 0;
 gap: var(--s2) }
.fg-pills .tabs button {
 padding: var(--s2) var(--s4);
 border: 1px solid var(--border-strong);
 border-radius: var(--r-full);
 min-height: 44px;
 color: var(--text);
 background: var(--surface) }
.fg-pills .tabs button.on {
 border-color: var(--purple-300);
 color: var(--accent-ink);
 background: var(--purple-100) }
.fg-pills .tabs .on::after { display: none }
.fg-pills .tabs .count { color: inherit }
.fg-pname {
 color: var(--text);
 align-items: flex-start;
 gap: var(--s3) }
.fg-pname:hover { text-decoration: none }
.fg-pname .thumb, .fg-pname .ph.thumb {
 width: 48px;
 height: 48px }
.fg-pcard {
 display: flex;
 flex-direction: column;
 gap: var(--s3) }
.fg-pcard .fg-pname .thumb, .fg-pcard .fg-pname .ph.thumb {
 width: 88px;
 height: 88px }
.fg-pcard.bad { border-color: var(--danger-bg) }
.fg-pcard .alert { margin: 0 }
.fg-acts { gap: 0 }
.fg-acts .btn-icon {
 width: 44px;
 min-height: 44px }

/* ===== معالج إضافة منتج ===== */
.fg-wizhead {
 display: flex;
 align-items: center;
 gap: var(--s2) }
.fg-wizhead h1 {
 font-size: var(--fs-20);
 flex: 1 }
.fg-stepper {
 display: grid;
 margin: 0;
 padding: 0;
 list-style: none;
 grid-template-columns: repeat(6, minmax(0, 1fr));
 gap: var(--s2) }
.fg-stepper button {
 display: flex;
 padding: 0;
 border: 0;
 width: 100%;
 min-height: 44px;
 font-size: var(--fs-12);
 color: var(--muted);
 text-align: start;
 background: none;
 flex-direction: column;
 gap: var(--s2);
 cursor: pointer }
.fg-stepper .bar {
 border-radius: var(--r-full);
 width: 100%;
 height: 4px;
 background: var(--border) }
.fg-stepper li.on .bar { background: var(--purple-900) }
.fg-stepper li.on button { color: var(--text-2) }
.fg-stepper li.cur button {
 font-weight: 700;
 color: var(--accent-ink) }
.fg-f { gap: var(--s2) }
.fg-f .fg-label, .fg-label {
 position: static;
 font-size: var(--fs-14);
 font-weight: 600;
 color: var(--text);
 transform: none;
 pointer-events: auto }
.fg-f input, .fg-f select, .fg-f textarea, .fg-tier input, .fg-spec input, .fg-spec select, .fg-variant input {
 padding: 0 var(--s4);
 border: 1px solid var(--border-strong);
 border-radius: var(--r-sm);
 width: 100%;
 min-height: 52px;
 color: var(--text);
 background: var(--surface);
 appearance: none }
.fg-f textarea {
 padding: var(--s3) var(--s4);
 min-height: 132px;
 line-height: 1.7 }
.fg-tier input:focus, .fg-spec input:focus, .fg-spec select:focus, .fg-variant input:focus {
 border-color: var(--purple-700);
 box-shadow: 0 0 0 4px var(--purple-100);
 outline: none }
.fg-tier input.bad { border-color: var(--danger) }
.fg-f .hint { text-align: left }
.fg-sel { position: relative }
.fg-sel select {
 padding-inline-start: 40px;
 padding-inline-end: var(--s4);
 cursor: pointer }
.fg-sel > .icon {
 position: absolute;
 top: 50%;
 left: var(--s4);
 color: var(--text-2);
 transform: translateY(-50%);
 pointer-events: none }
.fg-addon { position: relative }
.fg-addon input { padding-left: 56px }
.fg-suffix {
 display: flex;
 position: absolute;
 top: 0;
 bottom: 0;
 left: var(--s4);
 font-size: var(--fs-14);
 color: var(--muted);
 align-items: center;
 pointer-events: none }
.fg-suffix .money svg {
 width: 14px;
 height: 14px }
.fg-two, .fg-three {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: var(--s3) }
.fg-pgrid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: var(--s3) }
.fg-pgrid .p1 { order: 1 }
.fg-pgrid .p2 { order: 2 }
.fg-pgrid .p3 { order: 3 }
.fg-pgrid .p4 { order: 4 }
.fg-pgrid .p5 { order: 5 }
.fg-pgrid .p6 { order: 6 }
.fg-switch {
 display: flex;
 padding: var(--s4);
 border: 1px solid var(--border);
 border-radius: var(--r-md);
 background: var(--surface);
 flex-direction: column;
 gap: var(--s3) }
.fg-switch > label {
 min-height: 44px;
 font-weight: 600 }
.fg-tiers {
 display: flex;
 flex-direction: column;
 gap: var(--s2) }
.fg-tier {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr)) 44px;
 align-items: center;
 gap: var(--s2) }
.fg-tier .fg-addon input { padding-left: 34px }
.fg-tier .fg-suffix { left: var(--s3) }
.fg-tier.head, .fg-spec.head {
 font-size: var(--fs-12);
 color: var(--muted) }
.fg-tiers .error, .fg-specs + .error {
 display: flex;
 font-size: var(--fs-12);
 color: var(--danger);
 align-items: center;
 gap: var(--s1) }
.fg-addrow {
 display: inline-flex;
 padding: 0;
 border: 0;
 min-height: 44px;
 font-weight: 600;
 color: var(--link);
 background: none;
 align-items: center;
 align-self: flex-start;
 gap: var(--s2);
 cursor: pointer }
.fg-specs {
 display: flex;
 flex-direction: column;
 gap: var(--s2) }
.fg-spec {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px;
 align-items: center;
 gap: var(--s2) }
.fg-spec .fg-req {
 margin-top: -4px;
 grid-column: 1 / -1 }
.fg-sugg { gap: var(--s2) }
.fg-sugg .btn { border-radius: var(--r-full) }
.fg-variants summary {
 min-height: 44px;
 font-weight: 600;
 cursor: pointer }
.fg-variant {
 display: grid;
 grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) 44px;
 align-items: center;
 gap: var(--s2) }
.fg-seg {
 display: grid;
 width: 100%;
 grid-template-columns: repeat(3, 1fr) }
.fg-seg button { min-height: 48px }
.fg-choice { align-items: flex-start }
.fg-choice .grow {
 display: flex;
 flex-direction: column;
 gap: 2px }
.fg-choice input {
 margin-top: 4px;
 width: 22px;
 height: 22px }
.fg-tiles {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: var(--s3) }
.fg-tile {
 display: flex;
 position: relative;
 border: 1px solid var(--border);
 border-radius: var(--r-md);
 color: var(--text-2);
 background: var(--surface-2);
 aspect-ratio: 1;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 gap: var(--s1);
 overflow: hidden }
.fg-tile > img, .fg-tile > .ph {
 position: absolute;
 width: 100%;
 height: 100%;
 inset: 0;
 object-fit: cover }
.fg-tile.cover { border: 2px solid var(--purple-900) }
.fg-tile.up, .fg-tile.add {
 border: 1px dashed var(--purple-300);
 background: var(--purple-50) }
.fg-tile.add {
 font-weight: 600;
 color: var(--link);
 cursor: pointer }
.fg-tile.add:hover { border-color: var(--purple-700) }
.fg-tile.dragging { opacity: 0.6 }
.fg-cover {
 position: absolute;
 top: var(--s2);
 right: var(--s2);
 padding: 2px var(--s2);
 border: 1px solid var(--purple-300);
 border-radius: var(--r-xs);
 font-size: var(--fs-12);
 font-weight: 700;
 color: var(--link);
 background: var(--surface) }
.fg-handle, .fg-x {
 display: inline-flex;
 position: absolute;
 border: 0;
 border-radius: 10px;
 width: 44px;
 height: 44px;
 color: var(--text);
 background: rgba(255, 255, 255, 0.86);
 align-items: center;
 justify-content: center;
 cursor: grab;
 touch-action: none }
.fg-handle {
 bottom: var(--s1);
 left: var(--s1) }
.fg-x {
 top: var(--s1);
 left: var(--s1);
 cursor: pointer }
.fg-reject {
 display: flex;
 padding: var(--s3);
 border: 1px solid var(--danger);
 border-radius: var(--r-sm);
 color: var(--danger);
 align-items: center;
 gap: var(--s2) }
.fg-reject .grow { color: var(--text) }
.fg-preview > img, .fg-preview > .ph {
 width: 100%;
 height: auto;
 aspect-ratio: 4 / 3;
 object-fit: cover }
.fg-pv-name { font-size: var(--fs-18) }
.fg-pv-price { font-size: var(--fs-20) }
.fg-wiz { min-height: calc(100dvh - var(--header-h) - var(--bottom-h) - 64px) }
.fg-wiz form { flex: 1 }
.fg-wizfoot {
 display: flex;
 position: sticky;
 bottom: var(--bottom-h);
 margin-inline: calc(var(--gutter, 16px) * -1);
 padding: var(--s3) var(--gutter, 16px);
 border-top: 1px solid var(--border);
 background: var(--surface);
 align-items: center;
 gap: var(--s3);
 z-index: 5 }
.fg-wizfoot .grow { flex: 1 }
.fg-draft {
 padding-inline: var(--s3);
 min-height: 44px;
 color: var(--link) }
.btn.is-off {
 color: var(--muted);
 background: var(--border) }
.fg-wiz2, .fg-wiz3 {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: var(--s4);
 align-items: start }
.fg-edit {
 min-height: 44px;
 color: var(--link) }
.fg-buyer .rows .row { padding-block: var(--s3) }

/* ===== الطلبات ===== */
.fg-otabs .tabs {
 margin-inline: calc(var(--gutter, 16px) * -1);
 padding-inline: var(--gutter, 16px);
 background: var(--surface) }
.fg-ocard {
 display: flex;
 color: var(--text);
 flex-direction: column;
 gap: var(--s2) }
.fg-ocard:hover {
 border-color: var(--purple-300);
 text-decoration: none }
.fg-amt { font-size: var(--fs-18) }
.fg-osum .fg-escrow { margin-top: var(--s1) }
.fg-item {
 align-items: flex-start;
 gap: var(--s3) }
.fg-item .thumb, .fg-item .ph.thumb {
 width: 64px;
 height: 64px }
.fg-items .rows, .fg-counter .rows { margin-top: var(--s1) }
.fg-ogrid {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: var(--s4);
 align-items: start }
.fg-ogrid > .stack, .fg-ogrid > aside { gap: var(--s4) }
.fg-rejbox {
 display: none;
 padding: var(--s4);
 border: 1px dashed var(--danger);
 border-radius: var(--r-md);
 background: var(--danger-bg);
 flex-direction: column;
 gap: var(--s3) }
.fg-rejbox.open { display: flex }
.fg-rejbox textarea { background: var(--surface) }
.fg-chipbtn {
 padding: var(--s2) var(--s4);
 border: 1px solid var(--border-strong);
 border-radius: var(--r-full);
 min-height: 44px;
 font-size: var(--fs-14);
 color: var(--text);
 background: var(--surface);
 cursor: pointer }
.fg-chipbtn.on {
 border-color: var(--purple-300);
 font-weight: 600;
 color: var(--accent-ink);
 background: var(--purple-100) }
.btn.fg-outline-danger {
 border: 1px solid var(--danger);
 color: var(--danger);
 background: var(--surface) }
.fg-gold { color: var(--gold-700) }
.fg-green { color: var(--success) }
.fg-net { padding-top: var(--s4) }
.fg-net .fg-green { font-size: var(--fs-32) }
.fg-static {
 display: flex;
 padding: 0 var(--s4);
 border: 1px solid var(--border);
 border-radius: var(--r-sm);
 min-height: 52px;
 background: var(--surface-2);
 align-items: center;
 gap: var(--s1) }
.fg-total-row {
 padding-top: var(--s3);
 border-top: 1px solid var(--border) }
.fg-offer { border-color: var(--purple-700) }
.fg-file {
 display: flex;
 position: relative;
 padding: var(--s3);
 border: 1px dashed var(--border-strong);
 border-radius: var(--r-sm);
 min-height: 52px;
 color: var(--link);
 align-items: center;
 justify-content: center;
 gap: var(--s2);
 cursor: pointer }
.fg-file input {
 position: absolute;
 opacity: 0;
 inset: 0;
 cursor: pointer }
.fg-file:focus-within {
 border-color: var(--purple-700);
 box-shadow: 0 0 0 4px var(--purple-100) }
.fg-stars {
 display: flex;
 flex-direction: row-reverse;
 justify-content: flex-end;
 gap: var(--s1) }
.fg-stars label {
 display: inline-flex;
 width: 44px;
 height: 44px;
 color: var(--border-strong);
 align-items: center;
 justify-content: center;
 cursor: pointer }
.fg-stars input {
 position: absolute;
 opacity: 0;
 pointer-events: none }
.fg-stars .icon {
 width: 28px;
 height: 28px;
 fill: currentColor }
.fg-stars label:has(input:checked), .fg-stars label:has(input:checked) ~ label, .fg-stars label:hover, .fg-stars label:hover ~ label { color: var(--gold-500) }
.fg-stars label:has(input:focus-visible) {
 border-radius: var(--r-xs);
 outline: 2px solid var(--purple-700) }
.fg-actbar {
 flex-direction: column;
 align-items: stretch }
.fg-actbar .fg-two { width: 100% }
.fg-sticky { min-height: calc(100dvh - var(--header-h) - var(--bottom-h) - 64px) }
.fg-sticky > .fg-ogrid { flex: 1 }
.fg-decision:not(:has(.fg-rejbox.open)) { display: none }
.fg-shipbtn { align-self: flex-start }
.fg-shipform .fg-f input { min-height: 48px }

/* ===== المحفظة ===== */
.fg-wtop {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: var(--s4) }
.fg-big {
 font-size: var(--fs-32);
 font-weight: 700;
 line-height: 1.2 }
.fg-avail {
 display: flex;
 border-color: transparent;
 color: #FFFFFF;
 background: var(--purple-900);
 flex-direction: column;
 gap: var(--s3) }
.fg-avail .small, .fg-avail .xs { color: var(--purple-200) }
.fg-avail-split {
 display: grid;
 padding-top: var(--s3);
 border-top: 1px solid rgba(255, 255, 255, 0.16);
 grid-template-columns: 1fr 1fr;
 gap: var(--s3) }
.fg-avail-split > div {
 display: flex;
 flex-direction: column;
 gap: 2px }
.fg-avail-split b { font-size: var(--fs-18) }
.fg-avail-foot { gap: var(--s3) }
.fg-avail-foot .btn { flex: 1 }
.fg-avail-to {
 display: inline-flex;
 align-items: center;
 gap: var(--s1) }
.btn.fg-btn-light {
 border-color: transparent;
 color: var(--accent-ink);
 background: #FFFFFF }
.btn.fg-btn-light:hover {
 color: var(--accent-ink);
 background: var(--purple-50) }
.fg-wgrid {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: var(--s5) }
.fg-payrow {
 display: flex;
 flex-direction: column;
 gap: var(--s2) }
.fg-ref {
 display: flex;
 padding: var(--s1) var(--s3);
 border-radius: var(--r-sm);
 background: var(--purple-50);
 align-items: center;
 justify-content: space-between }
.fg-more { display: none }
.fg-txlist {
 display: flex;
 padding-block: var(--s1);
 flex-direction: column }
.fg-txrow {
 display: flex;
 padding: var(--s3) 0;
 border-bottom: 1px solid var(--border);
 align-items: center;
 gap: var(--s3) }
.fg-txrow:last-child { border-bottom: 0 }
.fg-txamt {
 align-items: flex-end;
 gap: 2px }
.fg-signed { white-space: nowrap }
.fg-wd-avail {
 padding-bottom: var(--s3);
 border-bottom: 1px solid var(--border) }
.fg-quick { gap: var(--s2) }
.fg-dest {
 display: flex;
 padding: var(--s4);
 border: 1px solid var(--border);
 border-radius: var(--r-md);
 background: var(--purple-50);
 flex-direction: column;
 gap: var(--s1) }
.fg-latest { color: var(--text) }
.fg-latest:hover { text-decoration: none }

/* ===== إعدادات المتجر ===== */
.fg-media {
 position: relative;
 padding-bottom: var(--s5) }
.fg-cover-img {
 border-radius: var(--r-md);
 height: 140px;
 background: var(--surface-2);
 overflow: hidden }
.fg-cover-img > img, .fg-cover-img > .ph {
 width: 100%;
 height: 100%;
 object-fit: cover }
.fg-logo-img, .fg-spv-logo {
 display: flex;
 position: absolute;
 bottom: 0;
 right: var(--s4);
 border: 3px solid var(--surface);
 border-radius: var(--r-md);
 width: 88px;
 height: 88px;
 font-size: var(--fs-24);
 font-weight: 700;
 color: var(--accent-ink);
 background: var(--gold-100);
 align-items: center;
 justify-content: center;
 overflow: hidden }
.fg-logo-img img, .fg-spv-logo img {
 width: 100%;
 height: 100%;
 object-fit: cover }
.fg-media-acts { gap: var(--s4) }
.fg-chips { gap: var(--s2) }
.fg-seg2 { grid-template-columns: 1fr 1fr }
.fg-toggles > label { min-height: 44px }
.fg-spv { position: relative }
.fg-spv-cover {
 height: 104px;
 background: var(--surface-2) }
.fg-spv-cover > img, .fg-spv-cover > .ph {
 width: 100%;
 height: 100%;
 object-fit: cover }
.fg-spv-logo {
 position: relative;
 bottom: auto;
 right: auto;
 margin: -32px auto 0;
 width: 72px;
 height: 72px }
.fg-spv-stats {
 display: flex;
 color: var(--text-2);
 flex-wrap: wrap;
 justify-content: center;
 gap: var(--s1) }
.fg-actbar-row { flex-direction: row }

/* ===== التوثيق ===== */
.fg-block {
 display: block;
 margin-top: var(--s1) }
.fg-guide p { line-height: 1.8 }
.fg-guide .btn { align-self: flex-start }
.fg-note { align-items: flex-start }
.fg-docrows {
 display: flex;
 padding: 0 var(--s4);
 flex-direction: column }
.fg-docrow {
 display: flex;
 padding: var(--s4) 0;
 border-bottom: 1px solid var(--border);
 flex-direction: column;
 gap: var(--s2) }
.fg-docrow:last-child { border-bottom: 0 }
.fg-docs tr:has([data-doc-up].btn-primary) { background: var(--purple-50) }
.fg-vgrid {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: var(--s4);
 align-items: start }
.fg-cert .btn { align-self: flex-start }
.fg-cert-art {
 display: flex;
 padding: var(--s5);
 border-radius: var(--r-md);
 min-height: 140px;
 color: var(--gold-200);
 text-align: center;
 background: var(--purple-900);
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: var(--s1) }
.fg-crwarn {
 border-color: var(--gold-500);
 background: var(--warning-bg) }
.fg-submit { align-items: flex-start }

/* ===== الباقة ===== */
.fg-curplan {
 display: flex;
 flex-direction: column;
 gap: var(--s4) }
.fg-planname { font-size: var(--fs-20) }
.fg-usage { gap: var(--s2) }
.fg-tag.gold {
 border-color: var(--gold-200);
 color: var(--gold-700) }
.fg-compare .table th, .fg-compare .table td { text-align: center }
.fg-compare .table th:first-child, .fg-compare .table td:first-child {
 color: var(--text-2);
 text-align: start }
.fg-compare .hi { border-inline: 2px solid var(--purple-900) }
.fg-compare thead .hi { border-top: 2px solid var(--purple-900) }
.fg-compare tbody tr:last-child .hi { border-bottom: 2px solid var(--purple-900) }
.fg-compare .fg-green .icon {
 width: 18px;
 height: 18px }
.fg-plancard.hi { border: 2px solid var(--purple-900) }
.fg-feats {
 display: flex;
 margin: 0;
 padding: 0;
 list-style: none;
 flex-direction: column;
 gap: var(--s2) }
.fg-feats li {
 display: flex;
 align-items: center;
 gap: var(--s3) }
.fg-feats li::before {
 border: 2px solid var(--gold-500);
 border-radius: 3px;
 width: 14px;
 height: 14px;
 content: '';
 flex: none }
.fg-pay .fg-seg { display: grid }
.fg-due-total { font-size: var(--fs-24) }
.fg-paybtn { font-size: var(--fs-18) }
.fg-sticky .fg-paybtn {
 position: sticky;
 bottom: calc(var(--bottom-h) + var(--s2));
 z-index: 4 }

/* ===== الإحصائيات ===== */
.fg-periods {
 display: grid;
 width: 100%;
 grid-template-columns: repeat(4, 1fr) }
.fg-periods button { min-height: 44px }
.fg-range {
 display: grid;
 grid-template-columns: 1fr 1fr;
 align-items: end;
 gap: var(--s3) }
.fg-range .btn { grid-column: 1 / -1 }
.fg-an-grid {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: var(--s4);
 align-items: start }
.fg-stbars { gap: var(--s3) }
.fg-stbar {
 display: grid;
 grid-template-columns: 90px minmax(0, 1fr) 32px;
 align-items: center;
 gap: var(--s3) }
.fg-stbar-track {
 border-radius: var(--r-full);
 height: 6px;
 background: var(--border);
 overflow: hidden }
.fg-stbar-track span {
 display: block;
 border-radius: inherit;
 height: 100%;
 background: var(--cancelled) }
.fg-stbar-track .success { background: var(--success) }
.fg-stbar-track .gold { background: var(--gold-500) }
.fg-stbar-track .new { background: var(--purple-500) }
.fg-stbar-track .danger { background: var(--danger) }

/* ===== أدوات الذكاء الاصطناعي ===== */
.fg-ai-card .fg-h {
 display: flex;
 align-items: center;
 gap: var(--s2) }
.fg-ai-card .fg-h .icon { color: var(--purple-500) }
.fg-ai-text { line-height: 1.9 }
.fg-ai-grid {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: var(--s4);
 align-items: start }
.fg-ai-pick {
 align-items: flex-end;
 flex-wrap: wrap }
.fg-ai-list {
 margin: 0;
 padding-inline-start: var(--s5) }
.fg-range-bar {
 position: relative;
 margin: var(--s3) 0 var(--s1);
 border-radius: var(--r-full);
 height: 8px;
 background: var(--purple-100) }
.fg-range-bar span {
 position: absolute;
 top: -4px;
 border-radius: 2px;
 width: 4px;
 height: 16px;
 transform: translateX(50%) }
.fg-range-bar .mine { background: var(--purple-900) }
.fg-range-bar .sug { background: var(--gold-500) }
.fg-lock {
 padding: var(--s7) var(--s5);
 text-align: center;
 align-items: center }
.fg-lock > .icon { color: var(--purple-500) }
.fg-lock p { max-width: 36rem }
.fg-blur {
 opacity: 0.6;
 filter: blur(3px) }

/* ===== التقييمات والإعدادات والإشعارات والنزاعات ===== */
.fg-rv-stats { grid-template-columns: repeat(4, minmax(0, 1fr)) }
.fg-rv-m {
 align-items: center;
 gap: var(--s4) }
.fg-rlist {
 display: flex;
 padding-block: var(--s2);
 flex-direction: column }
.fg-review {
 display: flex;
 padding: var(--s4) 0;
 border-bottom: 1px solid var(--border);
 flex-direction: column;
 gap: var(--s3) }
.fg-review:last-child { border-bottom: 0 }
.fg-review > .btn { align-self: flex-start }
.fg-rstars {
 display: inline-flex;
 color: var(--gold-500);
 align-items: center;
 gap: var(--s1) }
.fg-rstars .icon { fill: currentColor }
.fg-rstars .num { color: var(--text) }
.fg-reply {
 padding: var(--s3) var(--s4);
 border-radius: var(--r-sm);
 background: var(--purple-50) }
.fg-replybox {
 display: flex;
 padding: var(--s4);
 border: 1px solid var(--gold-200);
 border-radius: var(--r-md);
 background: var(--surface-2);
 flex-direction: column;
 gap: var(--s3) }
.fg-storeline { gap: var(--s3) }
.fg-initial {
 display: inline-flex;
 border-radius: var(--r-sm);
 width: 56px;
 height: 56px;
 font-size: var(--fs-20);
 font-weight: 700;
 color: var(--accent-ink);
 background: var(--gold-100);
 align-items: center;
 justify-content: center;
 flex: none }
.fg-set-grid {
 display: grid;
 grid-template-columns: minmax(0, 1fr);
 gap: var(--s4);
 align-items: start }
.fg-prefs td, .fg-prefs th { text-align: center }
.fg-prefs td:first-child, .fg-prefs th:first-child { text-align: start }
.fg-prefs .switch input:disabled + span { opacity: 0.45 }
.fg-sessions {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 gap: var(--s4) }
.btn.fg-danger, .link-btn.fg-danger { color: var(--danger) }
.fg-logout { align-self: center }
.fg-nlist {
 display: flex;
 padding-block: var(--s1);
 flex-direction: column }
.fg-note-row {
 display: flex;
 padding: var(--s4) 0;
 border: 0;
 border-bottom: 1px solid var(--border);
 width: 100%;
 min-height: 44px;
 color: var(--text);
 text-align: start;
 background: none;
 align-items: flex-start;
 gap: var(--s3);
 cursor: pointer }
.fg-note-row:last-child { border-bottom: 0 }
.fg-note-row > .icon {
 margin-top: 2px;
 color: var(--purple-700);
 flex: none }
.fg-note-row .grow {
 display: flex;
 flex-direction: column;
 gap: var(--s1) }
.fg-note-row.unread .fg-ntext { font-weight: 600 }
.fg-ndot {
 margin-top: 8px;
 border-radius: 50%;
 width: 8px;
 height: 8px;
 background: var(--gold-500);
 flex: none }
.fg-dempty {
 display: flex;
 padding: var(--s8) var(--s4);
 text-align: center;
 flex-direction: column;
 align-items: center;
 gap: var(--s3) }
.fg-dempty > .icon { color: var(--purple-500) }
.fg-dempty p {
 max-width: 30rem;
 line-height: 1.8 }
.fg-needtable td:nth-child(2), .fg-needtable td:nth-child(4), .fg-needtable td:nth-child(5) { white-space: nowrap }
.fg-needtable .table td { padding-inline: var(--s3) }
.fg-needtable td:nth-child(6) { padding-inline-end: var(--s4) }
.fg-hit {
 display: inline-flex;
 min-width: 44px;
 min-height: 44px;
 align-items: center;
 justify-content: center;
 cursor: pointer }
.fg-paylogo {
 width: 48px;
 height: 28px;
 object-fit: contain;
 flex: none }
@media (max-width: 1022px) {
 .fg-only-w { display: none !important }
 .fg-iconbtn-m {
  padding: 0;
  width: 44px }
 .fg-iconbtn-m span { display: none }
 .fg-wgrid .fg-payouts { order: -1 } }
@media (min-width: 767px) {
 .fg-stats { grid-template-columns: repeat(3, minmax(0, 1fr)) }
 .fg-stats.four { grid-template-columns: repeat(4, minmax(0, 1fr)) } }
@media (min-width: 1023px) {
 .fg-only-m { display: none !important }
 .fg-stats .kpi { padding: var(--s5) }
 .fg-stats .kpi .value { font-size: var(--fs-32) }
 .fg-stats .fg-v-sm { font-size: var(--fs-20) }
 .fg-stats .o1 { order: 1 }
 .fg-stats .o2 { order: 2 }
 .fg-stats .o3 { order: 3 }
 .fg-stats .o4 { order: 4 }
 .fg-stats .o5 { order: 5 }
 .fg-stats .o6 { order: 6 }
 .fg-grid {
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start }
 .fg-wiz2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) }
 .fg-wiz3 { grid-template-columns: minmax(0, 1fr) 300px }
 .fg-wiz .fg-wcard { padding: var(--s5) }
 .fg-three { grid-template-columns: repeat(3, minmax(0, 1fr)) }
 .fg-pgrid { grid-template-columns: repeat(3, minmax(0, 1fr)) }
 .fg-pgrid .p6 { order: 3 }
 .fg-pgrid .p3 { order: 4 }
 .fg-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)) }
 .fg-wiz { min-height: 0 }
 .fg-wizfoot {
  position: static;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  justify-content: flex-start }
 .fg-wizfoot .grow { flex: 0 0 auto }
 .fg-hide-w { display: none }
 .fg-ogrid { grid-template-columns: minmax(0, 1fr) 340px }
 .fg-decision:not(:has(.fg-rejbox.open)) { display: flex }
 .fg-decision .fg-rejbox { display: flex }
 .fg-sticky { min-height: 0 }
 .fg-wtop { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) }
 .fg-avail { padding: var(--s5) }
 .fg-avail-foot .btn { flex: 0 0 auto }
 .fg-big { font-size: var(--fs-40) }
 .fg-cover-img { height: 204px }
 .fg-media {
  display: flex;
  padding-bottom: 0;
  flex-direction: row-reverse;
  align-items: center;
  gap: var(--s5) }
 .fg-media .fg-cover-img { flex: 1 }
 .fg-media .fg-logo-img {
  position: static;
  width: 72px;
  height: 72px;
  flex: none }
 .fg-vgrid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) }
 .fg-curplan {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) auto;
  align-items: center;
  gap: var(--s6) }
 .fg-paywrap {
  display: flex;
  justify-content: flex-end }
 .fg-paywrap .fg-pay { width: min(100%, 640px) }
 .fg-periods { width: 440px }
 .fg-range {
  grid-template-columns: 220px 220px auto;
  justify-content: start }
 .fg-range .btn { grid-column: auto }
 .fg-an-stats { grid-template-columns: repeat(5, minmax(0, 1fr)) }
 .fg-an-grid { grid-template-columns: minmax(0, 1fr) 300px }
 .fg-ai-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) }
 .fg-set-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) }
 .fg-settings .fg-pgrid .field:nth-child(4) { grid-column: 1 }
 .fg-rv-stats { grid-template-columns: repeat(4, minmax(0, 1fr)) } }