/* ==========================================================
   SELLER / RANCHER DEALS
   REFERENCE MOBILE DESIGN
   ========================================================== */

#tab-seller-deals.seller-reference-page{
  direction:rtl;

  background:
    linear-gradient(
      180deg,
      #f5f3fb,
      #f7f9fc
    );
}


@media(max-width:860px){

  #tab-seller-deals.active{
    display:block !important;

    width:100% !important;

    padding:
      0 8px
      24px !important;

    overflow-x:hidden;
  }


  /* =================================
     HEADER
     ================================= */

  .sr-header{
    width:
      calc(100% + 16px);

    min-height:
      92px;

    margin:
      0 -8px
      7px;

    padding:
      13px 15px
      20px;

    display:flex;

    justify-content:
      space-between;

    align-items:center;

    gap:10px;

    color:#fff;

    background:
      radial-gradient(
        circle at 25% 0%,
        rgba(255,255,255,.12),
        transparent 36%
      ),
      linear-gradient(
        135deg,
        #843df4,
        #5726cd 55%,
        #3f239f
      );

    border-radius:
      0 0
      23px 23px;

    box-shadow:
      0 7px 20px
      rgba(81,38,168,.18);
  }


  .sr-user{
    display:flex;

    align-items:center;

    gap:7px;
  }


  .sr-avatar{
    width:39px;
    height:39px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
      rgba(255,255,255,.20);

    font-size:18px;
  }


  .sr-user strong{
    display:block;

    font-size:10px;
  }


  .sr-user span{
    display:block;

    margin-top:1px;

    color:
      rgba(255,255,255,.72);

    font-size:6.7px;
  }


  .sr-bell{
    font-size:17px;

    margin-right:3px;
  }


  .sr-title{
    display:flex;

    align-items:center;

    gap:9px;
  }


  .sr-title h1{
    margin:0;

    font-size:17px;

    font-weight:900;
  }


  .sr-title p{
    margin:
      3px 0 0;

    color:
      rgba(255,255,255,.75);

    font-size:7.5px;
  }


  .sr-logo{
    width:40px;
    height:40px;

    display:grid;

    place-items:center;

    border-radius:11px;

    background:
      rgba(255,255,255,.15);

    font-size:12px;
  }


  /* =================================
     TOP NAV
     ================================= */

  .sr-nav{
    display:grid;

    grid-template-columns:
      repeat(5,minmax(0,1fr));

    gap:4px;

    margin:
      -14px 0
      8px;

    padding:
      6px;

    position:relative;

    z-index:2;

    border:
      1px solid #ece8f3;

    border-radius:13px;

    background:
      rgba(255,255,255,.97);

    box-shadow:
      0 5px 18px
      rgba(52,39,76,.08);
  }


  .sr-nav button{
    min-height:
      42px !important;

    padding:
      4px 2px !important;

    display:flex !important;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:2px;

    border:
      0 !important;

    border-radius:
      8px !important;

    background:
      #f6f4fa !important;

    color:
      #665c77 !important;

    font-size:
      6.4px !important;

    font-family:inherit;
  }


  .sr-nav button span{
    font-size:
      13px;
  }


  .sr-nav button.active{
    background:
      linear-gradient(
        135deg,
        #9444f4,
        #5825cf
      ) !important;

    color:#fff !important;
  }


  /* =================================
     MAIN CARD
     ================================= */

  .sr-card{
    margin-bottom:
      8px;

    padding:
      10px;

    border:
      1px solid #ebe7f1;

    border-radius:
      14px;

    background:
      #fff;

    box-shadow:
      0 5px 18px
      rgba(58,42,83,.055);
  }


  .sr-card-head{
    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:
      9px;
  }


  .sr-card-icon{
    width:39px;
    height:39px;

    display:grid;

    place-items:center;

    flex:
      0 0 39px;

    border-radius:
      10px;

    color:#fff;

    background:
      linear-gradient(
        145deg,
        #3fd58e,
        #13ae72
      );

    font-size:17px;
  }


  .sr-card-head h2{
    margin:0;

    color:#21182b;

    font-size:
      14px;

    font-weight:900;
  }


  .sr-card-head p{
    margin:
      3px 0 0;

    color:#887e91;

    font-size:
      7px;
  }


  /* =================================
     FORM FIELDS
     ================================= */

  .sr-top-fields{
    display:grid;

    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap:
      6px;
  }


  .sr-field{
    display:block;

    margin:0 !important;

    font-size:
      8px !important;

    color:#33283e;
  }


  .sr-field.sr-full{
    grid-column:
      1/-1;
  }


  .sr-field > span{
    display:block;

    margin:
      0 3px
      3px;

    font-weight:700;
  }


  .sr-field input,
  .sr-field select,
  .sr-field textarea{
    width:100% !important;

    min-height:
      37px !important;

    margin:0 !important;

    padding:
      5px 7px !important;

    border:
      1px solid #ddd9e6 !important;

    border-radius:
      8px !important;

    background:#fff !important;

    color:#292130 !important;

    font-size:
      9px !important;

    font-family:inherit;
  }


  .sr-field textarea{
    height:
      43px !important;

    min-height:
      43px !important;

    resize:none !important;
  }


  /* =================================
     ADD PURCHASE
     ================================= */

  .sr-add-purchase{
    width:
      100% !important;

    height:
      38px !important;

    min-height:
      38px !important;

    margin:
      7px 0 !important;

    display:flex !important;

    align-items:center;

    justify-content:center;

    gap:5px;

    border:
      0 !important;

    border-radius:
      8px !important;

    background:
      linear-gradient(
        90deg,
        #e5dcff,
        #e9e0ff
      ) !important;

    color:
      #6727ca !important;

    font-size:
      9px !important;

    font-weight:
      900 !important;
  }


  .sr-add-purchase span{
    font-size:
      17px;
  }


  /* =================================
     PURCHASE CARD GENERATED BY JS
     ================================= */

  #sellerPurchaseRows{
    display:grid;

    gap:
      7px;
  }


  #sellerPurchaseRows
  .seller-purchase-box{
    padding:
      8px !important;

    border:
      1px solid #dfd6ed !important;

    border-radius:
      11px !important;

    background:
      linear-gradient(
        180deg,
        #fcfaff,
        #f9f7fd
      ) !important;
  }


  #sellerPurchaseRows
  .purchase-row-head{
    display:flex !important;

    justify-content:
      space-between !important;

    align-items:center !important;

    margin-bottom:
      6px !important;
  }


  #sellerPurchaseRows
  .seller-purchase-title{
    color:
      #6424ca !important;

    font-size:
      11px !important;

    font-weight:
      900 !important;
  }


  #sellerPurchaseRows
  .remove-seller-purchase{
    min-height:
      28px !important;

    padding:
      3px 8px !important;

    border:
      1px solid #f0caca !important;

    border-radius:
      7px !important;

    background:
      #fff1f1 !important;

    color:
      #c34052 !important;

    font-size:
      7px !important;
  }


  #sellerPurchaseRows
  .purchase-input-grid{
    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))
      !important;

    gap:
      5px !important;
  }


  #sellerPurchaseRows label{
    margin:
      0 !important;

    font-size:
      7px !important;
  }


  #sellerPurchaseRows input,
  #sellerPurchaseRows select{
    min-height:
      32px !important;

    margin-top:
      2px !important;

    padding:
      4px 6px !important;

    border:
      1px solid #ddd8e4 !important;

    border-radius:
      7px !important;

    background:
      #fff !important;

    font-size:
      8px !important;
  }


  /* كل حسابات الشروة */
  #sellerPurchaseRows
  .purchase-calcs{
    display:grid !important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))
      !important;

    gap:
      4px !important;

    margin-top:
      6px !important;
  }


  #sellerPurchaseRows
  .purchase-calcs > div{
    min-height:
      44px !important;

    padding:
      5px !important;

    display:flex;

    flex-direction:column;

    justify-content:center;

    text-align:center;

    border:
      1px solid #e8e3f0 !important;

    border-radius:
      8px !important;

    background:
      #faf8fd !important;
  }


  #sellerPurchaseRows
  .purchase-calcs span{
    display:block;

    color:#786d84;

    font-size:
      5.7px !important;
  }


  #sellerPurchaseRows
  .purchase-calcs strong{
    display:block;

    margin-top:
      2px;

    color:#6728ca;

    font-size:
      9px !important;
  }


  /* =================================
     BUYERS INSIDE PURCHASE
     generic styling
     ================================= */

  #sellerPurchaseRows
  button{
    font-family:inherit;
  }


  #sellerPurchaseRows
  .add-seller-buyer,
  #sellerPurchaseRows
  [class*="add-buyer"]{
    min-height:
      31px !important;

    padding:
      4px 9px !important;

    border:
      0 !important;

    border-radius:
      7px !important;

    background:
      #eee5ff !important;

    color:
      #6326c5 !important;

    font-size:
      7.5px !important;

    font-weight:
      800;
  }


  #sellerPurchaseRows
  .seller-buyer-row,
  #sellerPurchaseRows
  [class*="seller-buyer"]{
    border-radius:
      9px;
  }


  /* =================================
     TOTALS
     ================================= */

  .sr-total-box{
    margin-top:
      8px;

    padding:
      8px;

    border:
      1px solid #cfeee3;

    border-radius:
      10px;

    background:
      linear-gradient(
        180deg,
        #f2fffb,
        #eafff7
      );
  }


  .sr-total-title{
    display:flex;

    justify-content:
      flex-start;

    align-items:center;

    gap:5px;

    margin-bottom:
      6px;

    color:
      #078773;

    font-size:
      10px;

    font-weight:
      900;
  }


  .sr-summary-grid{
    display:grid !important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))
      !important;

    gap:
      4px !important;
  }


  .sr-summary-grid > div{
    min-height:
      44px !important;

    padding:
      5px !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    align-items:center !important;

    border:
      1px solid #e0e5e8 !important;

    border-radius:
      8px !important;

    background:
      #fff !important;

    text-align:center !important;
  }


  .sr-summary-grid span{
    color:
      #71667f;

    font-size:
      5.8px !important;
  }


  .sr-summary-grid strong{
    margin-top:
      2px;

    color:
      #6728ca;

    font-size:
      9px !important;
  }


  .sr-summary-grid
  #sellerNetTotal{
    color:
      #078a70 !important;
  }


  .sr-auction-total{
    grid-column:
      1/-1 !important;

    background:
      linear-gradient(
        135deg,
        #f6fff9,
        #eafff4
      ) !important;
  }


  .sr-auction-total strong{
    color:
      #078a70 !important;
  }


  /* =================================
     SAVE BUTTON
     ================================= */

  .sr-save-button{
    width:
      100% !important;

    min-height:
      39px !important;

    margin-top:
      7px !important;

    border:
      0 !important;

    border-radius:
      8px !important;

    background:
      linear-gradient(
        90deg,
        #8d35f3,
        #5123bf
      ) !important;

    color:
      #fff !important;

    font-size:
      10px !important;

    font-weight:
      900 !important;
  }


  /* =================================
     HISTORY
     ================================= */

  .sr-history-head{
    display:flex;

    align-items:center;

    justify-content:
      space-between;

    gap:
      8px;

    margin-bottom:
      7px;
  }


  .sr-history-title{
    display:flex;

    align-items:center;

    gap:
      7px;
  }


  .sr-history-title h2{
    margin:0;

    color:#241a30;

    font-size:
      12px;
  }


  .sr-history-title p{
    margin:
      2px 0 0;

    color:#8a8193;

    font-size:
      6px;
  }


  .sr-history-icon{
    width:31px;
    height:31px;

    display:grid;

    place-items:center;

    border-radius:
      8px;

    background:
      linear-gradient(
        145deg,
        #8436ed,
        #6026cf
      );

    color:#fff;

    font-size:
      13px;
  }


  .sr-refresh{
    min-width:
      63px !important;

    min-height:
      30px !important;

    padding:
      4px 8px !important;

    border:
      1px solid #ded6ea !important;

    border-radius:
      8px !important;

    background:
      #faf8fd !important;

    color:
      #6232b6 !important;

    font-size:
      7px !important;
  }


  .sr-empty{
    min-height:
      48px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:7px;

    border:
      1px solid #ebe7f1;

    border-radius:
      9px;

    background:
      #fafafd;

    color:
      #81778d;

    font-size:
      8px;
  }


  .sr-back-home{
    display:none !important;
  }

}


