/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!./assets/styles/app.css ***!
  \**************************************************************************************************************/
/* (A) WHOLE PAGE */
* {
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
  }
  body {background: #f3f3f3; }
  body, input, #chat-name, #chat-send, .chat-row { padding: 10px; }
  
  /* (B) WRAPPER */
  #chat-wrap {
    max-width: 600px;
    border: 1px solid #cbcbcb;
  }
  
  /* (C) CHAT MESSAGES */
  #chat-messages {
    padding: 15px;
    height: 800px;
    overflow: auto;
    background: #fff;
  }
  .chat-row {
    display: flex;
    align-items: top;
  }
  .chat-name {
    padding: 5px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #c31e1e;
    /*background: #fff3f3;*/
  }
  .chat-msg { font-size: 18px; }
  
  /* (D) CHAT NAME + MESSAGE */
  .hide { display: none !important; }
  #chat-name, #chat-send {
    display: flex;
    background: #e2e2e2;
  }
  input { border: 0; }
  input[type=text] { flex-grow: 1; }
  input[type=submit] {
    width: 80px;
    color: #fff;
    background: #06b20f;
    cursor: pointer;
  }
  input[type=submit]:disabled { background: #b9b9b9; }


  
.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns */
  grid-template-rows: auto auto; /* 2 rows */
  gap: 10px; /* Space between grid items */
  grid-template-areas: 
    "item1 item2"
    "item3 item3" /* item3 spans both columns */
    "item4 item4"; /* Adjust if you want item4 to behave differently */
}

.item1 { grid-area: item1; }
.item2 { grid-area: item2; }
.item3 { 
  grid-area: item3;
 display:block;
}
.item4 { grid-area: item4; }

