複数権限をまとめて表示するリクエスト画面

<div class="d11-13-08-wrap">
          <div class="d11-13-08-title">アクセス許可のお願い</div>
          <p class="d11-13-08-lead">快適にご利用いただくため、以下を許可してください</p>
          <ul class="d11-13-08-list">
            <li class="d11-13-08-row">
              <span class="d11-13-08-ico">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M12 1c-5 0-9 3.8-9 9.5C3 17 12 27 12 27s9-10 9-16.5C21 4.8 17 1 12 1Z" fill="#2563eb"/></svg>
              </span>
              <span class="d11-13-08-label">位置情報</span>
              <span class="d11-13-08-check">✓</span>
            </li>
            <li class="d11-13-08-row">
              <span class="d11-13-08-ico">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M12 3a5 5 0 0 0-5 5v3.2c0 .6-.2 1.1-.6 1.6L5 15h14l-1.4-2.2c-.4-.5-.6-1-.6-1.6V8a5 5 0 0 0-5-5Z" fill="#2563eb"/></svg>
              </span>
              <span class="d11-13-08-label">通知</span>
              <span class="d11-13-08-check">✓</span>
            </li>
            <li class="d11-13-08-row">
              <span class="d11-13-08-ico">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><rect x="1" y="4" width="16" height="13" rx="2.5" fill="#2563eb"/></svg>
              </span>
              <span class="d11-13-08-label">カメラ</span>
              <span class="d11-13-08-check">✓</span>
            </li>
          </ul>
          <span class="d11-13-08-btn">まとめて許可する</span>
        </div>

.d11-13-08-wrap{ width:100%; max-width:280px; }
        .d11-13-08-title{ font-size:15px; font-weight:800; color:#1f2937; text-align:center; }
        .d11-13-08-lead{ margin:6px 0 14px; font-size:11px; color:#6b7280; text-align:center; }
        .d11-13-08-list{ list-style:none; margin:0; padding:0; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; }
        .d11-13-08-row{
          display:flex; align-items:center; gap:10px; padding:10px 14px;
          border-bottom:1px solid #f1f5f9; background:#fff;
        }
        .d11-13-08-row:last-child{ border-bottom:none; }
        .d11-13-08-ico{
          width:26px; height:26px; border-radius:8px; background:#eff6ff;
          display:flex; align-items:center; justify-content:center;
        }
        .d11-13-08-label{ flex:1; font-size:12px; font-weight:700; color:#374151; }
        .d11-13-08-check{
          width:18px; height:18px; border-radius:50%; background:#22c55e; color:#fff;
          font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center;
        }
        .d11-13-08-btn{
          display:block; margin:14px auto 0; width:fit-content; padding:10px 26px; border-radius:999px;
          background:#2563eb; color:#fff; font-size:12px; font-weight:700; text-align:center;
        }