/* ==========================================================================
   MSB Order Online - Modern Style v3.3 LITE
   ========================================================================== */

   :root{
    --msb-primary:#ff6b6b;
    --msb-primary-rgb:255,107,107;
    --msb-primary-dark:#c3272b;
    --msb-primary-light:#ffebee;
  
    --msb-dark:#0b1220;
  
    --msb-secondary:#4ecdc4;
    --msb-muted:#95a5a6;
    --msb-muted-light:#202020;
  
    --msb-border:rgba(148,163,184,.35);
    --msb-border-light:rgba(148,163,184,.22);
  
    --msb-soft:rgba(15,23,42,.03);
  
    --msb-page:#f6f7fb;
  
    --msb-danger:#ef4444;
    --msb-success:#10b981;
  
    --msb-radius:16px;
    --msb-radius-lg:20px;
    --msb-radius-sm:12px;
    --msb-radius-pill:9999px;
  
    --msb-shadow-sm:0 2px 10px rgba(15,23,42,.05);
    --msb-shadow-md:0 8px 22px rgba(15,23,42,.09);
    --msb-shadow-primary:0 12px 28px rgba(var(--msb-primary-rgb),.18);
  
    --msb-transition:all .18s cubic-bezier(.4,0,.2,1);
    --msb-transition-smooth:all .22s cubic-bezier(.16,1,.3,1);
  
    --msb-padding-base:24px;
    --msb-shadow-base:var(--msb-shadow-md);
  
    --msb-placeholder-size:12px;
    --msb-placeholder-opacity:.65;
  }
  
  /* ---------- Base Reset ---------- */
  .msb-onl-wrap *{
    box-sizing:border-box;
    margin:0;
    padding:0;
  }
  
  .msb-onl-wrap{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
    line-height:1.45;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:var(--msb-page);
  }
  
  /* hide honeypot */
  .msb-onl-hp{
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
  
  /* ---------- Container ---------- */
  .msb-onl-container{
    padding:var(--msb-padding-base);
    position:relative;
    overflow:hidden;
    background:rgb(129 128 128); /* лёгкая "чернинка" */
    border-radius:var(--msb-radius-lg);
  }
  
  .msb-onl-auto .msb-onl-container{
    max-width:1200px;
    margin:0 auto;
  }
  
  .msb-onl-fullwidth .msb-onl-container{
    max-width:none;
    margin:0;
    border-radius:0;
  }
  
  /* ---------- Form Card ---------- */
  .msb-onl-form-container{
    background:rgb(255 255 255 / 61%);
    border:1px solid var(--msb-border);
    border-radius:var(--msb-radius-lg);
    padding:var(--msb-padding-base);
    box-shadow:var(--msb-shadow-base);
    position:relative;
    border-top:4px solid rgba(var(--msb-primary-rgb),.85);
  }
  
  /* ---------- Header ---------- */
  .msb-onl-header{
    background:linear-gradient(135deg, rgba(11,18,32,.98) 0%, rgba(17,28,51,.98) 100%);
    border-radius:var(--msb-radius);
    padding:20px 24px;
    margin-bottom:24px;
    box-shadow:var(--msb-shadow-md);
    border:1px solid rgba(255,255,255,.08);
    position:relative;
    overflow:hidden;
  }
  
  .msb-onl-header-table{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
  }
  
  .msb-onl-header-left{
    display:flex;
    align-items:center;
    gap:14px;
  }
  
  .msb-onl-logo{
    position:relative;
    width:80px;
    height:56px;
    border-radius:14px;
    background:linear-gradient(135deg, #022c22 0%, #064e3b 100%);
    border:1px solid rgba(16,185,129,.45);
    display:grid;
    place-items:center;
    font-weight:900;
    font-size:13px;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:#bbf7d0;
    box-shadow:
      0 10px 22px rgba(15,23,42,.45),
      0 0 16px rgba(16,185,129,.4);
    text-shadow:0 0 6px rgba(16,185,129,.9);
    animation:msb-online-glow 2.6s ease-in-out infinite;
  }
  
  /* Маленький индикатор-статус в углу */
  .msb-onl-logo::before{
    content:'';
    position:absolute;
    top:8px;
    right:8px;
    width:9px;
    height:9px;
    border-radius:9999px;
    background:var(--msb-success);
    box-shadow:0 0 0 0 rgba(16,185,129,.7);
    animation:msb-online-dot 1.8s ease-out infinite;
    border:1px solid rgba(255,255,255,.5);
  }
  
  /* Точка снизу (можно удалить при желании) */
  .msb-onl-logo::after{
    content:'●';
    position:absolute;
    bottom:7px;
    left:50%;
    transform:translateX(-50%);
    font-size:9px;
    letter-spacing:.2em;
    color:rgba(248,250,252,.55);
  }
  
  .msb-onl-header-title{
    font-size:20px;
    font-weight:900;
    color:#fff;
    letter-spacing:-0.02em;
    text-shadow:0 2px 4px rgba(0,0,0,.18);
  }
  
  .msb-onl-order-id{
    font-size:15px;
    font-weight:800;
    letter-spacing:.5px;
    color:#fff;
    padding:10px 18px;
    border-radius:var(--msb-radius-pill);
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 6px 14px rgba(0,0,0,.12);
    font-family:'JetBrains Mono','Fira Code',monospace;
  }
  
  /* ---------- Form Groups ---------- */
  .msb-onl-form-group{
    display:flex;
    flex-direction:column;
    gap:8px;
    position:relative;
  }
  
  .msb-onl-form-label{
    font-size:14px;
    font-weight:800;
    color:var(--msb-dark);
    display:flex;
    align-items:center;
    gap:4px;
  }
  
  .msb-onl-required{
    color:var(--msb-danger);
    font-weight:900;
    font-size:18px;
    line-height:1;
  }
  
  .msb-onl-form-control{
    width:100%;
    padding:14px 16px;
    border:2px solid rgba(0,0,0,.53);
    border-radius:var(--msb-radius-sm);
    font-size:15px;
    color:var(--msb-dark);
    background:#fff;
    transition:var(--msb-transition);
    outline:none;
  }
  
  .msb-onl-form-control:hover{
    border-color:var(--msb-border);
    box-shadow:var(--msb-shadow-sm);
  }
  
  .msb-onl-form-control:focus{
    border-color:var(--msb-primary);
    box-shadow:0 0 0 3px rgba(var(--msb-primary-rgb),.10), var(--msb-shadow-sm);
  }
  
  .msb-onl-form-control::placeholder{
    color:var(--msb-muted-light);
    opacity:var(--msb-placeholder-opacity);
    font-size:var(--msb-placeholder-size);
  }
  
  .msb-onl-form-hint{
    font-size:12.5px;
    color:var(--msb-muted);
  }
  
  /* ---------- Ошибки обязательных полей ---------- */
  .msb-onl-form-control.msb-onl-error,
  select.msb-onl-error,
  textarea.msb-onl-error{
    border-color:var(--msb-danger) !important;
    box-shadow:0 0 0 1px rgba(239,68,68,.45) !important;
  }
  
  /* для группы срочности, когда ошибка в контейнере msbShipRow */
  .msb-onl-error .msb-onl-radio-label{
    border-color:var(--msb-danger);
    background:rgba(239,68,68,.03);
  }
  
  /* ---------- Grid ---------- */
  .msb-onl-grid{
    display:grid;
    gap:20px;
    margin:16px 0;
  }
  
  .msb-onl-grid-4{ grid-template-columns:repeat(4,1fr); }
  .msb-onl-grid-3{ grid-template-columns:repeat(3,1fr); }
  
  /* ---------- Topbar ---------- */
  .msb-topbar{
    display:grid;
    gap:16px;
    padding:18px;
    border-radius:var(--msb-radius);
    background:rgb(0 0 0 / 37%);
    border:1px solid var(--msb-border-light);
    margin:0 0 24px 0;
  }
  
  .msb-topbar-caption{
    font-size:12px;
    font-weight:800;
    color:#000000;
    text-transform:uppercase;
    letter-spacing:.6px;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    gap:8px;
  }
  
  .msb-topbar-caption::before{
    content:'';
    width:4px;
    height:4px;
    border-radius:50%;
    background:var(--msb-primary);
  }
  
  #partner_inline[aria-hidden="true"]{ display:none; }
  #partner_inline[aria-hidden="false"]{ display:block; }
  
  /* ---------- Radio Group (Urgency) ---------- */
  .msb-onl-radio-group{
    display:flex;
    gap:12px;
  }
  
  .msb-onl-radio{ flex:1; }
  .msb-onl-radio input{ display:none; }
  
  .msb-onl-radio-label{
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px;
    background:transparent;
    border:2px solid rgb(6 6 6);
    border-radius:var(--msb-radius);
    cursor:pointer;
    transition:var(--msb-transition-smooth);
  }
  
  .msb-onl-radio-label:hover{
    border-color:var(--msb-primary);
    box-shadow:var(--msb-shadow-sm);
  }
  
  .msb-onl-radio input:checked + .msb-onl-radio-label{
    border-color:var(--msb-primary);
    background:rgba(var(--msb-primary-rgb),.045);
    box-shadow:var(--msb-shadow-primary);
  }
  
  .msb-ship-icon{
    width:40px;
    height:40px;
    border-radius:12px;
    display:grid;
    place-items:center;
    font-size:20px;
    flex-shrink:0;
  }
  
  .msb-ship-icon-air{ background:linear-gradient(135deg, #fee2e2, #fecaca); }
  .msb-ship-icon-car{ background:linear-gradient(135deg, #dbeafe, #bfdbfe); }
  
  /* ---------- Type Buttons ---------- */
  .msb-type-buttons{
    display:flex;
    gap:8px;
    background:#0000008c;
    padding:4px;
    border-radius:var(--msb-radius-pill);
    border:1px solid var(--msb-border);
    box-shadow:var(--msb-shadow-sm);
  }
  
  .msb-pill-btn{
    flex:1;
    padding:12px 18px;
    border:none;
    background:transparent;
    border-radius:var(--msb-radius-pill);
    font-weight:900;
    font-size:14px;
    color:#ff0000;
    cursor:pointer;
    transition:var(--msb-transition-smooth);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-align:center;
    line-height:1.15;
    white-space:normal;
  }
  
  .msb-pill-btn:hover{
    color:#00d9ff;
    box-shadow:var(--msb-shadow-sm);
  }
  
  .msb-pill-btn.is-active{
    background:rgba(var(--msb-primary-rgb),.10);
    color:#13ff00;
    box-shadow:var(--msb-shadow-md);
  }
  
  /* ---------- Geo Button ---------- */
  .msb-onl-geo-group{
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  
  .msb-geo-btn{
    width:100%;
    padding:16px;
    border:none;
    border-radius:var(--msb-radius-sm);
    background:linear-gradient(135deg, var(--msb-primary) 0%, var(--msb-primary-dark) 100%);
    color:#fff;
    font-weight:900;
    font-size:14px;
    cursor:pointer;
    transition:var(--msb-transition-smooth);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:52px;
    box-shadow:var(--msb-shadow-primary);
  }
  
  .msb-geo-btn:hover{
    box-shadow:0 14px 30px rgba(var(--msb-primary-rgb),.22);
  }
  
  .msb-geo-btn-ok{
    background:linear-gradient(135deg, var(--msb-success) 0%, #059669 100%);
    box-shadow:0 14px 30px rgba(16,185,129,.22);
  }
  
  /* ---------- Mini + Status ---------- */
  .msb-mini{
    margin-top:8px;
    font-size:13px;
    color:var(--msb-muted);
    animation:msb-mini-pulse 6s linear infinite;
  }
  
  /* Плавное переливание: 3 сек к красному, 3 сек обратно к чёрному */
  @keyframes msb-mini-pulse{
    0%{
      color:#000000;
    }
    50%{
      color:#ff0000;
    }
    100%{
      color:#000000;
    }
  }
  
  /* Плавное "дыхание" ONLINE-логотипа */
  @keyframes msb-online-glow{
    0%{
      text-shadow:0 0 4px rgba(16,185,129,.7);
      color:#bbf7d0;
    }
    55%{
      text-shadow:0 0 8px rgba(16,185,129,1);
      color:#dcfce7;
    }
    65%{
      text-shadow:0 0 10px rgba(239,68,68,.95);
      color:#fee2e2;
    }
    100%{
      text-shadow:0 0 4px rgba(16,185,129,.3);
      color:#bbf7d0;
    }
  }
  
  /* Индикатор-точка ONLINE */
  @keyframes msb-online-dot{
    0%{
      background:var(--msb-success);
      box-shadow:0 0 0 0 rgba(16,185,129,.7);
    }
    40%{
      background:var(--msb-success);
      box-shadow:0 0 0 5px rgba(16,185,129,0);
    }
    55%{
      background:var(--msb-danger);
      box-shadow:0 0 0 4px rgba(239,68,68,.6);
    }
    80%{
      background:var(--msb-success);
      box-shadow:0 0 0 0 rgba(239,68,68,0);
    }
    100%{
      background:var(--msb-success);
      box-shadow:0 0 0 0 rgba(16,185,129,0);
    }
  }
  
  .msb-status{
    margin-top:8px;
    font-size:13px;
    font-weight:700;
    color:var(--msb-secondary);
  }
  
  /* ---------- Need Row + Attach ---------- */
  .msb-onl-need-row{ position:relative; }
  
  .msb-onl-need-textarea{
    min-height:130px;
    resize:vertical;
    padding-right:72px;
  }
  
  .msb-onl-attach-btn{
    position:absolute;
    right:12px;
    top:12px;
    width:48px;
    height:48px;
    border:none;
    border-radius:var(--msb-radius-sm);
    background:linear-gradient(135deg, var(--msb-primary-light) 0%, #fff 100%);
    cursor:pointer;
    transition:var(--msb-transition-smooth);
    display:grid;
    place-items:center;
    box-shadow:0 6px 14px rgba(var(--msb-primary-rgb),.14);
    border:1px solid var(--msb-border-light);
  }
  
  .msb-onl-attach-btn:hover{
    box-shadow:0 10px 18px rgba(var(--msb-primary-rgb),.20);
  }
  
  .msb-onl-attach-btn span{
    font-size:22px;
    display:block;
    transform:translateY(1px);
  }
  
  /* ---------- Thumbs bar ---------- */
  .msb-onl-thumbs-bar{
    margin-top:14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px;
    border-radius:var(--msb-radius);
    border:1px solid var(--msb-border-light);
    background:rgba(255,255,255,.78);
  }
  
  .msb-onl-photo-count{
    font-size:13px;
    font-weight:900;
    color:var(--msb-secondary);
  }
  
  /* ---------- Thumbnails ---------- */
  .msb-onl-thumbnails{
    margin-top:14px;
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));
    gap:12px;
  }
  
  .msb-onl-thumbnail{
    position:relative;
    aspect-ratio:1;
    border-radius:var(--msb-radius-sm);
    overflow:hidden;
    border:2px solid var(--msb-border-light);
    background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    transition:var(--msb-transition);
  }
  
  .msb-onl-thumbnail:hover{
    border-color:var(--msb-primary);
    box-shadow:var(--msb-shadow-md);
  }
  
  .msb-onl-thumbnail img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
  
  .msb-onl-thumbnail-remove{
    position:absolute;
    top:8px;
    right:8px;
    width:28px;
    height:28px;
    border:none;
    border-radius:50%;
    background:linear-gradient(135deg, var(--msb-danger) 0%, #dc2626 100%);
    color:#fff;
    font-size:16px;
    display:grid;
    place-items:center;
    cursor:pointer;
    transition:var(--msb-transition);
    opacity:0;
  }
  
  .msb-onl-thumbnail:hover .msb-onl-thumbnail-remove{ opacity:1; }
  .msb-onl-thumbnail-remove:hover{ filter:brightness(.98); }
  
  /* ---------- Buttons ---------- */
  .msb-onl-buttons{
    display:flex;
    gap:12px;
    justify-content:flex-end;
    align-items:center;
    margin-top:24px;
    padding-top:24px;
    border-top:1px solid var(--msb-border-light);
  }
  
  .msb-onl-button{
    padding:16px 28px;
    border:none;
    border-radius:var(--msb-radius);
    font-weight:900;
    font-size:15px;
    cursor:pointer;
    transition:var(--msb-transition-smooth);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
  }
  
  .msb-onl-button:hover{
    box-shadow:var(--msb-shadow-md);
  }
  
  .msb-onl-button-ghost{
    background:transparent;
    color:var(--msb-secondary);
    border:2px solid var(--msb-border);
  }
  
  .msb-onl-button-ghost:hover{
    background:var(--msb-soft);
    border-color:var(--msb-primary);
    color:var(--msb-primary-dark);
  }
  
  .msb-onl-button-primary{
    background:linear-gradient(135deg, var(--msb-primary) 0%, var(--msb-primary-dark) 100%);
    color:#fff;
    box-shadow:var(--msb-shadow-primary);
  }
  
  .msb-onl-button-primary:hover{
    box-shadow:0 16px 34px rgba(var(--msb-primary-rgb),.24);
  }
  
  /* ---------- Accessibility ---------- */
  .msb-onl-form-control:focus-visible,
  .msb-onl-button:focus-visible,
  .msb-geo-btn:focus-visible,
  .msb-pill-btn:focus-visible,
  .msb-onl-radio-label:focus-visible{
    outline:2px solid var(--msb-primary);
    outline-offset:2px;
  }
  
  /* IMPORTANT: Hide Summary + Copy Button */
  .msb-onl-summary{ display:none !important; }
  /* #msbCopy { display:none !important; } */ /* Удалено: кнопка теперь видна */
  
  /* ---------- Responsive ---------- */
  @media (max-width:1024px){
    :root{ --msb-placeholder-size:11px; }
    .msb-onl-grid-4{ grid-template-columns:repeat(2,1fr); }
    .msb-onl-grid-3{ grid-template-columns:repeat(2,1fr); }
  }
  
  @media (max-width:768px){
    .msb-onl-wrap{
      width:100vw !important;
      margin-left:calc(50% - 50vw) !important;
      margin-right:calc(50% - 50vw) !important;
      overflow-x:hidden !important;
    }
  
    .msb-onl-auto .msb-onl-container{
      max-width:none !important;
      width:100% !important;
      margin:0 !important;
      padding:0 !important;
      border-radius:0 !important;
      background:transparent !important;
    }
  
    .msb-onl-form-container{
      border-radius:0 !important;
      border-left:0 !important;
      border-right:0 !important;
      box-shadow:none !important;
      padding:14px !important;
      padding-bottom:110px !important;
    }
  
    .msb-onl-header{
      border-radius:0 !important;
      margin:0 0 12px 0 !important;
      padding:12px 14px !important;
      box-shadow:none !important;
    }
  
    .msb-onl-header-table{
      flex-wrap:wrap !important;
      gap:10px !important;
    }
  
    .msb-onl-header-left{ gap:10px !important; }
  
    .msb-onl-logo{
      width:60px !important;
      height:44px !important;
      border-radius:12px !important;
      font-size:12px !important;
    }
  
    .msb-onl-header-title{ font-size:15px !important; }
  
    .msb-onl-order-id{
      font-size:11.5px !important;
      padding:8px 12px !important;
      margin-left:auto !important;
    }
  
    .msb-onl-form-label{ font-size:12px !important; }
    .msb-topbar-caption{ font-size:10.8px !important; margin-bottom:10px !important; }
  
    .msb-onl-form-control{
      font-size:14px !important;
      padding:12px 14px !important;
      border-width:1.5px !important;
    }
  
    :root{ --msb-placeholder-size:12px; }
  
    .msb-onl-grid{
      gap:12px !important;
      margin:12px 0 !important;
    }
    .msb-onl-grid-4,
    .msb-onl-grid-3{
      grid-template-columns:1fr;
    }
  
    .msb-topbar{
      padding:14px !important;
      gap:12px !important;
      margin-bottom:14px !important;
    }
  
    .msb-onl-radio-group{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      gap:10px !important;
    }
  
    .msb-onl-radio-label{
      padding:12px !important;
      border-radius:14px !important;
      gap:10px !important;
      align-items:center !important;
    }
  
    .msb-ship-icon{
      width:34px !important;
      height:34px !important;
      font-size:18px !important;
      border-radius:11px !important;
    }
  
    .msb-ship-text,
    .msb-ship-main{
      font-size:13px !important;
      font-weight:900 !important;
      line-height:1.15 !important;
    }
  
    .msb-type-buttons{ flex-direction:row !important; }
  
    .msb-pill-btn{
      font-size:12.8px !important;
      padding:10px 10px !important;
      line-height:1.1 !important;
    }
  
    .msb-geo-btn{
      font-size:13px !important;
      padding:12px !important;
      min-height:48px !important;
      border-radius:12px !important;
    }
  
    .msb-onl-attach-btn{
      width:44px !important;
      height:44px !important;
      right:10px !important;
      top:10px !important;
    }
    .msb-onl-attach-btn span{ font-size:20px !important; }
  
    .msb-mini,
    .msb-status{ font-size:12px !important; }
  
    .msb-onl-buttons{
      margin-top:16px !important;
      padding-top:16px !important;
      flex-direction:row !important; /* Добавлено: row для мобильных */
      justify-content:space-between !important; /* Добавлено: space-between для лева/права */
    }
  
    .msb-onl-button{
      width:auto !important; /* Изменено: не 100%, чтобы поместились рядом */
      font-size:14px !important;
      padding:14px 16px !important;
      border-radius:14px !important;
    }
  
    .msb-onl-copy-btn {
      order: -1; /* Добавлено: copy слева */
    }
  
    .msb-onl-thumbnails{
      grid-template-columns:repeat(3, minmax(0,1fr));
    }
  }
  
  @media (max-width:420px){
    .msb-onl-form-container{
      padding:12px !important;
      padding-bottom:110px !important;
    }
    .msb-onl-header{ padding:12px !important; }
    .msb-onl-header-title{ font-size:14.5px !important; }
    .msb-onl-order-id{ font-size:11px !important; }
    .msb-onl-form-control{ font-size:13.5px !important; }
  
    .msb-onl-radio-group{ gap:8px !important; }
    .msb-onl-radio-label{ padding:10px !important; }
    .msb-ship-text,
    .msb-ship-main{ font-size:12.5px !important; }
  
    .msb-pill-btn{
      font-size:12.4px !important;
      padding:10px 8px !important;
    }
  
    :root{ --msb-placeholder-size:12px; }
  }
  
  /* ---------- Print ---------- */
  @media print{
    .msb-onl-form-container{
      box-shadow:none;
      border:1px solid #ddd;
    }
    .msb-onl-button,
    .msb-onl-attach-btn{
      display:none !important;
    }
  }
  
  /* ---------- Privacy line ---------- */
  .msb-onl-privacy{
    margin:14px 0 10px;
    font-size:13px;
    color:#6b7280;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:6px 14px;
  }
  
  .msb-onl-privacy-check{
    display:inline-flex;
    align-items:flex-start;
    gap:6px;
    cursor:pointer;
  }
  
  .msb-onl-privacy-check input{
    margin-top:3px;
  }
  
  .msb-onl-privacy-text{
    max-width:340px;
    line-height:1.4;
  }
  
  .msb-onl-privacy-link{
    font-size:13px;
    color:#b91c1c;
    text-decoration:none;
    white-space:nowrap;
  }
  
  .msb-onl-privacy-link:hover{
    text-decoration:underline;
  }
  
  @media (max-width:640px){
    .msb-onl-privacy{
      font-size:12px;
      gap:4px 10px;
    }
    .msb-onl-privacy-text{
      max-width:100%;
    }
  }

  .msb-onl-copy-row{
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.08);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    font-size:13px;
    color:var(--msb-muted, #ccc);
  }
  
  .msb-onl-copy-desc{
    max-width: 70%;
  }
  
  .msb-onl-copy-btn{
    white-space:nowrap;
  }