/* ==========================================================
   SELLER DYNAMIC PURCHASE / BUYER - EXACT REFERENCE
   ========================================================== */

@media(max-width:860px){

  /* =========================
     صندوق الشروة
     ========================= */

  #sellerPurchaseRows
  .seller-purchase-box{

    padding:
      9px !important;

    border:
      1px solid #dfd4ec !important;

    border-radius:
      11px !important;

    background:
      linear-gradient(
        180deg,
        #fcfaff,
        #faf7fd
      ) !important;

    box-shadow:
      none !important;
  }


  /* رأس الشروة */

  .seller-ref-purchase-head{

    display:flex;

    justify-content:
      space-between;

    align-items:center;

    gap:8px;

    margin-bottom:
      7px;
  }


  .seller-ref-purchase-title{

    display:flex;

    align-items:center;

    gap:6px;

    color:
      #6124c5;
  }


  .seller-ref-purchase-title
  strong{

    font-size:
      11px !important;

    font-weight:
      900 !important;
  }


  .seller-ref-cube{

    width:
      25px;

    height:
      25px;

    display:grid;

    place-items:center;

    border-radius:
      7px;

    background:
      #eee4ff;

    color:
      #6926d1;

    font-size:
      13px;

    font-weight:
      900;
  }


  /* زر حذف الشروة */

  #sellerPurchaseRows
  .remove-seller-purchase{

    width:
      auto !important;

    min-width:
      70px !important;

    height:
      29px !important;

    min-height:
      29px !important;

    display:flex !important;

    align-items:center;

    justify-content:center;

    gap:4px;

    padding:
      0 9px !important;

    border:
      1px solid #efcbd1 !important;

    border-radius:
      7px !important;

    background:
      #fff0f2 !important;

    color:
      #ce4059 !important;

    font-size:
      7px !important;

    font-weight:
      800;
  }


  /* =========================
     عدد الأشكال + السعر
     ========================= */

  .seller-ref-purchase-fields{

    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))
      !important;

    gap:
      6px !important;

    margin-bottom:
      7px;
  }


  .seller-ref-purchase-fields label{

    margin:
      0 !important;

    font-size:
      7px !important;

    color:
      #352b42;
  }


  .seller-ref-purchase-fields
  label > span{

    display:block;

    margin-bottom:
      3px;

    font-weight:
      700;
  }


  .seller-ref-purchase-fields
  input{

    width:
      100% !important;

    height:
      34px !important;

    min-height:
      34px !important;

    margin:
      0 !important;

    padding:
      4px 7px !important;

    border:
      1px solid #dcd8e5 !important;

    border-radius:
      7px !important;

    background:
      #fff !important;

    color:
      #25202b !important;

    font-size:
      9px !important;

    font-weight:
      700;

    text-align:
      right;
  }


  /* =========================
     3 مربعات حساب الشروة
     ========================= */

  .seller-ref-item-totals{

    display:grid !important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))
      !important;

    gap:
      5px !important;

    margin:
      0 0 8px !important;
  }


  .seller-ref-calc{

    min-width:0;

    min-height:
      53px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:
      6px 4px;

    border:
      1px solid #e5e0ed;

    border-radius:
      8px;

    text-align:center;
  }


  .seller-ref-calc.purple{

    background:
      linear-gradient(
        180deg,
        #faf7ff,
        #f5efff
      );
  }


  .seller-ref-calc.green{

    background:
      linear-gradient(
        180deg,
        #effff9,
        #e5f9f1
      );

    border-color:
      #d6eee4;
  }


  .seller-ref-calc span{

    display:block;

    color:
      #766c82;

    font-size:
      5.7px;

    line-height:
      1.2;
  }


  .seller-ref-calc strong{

    display:block;

    margin-top:
      3px;

    color:
      #6826cc;

    font-size:
      10.5px;

    line-height:
      1.15;

    font-weight:
      900;
  }


  .seller-ref-calc.green
  strong{

    color:
      #078b70;
  }


  /* =========================
     عنوان المشترين
     ========================= */

  .seller-ref-buyers-header{

    display:flex !important;

    justify-content:
      space-between !important;

    align-items:center !important;

    gap:
      8px !important;

    margin:
      4px 0 6px !important;
  }


  .seller-ref-buyers-header
  strong{

    color:
      #281d35;

    font-size:
      10px;

    font-weight:
      900;
  }


  #sellerPurchaseRows
  .add-seller-buyer{

    min-width:
      88px !important;

    height:
      31px !important;

    min-height:
      31px !important;

    padding:
      0 9px !important;

    border:
      0 !important;

    border-radius:
      7px !important;

    background:
      #eee4ff !important;

    color:
      #6325c5 !important;

    font-size:
      7.5px !important;

    font-weight:
      900;
  }


  /* =========================
     بطاقة المشتري
     ========================= */

  .seller-buyers-list{

    display:grid;

    gap:
      6px;
  }


  .seller-buyer-row{

    padding:
      8px !important;

    border:
      1px solid #e5dfec !important;

    border-radius:
      9px !important;

    background:
      #fff !important;
  }


  .seller-ref-buyer-head{

    display:flex;

    justify-content:
      space-between;

    align-items:center;

    margin-bottom:
      6px;
  }


  .seller-ref-buyer-head
  .seller-buyer-title{

    color:
      #078c6f;

    font-size:
      10px;

    font-weight:
      900;
  }


  .seller-ref-buyer-head
  .remove-seller-buyer{

    min-width:
      53px !important;

    height:
      27px !important;

    min-height:
      27px !important;

    padding:
      0 7px !important;

    border:
      1px solid #efcbd1 !important;

    border-radius:
      7px !important;

    background:
      #fff0f2 !important;

    color:
      #cf4058 !important;

    font-size:
      7px !important;
  }


  /* اسم المشتري والعدد */

  .seller-ref-buyer-fields{

    display:grid !important;

    grid-template-columns:
      repeat(2,minmax(0,1fr))
      !important;

    gap:
      6px !important;

    margin-bottom:
      7px;
  }


  .seller-ref-buyer-fields label{

    margin:
      0 !important;

    color:
      #352b42;

    font-size:
      7px !important;
  }


  .seller-ref-buyer-fields
  label > span{

    display:block;

    margin-bottom:
      3px;

    font-weight:
      700;
  }


  .seller-ref-buyer-fields
  input{

    width:
      100% !important;

    height:
      33px !important;

    min-height:
      33px !important;

    margin:
      0 !important;

    padding:
      4px 7px !important;

    border:
      1px solid #ddd8e5 !important;

    border-radius:
      7px !important;

    background:
      #fff !important;

    color:
      #29222f !important;

    font-size:
      8.5px !important;
  }


  /* =========================
     3 مربعات حساب المشتري
     ========================= */

  .seller-ref-buyer-calcs{

    display:grid !important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))
      !important;

    gap:
      5px !important;

    margin:
      0 !important;
  }


  /* =========================
     الموزع والمتبقي
     ========================= */

  .seller-ref-allocation{

    min-height:
      32px;

    margin-top:
      7px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:
      3px;

    border:
      1px solid #d3eee5;

    border-radius:
      8px;

    background:
      linear-gradient(
        90deg,
        #e9fff7,
        #e2f9f1
      );

    color:
      #188977;

    font-size:
      7px;

    text-align:center;
  }


  .seller-ref-allocation
  strong{

    color:
      #087e6b;

    font-size:
      8px;
  }


  .seller-ref-allocation
  .allocation-error{

    color:
      #ca3f52 !important;
  }

}


