import styled from "styled-components";

export const AdminSecurityContainer = styled.div`
  padding: 18px 30px;
  .ass_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;

    .ass_title {
      color: #1c2434;
      font-size: 18px;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 10px;
      span {
        display: flex;
        align-items: center;
      }
    }

    .ass_ref {
      color: #64748b;
      font-size: 16px;
      font-weight: 600;
      line-height: normal;
      display: flex;
      align-items: center;
      gap: 8px;

      span {
        color: #3c50e0;
      }

      .slash {
        color: #64748b;
      }
    }
  }

  .ass_tab_row {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between;
    width: 100%;
    max-width: 420px;
    border-radius: 11px;
    background: #f5f7f7;
    .ass_tab_group {
      display: flex;
      gap: 4px;
      border-radius: 11px;
      background: #f5f7f7;
      padding: 4px;
      width: 100%;
      max-width: 420px;
      .ass_tab {
        width: 200px;
        height: 36px;
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 7px;
        background: #dfe5e5;
        color: #7c8080;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
        width: 50%;

        .not_ify {
          border-radius: 49px;
          background: #febf10;
          padding: 6px 8px;
          color: #ffffff;
          font-size: 10px;
          font-weight: 600;
          margin-left: 15px;
          width: 22px;
          height: 22px;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        &.active {
          color: #fff;
          background-color: #00c2c2;
        }
      }
    }
  }
`;
