import styled from "styled-components";

export const AdminDashboardContainer = styled.div`
  background-color: #ffffff;
  .admin_dashtop_header {
    margin-bottom: 15px;
    .adh_title {
      color: #4a4d4d;
      font-family: "Nunito";
      font-size: 24px;
      font-weight: 600;
      line-height: normal;
      margin-bottom: 6px;
    }
    .adh_subtitle {
      color: #636666;
      font-family: "Nunito";
      font-size: 20px;
      font-weight: 400;
      line-height: normal;
    }
  }

  .admin_dash_row_two {
    padding: 14px;
    border-radius: 20px;
    background: rgba(0, 194, 194, 0.1);
    margin-bottom: 23px;
    display: flex;
    justify-content: space-between;

    .adh_group_one {
      display: flex;
      gap: 10px;
      margin-right: 18px;
      .adg_img {
        width: 52px;
        height: 52px;
        border-radius: 100%;
        background-color: #3ac2c2;
        img {
          width: 100%;
        }
      }

      .adh_box {
        .adb_title {
          color: #4a4d4d;
          font-family: "Nunito";
          font-size: 24px;
          font-weight: 600;
          line-height: normal;
        }

        .adb_subtitle {
          color: #636666;
          font-family: "Nunito";
          font-size: 16px;
          font-weight: 700;
          line-height: normal;
        }
      }
    }

    .adh_group_two {
      display: flex;
      align-items: center;
      gap: 25px;
      margin-left: auto;

      .adh_view_group {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #4a4d4d;
        font-family: "Nunito";
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;

        span {
          border-radius: 6px;
          background: rgba(0, 194, 194, 0.1);
          padding: 2px 9px;
          color: #00c2c2;
          font-family: "Nunito";
          font-size: 18px;
          font-weight: 600;
          line-height: normal;
        }
      }
    }
  }

  .admin_dash_row_three {
    display: flex;
    gap: 20px;
    margin-bottom: 18px;

    .att_group_one {
      width: 60%;
      padding: 20px;
      border-radius: 20px;
      background: #f5f7f7;
      height: 535px;

      .adm_notify_header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;

        .adm_nh_one {
          .adm_nh_title {
            color: #4a4d4d;
            font-family: "Nunito";
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 15px;
          }

          .adm_nh_subtitle {
            color: #4a4d4d;
            font-family: "Nunito";
            font-size: 18px;
            font-weight: 600;
            line-height: normal;
          }
        }

        a {
          color: #00c2c2;
          font-family: "Nunito";
          font-size: 18px;
          font-weight: 700;
          line-height: normal;
        }
      }

      .adm_notify_body {
        overflow: scroll;
        height: 80%;
        .notification_row {
          display: flex;
          gap: 10px;
          padding: 10px;
          border-radius: 10px;
          background: #fff;
          margin-bottom: 10px;

          .nr_img {
            max-width: 24px;
            img {
              width: 100%;
            }
          }

          .nr_main {
            .nrm_title {
              color: #4a4d4d;
              font-family: "Nunito";
              font-size: 16px;
              font-weight: 600;
              line-height: normal;
              margin-bottom: 6px;
            }

            .nrm_subtitle {
              color: #636666;
              font-family: "Nunito";
              font-size: 16px;
              font-weight: 400;
            }
          }

          .nr_time {
            color: #00c2c2;
            font-family: "Nunito";
            font-size: 12px;
            font-weight: 600;
            margin-left: auto;
          }
        }
      }
    }

    .att_group_two {
      border-radius: 20px;
      background: #f5f7f7;
      padding: 20px;
      width: 40%;
      height: 535px;

      .activity_log_title {
        color: #4a4d4d;
        font-family: "Nunito";
        font-size: 24px;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 15px;
      }
      .activity_log_subtitle {
        color: #4a4d4d;
        font-family: "Nunito";
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 20px;
      }

      .activity_log_body {
        overflow: scroll;
        height: 80%;
        .activity_log_col {
          border-bottom: 1px solid #adb2b2;
          padding: 10px 0 6px;

          .log_item {
            display: flex;
            gap: 10px;
            color: #4a4d4d;
            font-family: "Nunito";
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 6px;

            span {
              border-radius: 6px;
              padding: 2px 6px;
              background: #dfe5e5;
              color: #7c8080;
              font-size: 14px;
              font-weight: 600;
              line-height: normal;
            }
          }
        }
      }
    }
  }

  .admin_dash_row_four {
    display: flex;
    gap: 30px;
    margin-bottom: 18px;
    .ld_one {
      border-radius: 20px;
      background: #f5f7f7;
      padding: 20px;
      max-width: 363px;
      width: 100%;
      height: 523px;

      .activity_log_title {
        color: #4a4d4d;
        font-family: "Nunito";
        font-size: 24px;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 5px;
      }
      .activity_log_subtitle {
        color: #00c2c2;
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        cursor: pointer;
        margin-bottom: 20px;
      }

      .activity_log_body {
        overflow: scroll;
        height: 80%;
        .activity_log_col {
          border-bottom: 1px solid #adb2b2;
          padding: 20px 0 18px;
          .log_item {
            display: flex;
            gap: 10px;
            color: #4a4d4d;
            font-family: "Nunito";
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 6px;

            span {
              border-radius: 6px;
              padding: 2px 6px;
              background: #dfe5e5;
              color: #7c8080;
              font-size: 14px;
              font-weight: 600;
              line-height: normal;
            }
          }
        }
      }
    }

    .ld_two {
      border-radius: 20px;
      background: #f5f7f7;
      width: 100%;

      .ld_two_header {
        padding: 20px;
      }
      .reg_title {
        color: #4a4d4d;
        font-family: "Nunito";
        font-size: 24px;
        font-weight: 700;
        line-height: normal;
      }

      .sd_header {
        display: flex;
        gap: 21px;
        margin-bottom: 16px;

        .sd_mark {
          color: #636666;
          font-family: "Nunito";
          font-size: 16px;
          font-weight: 400;
          display: flex;
          gap: 4px;
          align-items: center;

          span {
            width: 9px;
            height: 9px;
            border-radius: 100%;
          }

          .dot_one {
            background-color: #FEBF10;
          }
          .dot_two {
            background-color: #00C2C2;
          }
          .dot_three {
            background-color: #DFE5E5;
          }
        }
      }
    }
  }
`;