/* ==========================================================
   SELLER PAGE - FINAL REFERENCE COMPACT
   ========================================================== */

@media(max-width:860px){

  /* =========================
     البطاقة الرئيسية
     ========================= */

  #tab-seller-deals .sr-main-card{
    padding:9px !important;
  }

  #tab-seller-deals .sr-card-head{
    margin-bottom:6px !important;
  }

  #tab-seller-deals .sr-card-icon{
    width:35px !important;
    height:35px !important;
    flex-basis:35px !important;
  }

  #tab-seller-deals .sr-card-head h2{
    font-size:13px !important;
  }

  #tab-seller-deals .sr-card-head p{
    font-size:6.5px !important;
  }


  /* =========================
     الحقول العليا
     ========================= */

  #tab-seller-deals .sr-top-fields{
    gap:5px !important;
  }

  #tab-seller-deals .sr-field > span{
    margin-bottom:2px !important;
    font-size:7px !important;
  }

  #tab-seller-deals .sr-field input,
  #tab-seller-deals .sr-field select{
    height:34px !important;
    min-height:34px !important;
    font-size:8.5px !important;
  }

  #tab-seller-deals #sellerDealNotes{
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:6px 7px !important;
    font-size:8.5px !important;
    resize:none !important;
  }


  /* زر إضافة شروة */
  #tab-seller-deals #addSellerPurchase{
    height:35px !important;
    min-height:35px !important;
    margin:6px 0 !important;
    font-size:8.5px !important;
  }


  /* =========================
     صندوق الشروة
     ========================= */

  #tab-seller-deals
  #sellerPurchaseRows
  .seller-purchase-box{

    padding:7px !important;

    border-radius:10px !important;

    margin:0 !important;
  }


  .seller-ref-purchase-head{
    min-height:27px !important;
    margin-bottom:4px !important;
  }


  .seller-ref-purchase-title strong{
    font-size:9.5px !important;
  }


  .seller-ref-cube{
    width:22px !important;
    height:22px !important;
    font-size:11px !important;
  }


  #tab-seller-deals
  #sellerPurchaseRows
  .remove-seller-purchase{

    min-width:63px !important;

    height:25px !important;
    min-height:25px !important;

    padding:0 6px !important;

    font-size:6px !important;

    border-radius:6px !important;
  }


  /* =========================
     عدد الأشكال + السعر
     ========================= */

  .seller-ref-purchase-fields{
    gap:5px !important;
    margin-bottom:5px !important;
  }


  .seller-ref-purchase-fields
  label > span{
    margin-bottom:2px !important;
    font-size:6.2px !important;
  }


  .seller-ref-purchase-fields
  input{

    height:30px !important;

    min-height:30px !important;

    padding:3px 6px !important;

    font-size:8px !important;

    border-radius:6px !important;
  }


  /* =========================
     حسابات الشروة
     3 مربعات صغيرة
     ========================= */

  .seller-ref-item-totals{
    gap:4px !important;
    margin-bottom:6px !important;
  }


  .seller-ref-calc{
    min-height:43px !important;

    padding:4px 3px !important;

    border-radius:7px !important;
  }


  .seller-ref-calc span{
    font-size:5px !important;
    line-height:1.1 !important;
  }


  .seller-ref-calc strong{
    margin-top:2px !important;

    font-size:8.7px !important;

    line-height:1.05 !important;
  }


  /* =========================
     المشترون لهذه الشروة
     ========================= */

  .seller-ref-buyers-header{
    margin:2px 0 5px !important;
  }


  .seller-ref-buyers-header strong{
    font-size:8.5px !important;
  }


  #tab-seller-deals
  #sellerPurchaseRows
  .add-seller-buyer{

    min-width:79px !important;

    height:27px !important;
    min-height:27px !important;

    padding:0 7px !important;

    font-size:6.7px !important;

    border-radius:6px !important;
  }


  /* =========================
     بطاقة المشتري
     ========================= */

  .seller-buyer-row{
    padding:6px !important;
    border-radius:8px !important;
  }


  .seller-ref-buyer-head{
    min-height:25px !important;
    margin-bottom:4px !important;
  }


  .seller-ref-buyer-head
  .seller-buyer-title{
    font-size:8.5px !important;
  }


  .seller-ref-buyer-head
  .remove-seller-buyer{

    min-width:46px !important;

    height:24px !important;
    min-height:24px !important;

    padding:0 5px !important;

    font-size:6px !important;
  }


  /* اسم المشتري + العدد */
  .seller-ref-buyer-fields{
    gap:5px !important;
    margin-bottom:5px !important;
  }


  .seller-ref-buyer-fields
  label > span{
    margin-bottom:2px !important;
    font-size:6.2px !important;
  }


  .seller-ref-buyer-fields
  input{

    height:30px !important;

    min-height:30px !important;

    padding:3px 6px !important;

    font-size:8px !important;

    border-radius:6px !important;
  }


  /* =========================
     حسابات المشتري
     ========================= */

  .seller-ref-buyer-calcs{
    gap:4px !important;
  }


  .seller-ref-buyer-calcs
  .seller-ref-calc{

    min-height:43px !important;

    padding:4px 3px !important;
  }


  /* =========================
     الموزع والمتبقي
     ========================= */

  .seller-ref-allocation{
    min-height:27px !important;

    margin-top:5px !important;

    font-size:6.3px !important;

    border-radius:7px !important;
  }


  .seller-ref-allocation strong{
    font-size:7px !important;
  }


  /* =========================
     الإجماليات
     ========================= */

  #tab-seller-deals
  .sr-total-box{

    margin-top:6px !important;

    padding:6px !important;
  }


  #tab-seller-deals
  .sr-total-title{

    margin-bottom:4px !important;

    font-size:8.5px !important;
  }


  #tab-seller-deals
  .sr-summary-grid{

    gap:4px !important;
  }


  #tab-seller-deals
  .sr-summary-grid > div{

    min-height:39px !important;

    padding:4px 3px !important;

    border-radius:7px !important;
  }


  #tab-seller-deals
  .sr-summary-grid span{

    font-size:5px !important;

    line-height:1.1 !important;
  }


  #tab-seller-deals
  .sr-summary-grid strong{

    margin-top:1px !important;

    font-size:8.5px !important;
  }


  /* =========================
     زر الحفظ
     ========================= */

  #tab-seller-deals
  .sr-save-button{

    height:36px !important;

    min-height:36px !important;

    margin-top:6px !important;

    font-size:8.5px !important;
  }

}


