:root{
      --lp-red:#FA143C;
      --lp-green:#28a745;
      --lp-green-dark:#218838;
      --lp-bg:#f4f5f7;
      --lp-surface:#ffffff;
      --lp-text:#0b0b0b;
      --radius:18px;
      --shadow:0 10px 28px rgba(0,0,0,0.10);
      --shadow-inset:inset 0 1px 0 rgba(255,255,255,0.35);
    }

    /* Base */
    html{ box-sizing:border-box; }
    *, *:before, *:after{ box-sizing:inherit; }
    body{
      margin:0;
      background:linear-gradient(180deg, rgba(250,20,60,0.06), rgba(76,91,196,0.06)), var(--lp-bg);
      font-family:"Calibri", Arial, Helvetica, sans-serif;
      color:var(--lp-text);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }

    /* Wrapper e cabeçalho */
    .lp-wrap{ max-width:980px; margin:20px auto; padding:0 20px; }
    .lp-brand{ text-align:center; margin-bottom:12px; }
    .lp-brand__title{
      margin:0;
      font-family:"Myriad Pro Cond","League Gothic",Arial,sans-serif;
      font-size:30px; letter-spacing:.5px; color:var(--lp-red);
    }

    /* Card */
    .lp-card{
      background:var(--lp-surface);
      border:1px solid var(--lp-red);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:28px 24px 32px;
    }
    .lp-note{ margin:0 0 14px 0; font-size:14px; color:#555; }

    /* Grid de lojas (c==0) */
    .lp-grid{
      display:grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap:12px;
      margin-top:10px;
    }

    /* Botões genericos */
    .button{
      display:inline-flex; align-items:center; justify-content:center; gap:8px;
      height:42px; padding:0 22px; border:0; border-radius:999px;
      font-size:15px; font-weight:700; cursor:pointer; color:#fff;
      transition: transform .06s ease, box-shadow .2s ease, filter .2s ease;
      text-align:center;
    }
    .button-red{
      background:linear-gradient(180deg, #FF3A5A, var(--lp-red));
      box-shadow:0 8px 16px rgba(250,20,60,0.35);
    }
    .button-red:hover{ filter:brightness(1.03); box-shadow:0 10px 20px rgba(250,20,60,0.42); }
    .button-red:active{ transform:translateY(1px); }

    .button-green{
      background:linear-gradient(180deg, var(--lp-green), var(--lp-green-dark));
      box-shadow:0 8px 16px rgba(40,167,69,0.35);
    }
    .button-green:hover{ filter:brightness(1.03); box-shadow:0 10px 20px rgba(40,167,69,0.42); }
    .button-green:active{ transform:translateY(1px); }

    /* Formulários e inputs */
    .lp-form{ display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:6px; }
    .lp-form-row{
      width:100%;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:16px;
      align-items:end;
      max-width:760px;
    }
    .lp-field{ text-align:left; }
    .lp-label{
      display:block; margin:0 0 6px 2px; font-size:16px; font-weight:700; color:#222;
    }
    .lp-input{
      width:100%; max-width:100%; height:46px; padding:0 14px; font-size:16px;
      border:1px solid rgba(0,0,0,0.15); border-radius:10px; background:#fff; outline:none;
      box-shadow:var(--shadow-inset), 0 0 0 rgba(250,20,60,0);
      transition: box-shadow .2s ease, border-color .2s ease;
    }
    .lp-input:focus{ border-color:rgba(250,20,60,0.55); box-shadow:0 0 0 3px rgba(250,20,60,0.15); }

    /* Placeholders com identidade */
    .lp-input::placeholder{ font-family:"Calibri", Arial, sans-serif; font-size:16px; color:#888; font-style:italic; }
    .lp-input::-webkit-input-placeholder{ font-family:"Calibri", Arial, sans-serif; font-size:16px; color:#888; font-style:italic; }
    .lp-input:-ms-input-placeholder{ font-family:"Calibri", Arial, sans-serif; font-size:16px; color:#888; font-style:italic; }
    .lp-input::-ms-input-placeholder{ font-family:"Calibri", Arial, sans-serif; font-size:16px; color:#888; font-style:italic; }

    /* Rótulo "Administrando: Loja XX" (c==1) */
    .lp-admin-wrap{
      width:100%;
      display:flex;
      justify-content:flex-start;
      margin:0 auto 12px auto;
      max-width:760px;
    }
    .lp-admin-label{
      text-align:left;
      font-size:18px;
      font-weight:800;
      color:var(--lp-red);
      line-height:1.25;
    }

    /* Responsivo */
    @media (max-width: 900px){
      .lp-brand__title{ font-size:28px; }
      .lp-card{ padding:24px 18px 28px; }
    }
    @media (max-width: 640px){
      .lp-wrap{ margin:14px auto; padding:0 14px; }
      .lp-form-row{ grid-template-columns: 1fr; gap:12px; }
      .button{ height:48px; font-size:16px; }
      .lp-input{ height:48px; font-size:16px; }
      .lp-grid{ grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap:10px; }
      .lp-admin-wrap{ max-width:100%; }
      .lp-admin-label{ font-size:17px; }
    }
    @media (max-width: 380px){
      .button{ height:50px; font-size:16px; padding:0 18px; }
      .lp-input{ height:50px; }
    }