:root { --mp-ink:#102a43; --mp-blue:#0877d1; --mp-line:#d7e3ef; --mp-orange:#f5821f; }
body {
  background-color:#e8edf5;
  background-image:linear-gradient(rgba(248,250,255,.38),rgba(248,250,255,.38)),url("../../img/bg.jpg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
  color:var(--mp-ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
ons-toolbar.toolbar, ons-toolbar.toolbar.toolbar--transparent { background:linear-gradient(105deg,#00529b,#0877c9)!important; color:#fff!important; box-shadow:0 3px 14px rgba(16,42,67,.18); }
.toolbar__center, .toolbar__center .template, .toolbar__title { color:#fff!important; font-weight:700; }
.toolbar__right select, .btn_change_lang { min-height:38px; padding:5px 10px; border:1px solid var(--mp-line); border-radius:10px; background:#fff; color:var(--mp-ink); }
.logo { display:block; box-sizing:border-box; width:100%; height:auto; max-width:min(94vw,680px); max-height:none; object-fit:contain; margin:12px auto 6px; padding:10px 20px; }
.page__background { background:rgba(242,243,248,.82)!important; }
ons-card { box-sizing:border-box; width:100%; max-width:680px; margin:14px auto!important; padding:12px 8px; border:1px solid rgba(215,227,239,.92); border-radius:16px!important; background:rgba(255,255,255,.98)!important; box-shadow:0 10px 28px rgba(16,42,67,.10)!important; }
.title_box { color:var(--mp-ink); font-size:16px; font-weight:700; }
.input_text, ons-input.input_text { box-sizing:border-box; min-height:48px; }
ons-input { display:block; box-sizing:border-box; width:100%; max-width:100%; min-width:0; margin:0 0 10px; }
ons-input.form-control { height:auto; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
ons-input input, ons-input .text-input, ons-input .text-input--material, input.form-control, input.input_text { display:block; box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-width:0!important; height:48px!important; min-height:48px!important; margin:0!important; padding:0 12px!important; border:1px solid var(--mp-line)!important; border-radius:10px!important; background:#fff!important; color:var(--mp-ink)!important; font:inherit; font-size:16px; line-height:46px!important; text-align:left!important; }
ons-input input:focus, ons-input .text-input:focus, ons-input .text-input--material:focus, input.form-control:focus, input.input_text:focus { border-color:#7ca4f7!important; box-shadow:0 0 0 3px rgba(36,86,211,.12)!important; outline:0; }
ons-input input::placeholder, ons-input .text-input::placeholder, ons-input .text-input--material::placeholder { color:#a4aab3; opacity:1; text-align:center!important; }
.text-input--material__label:not(.text-input--material__label--active) { left:0!important; right:0!important; top:50%!important; width:100%!important; transform:translateY(-50%)!important; transform-origin:center center!important; text-align:center!important; white-space:nowrap; }
ons-button { border-radius:8px!important; font-weight:600!important; }
ons-button.btn_next, ons-button#btn_scan_qrcode { min-height:46px; }
#phone_number_page #phone_number { margin:0; }
#phone_number_page #phone_number::placeholder { color:#a4aab3; opacity:1; text-align:left; }
#phone_number_page .phone-navigation-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; width:100%; margin-top:12px; align-items:stretch; }
#phone_number_page .phone-navigation-buttons ons-button { display:flex; float:none; box-sizing:border-box; width:100%; min-width:0; min-height:46px; height:auto; margin:0; padding:10px 12px; align-items:center; justify-content:center; text-align:center; line-height:1.2; }
#phone_number_page .phone-navigation-buttons ons-button .template { display:block; width:100%; text-align:center; line-height:1.2; white-space:normal; }
#phone_number_page .phone-navigation-buttons .clear { display:none; }
.find { margin:18px auto 24px; text-align:center; }
.find .button-theme, .find button.btn-search { min-height:48px; border-radius:12px!important; box-shadow:0 8px 18px rgba(8,119,209,.18); }
#btn_receipt_centre { box-sizing:border-box; width:fit-content!important; min-width:200px; max-width:calc(100vw - 32px); min-height:44px; height:auto!important; padding:9px 16px!important; white-space:normal!important; }
#btn_receipt_centre .template { display:block; line-height:1.25; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; }
.div_map { max-width:680px; margin:12px auto 34px; padding:16px; border:1px solid var(--mp-line); border-radius:18px; background:#fff; box-shadow:0 12px 32px rgba(16,42,67,.08); }
.form_search_receipt { padding:8px; }
.title_map { margin:8px 0 16px; color:var(--mp-ink); font-size:21px; font-weight:750; }
#form_access_code .search-col { position:relative!important; top:auto!important; left:0!important; float:none!important; width:100%!important; max-width:100%; box-sizing:border-box; text-align:left; }
#form_access_code .search-col > ons-input.form-control,
#form_access_code .search-col > input.form-control { margin:0 0 10px!important; }
#form_access_code input { box-sizing:border-box; min-height:48px; border:1px solid var(--mp-line); border-radius:10px; }
#form_access_code .find { width:100%!important; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#form_access_code button { width:100%; margin:0 0 10px; white-space:normal; }
@media (min-width:768px) { #location_id_page .page__content, #phone_number_page .page__content { padding:20px; } }
@media (max-width:767px) {
  .page, ons-page, .page--wrapper, .page__content,
  #appSplitter, ons-splitter, ons-splitter-content,
  #appTabbar, ons-tabbar, .tabbar__content, .ons-swiper-target {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
  }
  ons-card { box-sizing:border-box!important; width:calc(100% - 24px)!important; max-width:620px!important; }
  ons-card > .content, .card__content, .input_text, ons-input.input_text { box-sizing:border-box; width:100%; max-width:100%; }
  #btn_scan_qrcode { box-sizing:border-box; width:48%; max-width:48%; white-space:normal; }
  #btn_next_location_id { box-sizing:border-box; width:48%!important; max-width:48%; margin-top:0!important; white-space:normal; }
  .toolbar__right { max-width:32vw; }
  .toolbar__center { min-width:0; }
  .btn_change_lang { max-width:100%; }
  .find { max-width:100%; padding:0 12px; box-sizing:border-box; }
  #btn_receipt_centre { width:fit-content!important; min-width:200px; max-width:calc(100vw - 32px); white-space:normal!important; }
  .div_map { box-sizing:border-box; width:calc(100% - 24px); }
  #form_access_code, #form_access_code .search-col, #form_access_code .find { box-sizing:border-box; max-width:100%; }
  #form_access_code .find { padding:0; }
  .logo { max-width:94vw; max-height:none; padding:12px 14px; }
}
@media (max-width:600px) { .logo { max-height:none; margin:10px auto 6px; } ons-card { margin:12px auto!important; width:calc(100% - 24px)!important; } .div_map { margin:10px 12px 28px; padding:10px; } #form_access_code .find { grid-template-columns:1fr; gap:4px; } }