/* ==========================================================
   SELLER REFERENCE - FINAL PIXEL FINISH
   ========================================================== */

@media(max-width:860px){

  /* الشروة */
  #tab-seller-deals .seller-purchase-box{
    padding:8px !important;
    overflow:hidden !important;
  }

  /* رأس الشروة: العنوان يمين والحذف يسار */
  #tab-seller-deals .seller-ref-purchase-head{
    direction:ltr !important;
    min-height:29px !important;
    margin-bottom:5px !important;
  }

  #tab-seller-deals .seller-ref-purchase-title{
    direction:rtl !important;
    margin-left:auto !important;
    order:2 !important;
  }

  #tab-seller-deals .remove-seller-purchase{
    order:1 !important;
    margin-right:auto !important;
  }

  #tab-seller-deals .seller-ref-purchase-title strong{
    font-size:10px !important;
  }


  /* العدد والسعر */
  #tab-seller-deals .seller-ref-purchase-fields{
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
  }

  #tab-seller-deals .seller-ref-purchase-fields input{
    height:31px !important;
    min-height:31px !important;
    font-size:8.5px !important;
  }


  /* مربعات حساب الشروة */
  #tab-seller-deals .seller-ref-item-totals{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px !important;
  }

  #tab-seller-deals .seller-ref-item-totals .seller-ref-calc{
    height:47px !important;
    min-height:47px !important;
    padding:4px 2px !important;
  }

  #tab-seller-deals .seller-ref-item-totals .seller-ref-calc span{
    font-size:5.2px !important;
  }

  #tab-seller-deals .seller-ref-item-totals .seller-ref-calc strong{
    font-size:9px !important;
  }


  /* عنوان المشترين */
  #tab-seller-deals .seller-ref-buyers-header{
    min-height:30px !important;
    margin:3px 0 5px !important;
  }

  #tab-seller-deals .seller-ref-buyers-header strong{
    font-size:8.5px !important;
  }

  #tab-seller-deals .add-seller-buyer{
    height:28px !important;
    min-height:28px !important;
    min-width:84px !important;
  }


  /* بطاقة المشتري */
  #tab-seller-deals .seller-buyer-row{
    padding:7px !important;
  }

  #tab-seller-deals .seller-ref-buyer-head{
    direction:ltr !important;
    min-height:27px !important;
    margin-bottom:4px !important;
  }

  #tab-seller-deals .seller-buyer-title{
    order:2 !important;
    margin-left:auto !important;
    direction:rtl !important;
  }

  #tab-seller-deals .remove-seller-buyer{
    order:1 !important;
    margin-right:auto !important;
  }


  /* حقول المشتري */
  #tab-seller-deals .seller-ref-buyer-fields{
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
  }

  #tab-seller-deals .seller-ref-buyer-fields input{
    height:31px !important;
    min-height:31px !important;
    font-size:8.3px !important;
  }


  /* حسابات المشتري */
  #tab-seller-deals .seller-ref-buyer-calcs{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px !important;
  }

  #tab-seller-deals .seller-ref-buyer-calcs .seller-ref-calc{
    height:47px !important;
    min-height:47px !important;
    padding:4px 2px !important;
  }

  #tab-seller-deals .seller-ref-buyer-calcs .seller-ref-calc span{
    font-size:5.1px !important;
  }

  #tab-seller-deals .seller-ref-buyer-calcs .seller-ref-calc strong{
    font-size:9px !important;
  }


  /* شريط الموزع والمتبقي */
  #tab-seller-deals .seller-ref-allocation{
    display:flex !important;

    min-height:29px !important;

    margin:5px 0 0 !important;

    padding:3px 7px !important;

    border-radius:7px !important;

    background:
      linear-gradient(
        90deg,
        #e5fff5,
        #edfff8
      ) !important;

    border:
      1px solid #ccefe2 !important;

    color:#0b806a !important;

    font-size:6.5px !important;

    visibility:visible !important;
  }


  /* تصغير الفراغات بين أجزاء الشروة */
  #tab-seller-deals .seller-buyers-list{
    gap:4px !important;
  }

  #tab-seller-deals #sellerPurchaseRows{
    gap:6px !important;
  }


  /* الإجماليات */
  #tab-seller-deals .sr-total-box{
    margin-top:6px !important;
    padding:7px !important;
  }

  #tab-seller-deals .sr-summary-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  #tab-seller-deals .sr-summary-grid > div{
    height:42px !important;
    min-height:42px !important;
  }

  #tab-seller-deals .sr-auction-total{
    height:36px !important;
    min-height:36px !important;
  }

}


