/* 
 * Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license.
 * See LICENSE in the project root for license information.
 */

 html,
 body {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
 }
 
 ul {
   margin: 0;
   padding: 0;
 }
 
 .ms-welcome__header {
   padding: 12px;
   display: flex;
   flex-direction: row;
   align-items: center;
 }
 
 .ms-welcome__header h1 {
   margin-left: 12px;
 }
 
 .ms-welcome__main {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-items: center;
   flex: 1 0 0;
   padding: 10px 20px;
 }
 
 .ms-welcome__main > h2 {
   width: 100%;
   text-align: center;
 }
 
 .ms-welcome__features {
   list-style-type: none;
   margin-top: 20px;
 }
 
 .ms-welcome__features.ms-List .ms-ListItem {
   padding-bottom: 20px;
   display: flex;
 }
 
 .ms-welcome__features.ms-List .ms-ListItem > .ms-Icon {
   margin-right: 10px;
 }
 
 .ms-welcome__action.ms-Button--hero {
   margin-top: 30px;
 }
 
 .ms-Button.ms-Button--hero .ms-Button-label {
   color: #0078d7;
 }
 
 .ms-Button.ms-Button--hero:hover .ms-Button-label,
 .ms-Button.ms-Button--hero:focus .ms-Button-label {
   color: #005a9e;
   cursor: pointer;
 }
 
 b {
   font-weight: bold;
 }
 
 /* New styles added for cleaner HTML */
 
 .report-question {
   font-family: Segoe UI, sans-serif;
   font-size: 16px;
   color: #0078d4; /* Fluent blue */
   margin-top: 16px;
   margin-bottom: 8px;
 }
 
 .user-data {
   background: #f3f2f1;
   border: 1px solid #e1dfdd;
   padding: 15px;
   border-radius: 6px;
   margin-top: 16px;
   font-size: 14px;
   line-height: 1.6;
 }
 
 .user-data label {
   font-weight: 600;
   margin-right: 5px;
 }
 
 .button-row {
   margin-top: 20px;
   display: flex;
   gap: 10px;
 }
 
 #item-subject {
   margin-top: 20px;
 }