/* Responsive design for smaller screens */
@media (max-width: 600px) {
  .grid-container {
    grid-template-columns: 1fr; /* 1 column */
    grid-template-areas: 
      "item1"
      "item2"
      "item3"
      "item4";
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLmNzcyIsIm1hcHBpbmdzIjoiOzs7QUFBQSxtQkFBbUI7QUFDbkI7SUFDSSx5Q0FBeUM7SUFDekMsc0JBQXNCO0VBQ3hCO0VBQ0EsTUFBTSxtQkFBbUIsRUFBRTtFQUMzQixpREFBaUQsYUFBYSxFQUFFOztFQUVoRSxnQkFBZ0I7RUFDaEI7SUFDRSxnQkFBZ0I7SUFDaEIseUJBQXlCO0VBQzNCOztFQUVBLHNCQUFzQjtFQUN0QjtJQUNFLGFBQWE7SUFDYixhQUFhO0lBQ2IsY0FBYztJQUNkLGdCQUFnQjtFQUNsQjtFQUNBO0lBQ0UsYUFBYTtJQUNiLGdCQUFnQjtFQUNsQjtFQUNBO0lBQ0UsWUFBWTtJQUNaLGlCQUFpQjtJQUNqQixlQUFlO0lBQ2YsZ0JBQWdCO0lBQ2hCLGNBQWM7SUFDZCx1QkFBdUI7RUFDekI7RUFDQSxZQUFZLGVBQWUsRUFBRTs7RUFFN0IsNEJBQTRCO0VBQzVCLFFBQVEsd0JBQXdCLEVBQUU7RUFDbEM7SUFDRSxhQUFhO0lBQ2IsbUJBQW1CO0VBQ3JCO0VBQ0EsUUFBUSxTQUFTLEVBQUU7RUFDbkIsbUJBQW1CLFlBQVksRUFBRTtFQUNqQztJQUNFLFdBQVc7SUFDWCxXQUFXO0lBQ1gsbUJBQW1CO0lBQ25CLGVBQWU7RUFDakI7RUFDQSw4QkFBOEIsbUJBQW1CLEVBQUU7Ozs7QUFJckQ7RUFDRSxhQUFhO0VBQ2IscUNBQXFDLEVBQUUsY0FBYztFQUNyRCw2QkFBNkIsRUFBRSxXQUFXO0VBQzFDLFNBQVMsRUFBRSw2QkFBNkI7RUFDeEM7OztpQkFHZSxFQUFFLG1EQUFtRDtBQUN0RTs7QUFFQSxTQUFTLGdCQUFnQixFQUFFO0FBQzNCLFNBQVMsZ0JBQWdCLEVBQUU7QUFDM0I7RUFDRSxnQkFBZ0I7Q0FDakIsYUFBYTtBQUNkO0FBQ0EsU0FBUyxnQkFBZ0IsRUFBRTs7QUFFM0IsMENBQTBDO0FBQzFDO0VBQ0U7SUFDRSwwQkFBMEIsRUFBRSxhQUFhO0lBQ3pDOzs7O2FBSVM7RUFDWDtBQUNGLEMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9hc3NldHMvc3R5bGVzL2FwcC5jc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLyogKEEpIFdIT0xFIFBBR0UgKi9cbioge1xuICAgIGZvbnQtZmFtaWx5OiBBcmlhbCwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIH1cbiAgYm9keSB7YmFja2dyb3VuZDogI2YzZjNmMzsgfVxuICBib2R5LCBpbnB1dCwgI2NoYXQtbmFtZSwgI2NoYXQtc2VuZCwgLmNoYXQtcm93IHsgcGFkZGluZzogMTBweDsgfVxuICBcbiAgLyogKEIpIFdSQVBQRVIgKi9cbiAgI2NoYXQtd3JhcCB7XG4gICAgbWF4LXdpZHRoOiA2MDBweDtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2JjYmNiO1xuICB9XG4gIFxuICAvKiAoQykgQ0hBVCBNRVNTQUdFUyAqL1xuICAjY2hhdC1tZXNzYWdlcyB7XG4gICAgcGFkZGluZzogMTVweDtcbiAgICBoZWlnaHQ6IDgwMHB4O1xuICAgIG92ZXJmbG93OiBhdXRvO1xuICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gIH1cbiAgLmNoYXQtcm93IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiB0b3A7XG4gIH1cbiAgLmNoYXQtbmFtZSB7XG4gICAgcGFkZGluZzogNXB4O1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICAgIGNvbG9yOiAjYzMxZTFlO1xuICAgIC8qYmFja2dyb3VuZDogI2ZmZjNmMzsqL1xuICB9XG4gIC5jaGF0LW1zZyB7IGZvbnQtc2l6ZTogMThweDsgfVxuICBcbiAgLyogKEQpIENIQVQgTkFNRSArIE1FU1NBR0UgKi9cbiAgLmhpZGUgeyBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7IH1cbiAgI2NoYXQtbmFtZSwgI2NoYXQtc2VuZCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBiYWNrZ3JvdW5kOiAjZTJlMmUyO1xuICB9XG4gIGlucHV0IHsgYm9yZGVyOiAwOyB9XG4gIGlucHV0W3R5cGU9dGV4dF0geyBmbGV4LWdyb3c6IDE7IH1cbiAgaW5wdXRbdHlwZT1zdWJtaXRdIHtcbiAgICB3aWR0aDogODBweDtcbiAgICBjb2xvcjogI2ZmZjtcbiAgICBiYWNrZ3JvdW5kOiAjMDZiMjBmO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgfVxuICBpbnB1dFt0eXBlPXN1Ym1pdF06ZGlzYWJsZWQgeyBiYWNrZ3JvdW5kOiAjYjliOWI5OyB9XG5cblxuICBcbi5ncmlkLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIDFmcik7IC8qIDIgY29sdW1ucyAqL1xuICBncmlkLXRlbXBsYXRlLXJvd3M6IGF1dG8gYXV0bzsgLyogMiByb3dzICovXG4gIGdhcDogMTBweDsgLyogU3BhY2UgYmV0d2VlbiBncmlkIGl0ZW1zICovXG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFxuICAgIFwiaXRlbTEgaXRlbTJcIlxuICAgIFwiaXRlbTMgaXRlbTNcIiAvKiBpdGVtMyBzcGFucyBib3RoIGNvbHVtbnMgKi9cbiAgICBcIml0ZW00IGl0ZW00XCI7IC8qIEFkanVzdCBpZiB5b3Ugd2FudCBpdGVtNCB0byBiZWhhdmUgZGlmZmVyZW50bHkgKi9cbn1cblxuLml0ZW0xIHsgZ3JpZC1hcmVhOiBpdGVtMTsgfVxuLml0ZW0yIHsgZ3JpZC1hcmVhOiBpdGVtMjsgfVxuLml0ZW0zIHsgXG4gIGdyaWQtYXJlYTogaXRlbTM7XG4gZGlzcGxheTpibG9jaztcbn1cbi5pdGVtNCB7IGdyaWQtYXJlYTogaXRlbTQ7IH1cblxuLyogUmVzcG9uc2l2ZSBkZXNpZ24gZm9yIHNtYWxsZXIgc2NyZWVucyAqL1xuQG1lZGlhIChtYXgtd2lkdGg6IDYwMHB4KSB7XG4gIC5ncmlkLWNvbnRhaW5lciB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7IC8qIDEgY29sdW1uICovXG4gICAgZ3JpZC10ZW1wbGF0ZS1hcmVhczogXG4gICAgICBcIml0ZW0xXCJcbiAgICAgIFwiaXRlbTJcIlxuICAgICAgXCJpdGVtM1wiXG4gICAgICBcIml0ZW00XCI7XG4gIH1cbn0iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=*/