/* ==========================================================
   SELLER PAGE - BOLDER & CLEARER TYPOGRAPHY
   ========================================================== */

@media(max-width:860px){

  /* عناوين الصفحة */
  #tab-seller-deals .sr-title h1,
  #tab-seller-deals .sr-card-head h2,
  #tab-seller-deals .sr-history-title h2{
    font-weight:900 !important;
    color:#1f1728 !important;
  }

  #tab-seller-deals .sr-title h1{
    color:#fff !important;
  }


  /* القائمة العلوية */
  #tab-seller-deals .sr-nav button{
    font-weight:800 !important;
  }

  #tab-seller-deals .sr-nav button.active{
    font-weight:900 !important;
  }


  /* أسماء الحقول */
  #tab-seller-deals .sr-field > span,
  #tab-seller-deals .seller-ref-purchase-fields label > span,
  #tab-seller-deals .seller-ref-buyer-fields label > span{
    font-weight:900 !important;
    color:#2b2233 !important;
  }


  /* النص داخل الحقول */
  #tab-seller-deals input,
  #tab-seller-deals select,
  #tab-seller-deals textarea{
    font-weight:800 !important;
    color:#211a28 !important;
  }

  #tab-seller-deals input::placeholder,
  #tab-seller-deals textarea::placeholder{
    font-weight:700 !important;
    color:#807687 !important;
    opacity:1 !important;
  }


  /* عنوان الشروة */
  #tab-seller-deals .seller-purchase-title{
    font-weight:900 !important;
    color:#5920bf !important;
  }


  /* عنوان المشترين */
  #tab-seller-deals .seller-ref-buyers-header strong{
    font-weight:900 !important;
    color:#211929 !important;
  }


  /* عنوان المشتري */
  #tab-seller-deals .seller-buyer-title{
    font-weight:900 !important;
    color:#07876d !important;
  }


  /* النصوص داخل مربعات الحساب */
  #tab-seller-deals .seller-ref-calc span{
    font-weight:800 !important;
    color:#5f566a !important;
  }

  #tab-seller-deals .seller-ref-calc strong{
    font-weight:900 !important;
    color:#6124c7 !important;
  }

  #tab-seller-deals .seller-ref-calc.green strong{
    color:#078c70 !important;
  }


  /* الإجماليات */
  #tab-seller-deals .sr-total-title{
    font-weight:900 !important;
  }

  #tab-seller-deals .sr-summary-grid span{
    font-weight:800 !important;
    color:#5e5568 !important;
  }

  #tab-seller-deals .sr-summary-grid strong{
    font-weight:900 !important;
  }


  /* شريط الموزع */
  #tab-seller-deals .seller-ref-allocation{
    font-weight:800 !important;
  }

  #tab-seller-deals .seller-ref-allocation strong{
    font-weight:900 !important;
  }


  /* الأزرار */
  #tab-seller-deals #addSellerPurchase,
  #tab-seller-deals .add-seller-buyer,
  #tab-seller-deals .remove-seller-purchase,
  #tab-seller-deals .remove-seller-buyer,
  #tab-seller-deals .sr-save-button,
  #tab-seller-deals .sr-refresh{
    font-weight:900 !important;
  }


  /* التاريخ واسم الرعوي أوضح */
  #tab-seller-deals #sellerDealCustomer,
  #tab-seller-deals #sellerDealDate{
    font-weight:900 !important;
  }

}

