:root {
      color-scheme: light dark;
      --bg: #0b1324;
      --card: #02707054;
      --txt: #e9eef7;
      --muted: #ffffff;
      --accent: #5c6c9d;
      --danger: #ff5d6c;
      --ok: #3ecf8e;
      --input-bg: #cacfdb;
      --input-bd: #e0e3ed;
    }

    body { margin: 0; 
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 
      'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif; 
      background: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); 
      color: var(--txt); 
      min-height: 90dvh;
      max-height: 90dvh;
      display: grid; 
      place-items: center; 
      text-align: center;
      padding: auto; }

    main { width: min(980px, 100%); 
      background: color-mix(in oklab, var(--card),
       black 7%); 
       border: 1px solid  color-mix(in oklab, var(--card), white 6%); 
       border-radius: 16px; 
       padding: 20px clamp(16px, 3vw, 28px); 
       box-shadow: 0 10px 30px rgba(0,0,0,.35); }

       
    h1 { margin: 0 0 12px; 
       font-size: clamp(18px, 3.6vw, 22px);}

    p.note { margin: 0 16px 16px 0; 
            color: var(--muted); }

    .grid { display: grid; 
            gap: clamp(12px, 2.5vw, 5dvh); 
            margin-top: 10px; }


    @media (max-width: 900px) { .grid { grid-template-columns: 1fr; } }


    .card { background: color-mix(in oklab, var(--card), white 2%);
      border: 1px solid color-mix(in oklab, var(--muted), white 15%); 
      border-radius: 12px; padding: 14px; }

    .tabs { display: flex; gap: 8px; margin-bottom: 10px; }

    .tab { border: 1px solid #2b3559; 
          background: #1a2444; color: var(--txt); 
          border-radius: 10px; 
          padding: 8px 12px; 
          cursor: pointer; font-weight: 600; }
    
    .tab.active { background: var(--accent); 
                  color: white; 
                  border-color: transparent; }
    
    label { display: block; 
            font-size: 13px; 
            color: var(--muted);
            margin: 10px 0 6px; }

    input, select { width: 90%; 
                background: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important; 
                border: 1px solid var(--input-bd); 
                border-radius: 2rem; 
                padding: 0.7rem 1.1rem; 
                outline: none; }
    
    input:focus, select:focus { border-color: var(--accent); }

    .row-2 { display: grid; 
            grid-template-columns: 1fr 1fr; 
            gap: 10px; }

    @media (max-width: 560px) { .row-2 { grid-template-columns: 1fr; } }

    .user-card { display: grid; 
                  grid-template-columns: 72px 1fr; 
                  gap: 14px; 
                  align-items: center; 
                  padding: 14px; border-radius: 12px; 
                  background: color-mix(in oklab, var(--card), white 2%); 
                  border: 1px dashed color-mix(in oklab, var(--muted), white 15%); 
                  margin: 14px 0 0; }
    
    .user-card img { width: 72px; 
                    height: 72px; 
                    border-radius: 50%; 
                    object-fit: cover; 
                    border: 2px solid color-mix(in oklab, var(--accent), white 15%); 
                    background: #223; }

    .user-card .meta { line-height: 1.3; }

    .meta .name { font-weight: 600; }

    .meta .email, .meta .uid { font-size: 13px;
                              color: var(--muted); 
                              word-break: break-all; }

    .actions { display: flex; 
              gap: 10px; 
              flex-wrap: wrap; 
              margin: 14px 0; }

    button { appearance: none; 
      border: 1px solid transparent; 
      border-radius: 10px; 
      padding: 10px 14px; 
      font-weight: 600; 
      cursor: pointer; 
      background: var(--accent); 
      color: white; 
      transition: transform .06s ease, opacity .2s ease, 0.2s ease; }

    button.secondary { background: #222a44; 
                      color: var(--txt); 
                      border-color: #2b3559; }

    button.ghost { background: transparent; 
                  border-color: #2b3559; 
                  color: var(--txt); }

    button:hover { transform: translateY(-1px); }

    button:active { transform: translateY(0); }

    .or { display: flex;
        align-items: center; 
        gap: 10px; 
        margin: 10px 0; 
        color: var(--muted); 
        font-size: 12px; }

    .or::before, .or::after { content: ""; 
                            flex: 1; 
                            height: 1px; 
                            background: #2a3966; }

    pre#status { margin: 0; 
                padding: 10px 12px; 
                border-radius: 10px; 
                background: #0f1a33; 
                border: 1px solid #2a3966; 
                color: var(--muted); font-size: 12px; 
                overflow: auto; 
                white-space: pre-wrap; }

    .hidden { display: none !important; }

    .ok { color: var(--ok); }

    .err { color: var(--danger); }

  
#fileInput {
    display: none; /* Oculta o input padrão */
  }

  .custom-file-label {
    cursor: pointer;
    display: inline-block;
  }

  .custom-file-label img {
    text-align: center;
    width: 6rem;
    min-width: 6rem;
    max-width: 6rem;
    height: 7rem;
    max-height: 7rem;
    min-height: 7rem;
  }

.card_Oculto{display: none;}

.Politicas_Check{display: grid;
                grid-template-columns: 5fr 0.7fr 3fr;
                align-items: center;
                text-align: center;
                margin-left: 10%;
                margin-right: 10%;

                
                            }