/* ==========================================================
   SELLER PAGE - STRONGER FONT EMPHASIS
   ========================================================== */

@media(max-width:860px){

  /* العناوين الأساسية */
  #tab-seller-deals .sr-card-head h2,
  #tab-seller-deals .seller-purchase-title,
  #tab-seller-deals .seller-ref-buyers-header strong,
  #tab-seller-deals .seller-buyer-title,
  #tab-seller-deals .sr-total-title,
  #tab-seller-deals .sr-history-title h2{
    font-weight:900 !important;
    letter-spacing:0 !important;
  }


  /* أسماء الحقول */
  #tab-seller-deals .sr-field > span,
  #tab-seller-deals .seller-ref-purchase-fields label > span,
  #tab-seller-deals .seller-ref-buyer-fields label > span{
    font-size:7.2px !important;
    font-weight:900 !important;
    color:#1f1826 !important;
  }


  /* قيم الحقول */
  #tab-seller-deals input,
  #tab-seller-deals select{
    font-weight:900 !important;
    color:#1e1725 !important;
  }


  /* placeholders */
  #tab-seller-deals input::placeholder,
  #tab-seller-deals textarea::placeholder{
    font-weight:800 !important;
    color:#6e6476 !important;
  }


  /* عناوين مربعات الحساب */
  #tab-seller-deals .seller-ref-calc span,
  #tab-seller-deals .sr-summary-grid span{
    font-size:5.5px !important;
    font-weight:900 !important;
    color:#4f4659 !important;
  }


  /* القيم داخل مربعات الحساب */
  #tab-seller-deals .seller-ref-calc strong{
    font-size:9.5px !important;
    font-weight:900 !important;
  }

  #tab-seller-deals .sr-summary-grid strong{
    font-size:9px !important;
    font-weight:900 !important;
  }


  /* الأرقام المهمة */
  #tab-seller-deals .seller-item-gross,
  #tab-seller-deals .seller-item-fee,
  #tab-seller-deals .seller-item-net,
  #tab-seller-deals .seller-buyer-gross,
  #tab-seller-deals .seller-buyer-fee,
  #tab-seller-deals .seller-buyer-total{
    font-weight:900 !important;
  }


  /* اسم المشتري والرعوي */
  #tab-seller-deals #sellerDealCustomer,
  #tab-seller-deals .seller-buyer-name{
    font-weight:900 !important;
  }


  /* الأزرار */
  #tab-seller-deals button{
    font-weight:900 !important;
  }


  /* الموزع والمتبقي */
  #tab-seller-deals .seller-ref-allocation{
    font-size:6.8px !important;
    font-weight:900 !important;
  }

  #tab-seller-deals .seller-ref-allocation strong{
    font-size:7.5px !important;
    font-weight:900 !important;
  }

}