@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  --sq-font: "Montserrat", Arial, Helvetica, sans-serif;
  --sq-primary: #005AFE;
  --sq-primary-hover: #004DE0;
  --sq-primary-active: #0080FA;
  --sq-primary-soft: #EAF3FF;
  --sq-link: #005AFE;
  --sq-text: #080D18;
  --sq-text-secondary: #3D4D68;
  --sq-muted: #8190A8;
  --sq-border: #C7D9F4;
  --sq-border-soft: #DCE7F5;
  --sq-surface: #FFFFFF;
  --sq-surface-soft: #F5F7FA;
  --sq-sidebar: #050B10;
  --sq-sidebar-2: #0B1218;
  --sq-sidebar-active: #20272E;
  --sq-footer: #050A0E;
  --sq-success: #00C92D;
  --sq-success-hover: #00B128;
  --sq-danger: #F1160A;
  --sq-warning: #FFB000;
  --sq-shadow: 0 10px 28px rgba(25, 48, 82, .10);
  --sq-shadow-float: 0 18px 45px rgba(8, 24, 48, .17);
  --sq-radius: 6px;
  --sq-radius-lg: 10px;
  --sq-control-h: 44px;
  --sq-sidebar-width: 260px;
  --sq-content-pad-x: 38px;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #fff; color: var(--sq-text); font-family: var(--sq-font); }
body { font-size: 14px; line-height: 1.45; }
a { color: var(--sq-link); text-decoration: none; }
a:hover { text-decoration: underline; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

/* ----- Shared top bars / footer ----- */
.sq-topbar { height: 60px; background: #fff; border-bottom: 1px solid #E1E6EB; display:flex; align-items:center; padding: 0 24px 0 26px; gap: 26px; position:relative; z-index:50; }
.sq-topbar--dark { height: 68px; background: linear-gradient(90deg, #050B10 0%, #071016 100%); color:#fff; border-bottom: 0; padding:0 52px 0 70px; }
.sq-logo { display:inline-flex; align-items:center; flex:0 0 auto; }
.sq-logo img { display:block; width:132px; height:auto; }
.sq-topbar--dark .sq-logo img { width:122px; filter: brightness(0) invert(1); }
.sq-topbar__right { margin-left:auto; display:flex; align-items:center; gap:18px; }
.sq-top-search { width:min(570px, 45vw); height:42px; background:#F0F4F8; border:0; border-radius:5px; padding:0 18px 0 48px; color:#20314E; outline:0; }
.sq-search-wrap { position:relative; margin-left:calc(var(--sq-sidebar-width) + var(--sq-content-pad-x) - 26px - 132px - 26px); }
.sq-search-wrap::before { content:"⌕"; position:absolute; left:18px; top:8px; color:#000; font-size:25px; line-height:1; transform:rotate(-15deg); }

.sq-footer { min-height:58px; background:linear-gradient(90deg,#040A0E,#071016); color:#fff; display:flex; align-items:center; gap:44px; padding:0 28px; font-size:13px; }
.sq-footer__copyright { white-space:nowrap; }
.sq-footer__links { display:flex; align-items:center; gap:58px; }
.sq-footer__links a { color:#fff; }
.sq-footer__languages { margin-left:auto; display:flex; align-items:center; gap:17px; }
.sq-lang { color:#fff; opacity:.95; border:0; background:transparent; padding:6px 4px; border-radius:4px; font-weight:500; }
.sq-lang.is-active { background:#28313A; padding:7px 9px; }
.sq-lang-more { width:34px; height:34px; border:1.5px solid #fff; border-radius:50%; display:grid; place-items:center; background:transparent; color:#fff; font-size:24px; line-height:1; }
.sq-language-popover { position:fixed; right:24px; bottom:66px; width:280px; max-height:440px; overflow:auto; background:#080D12; color:#fff; border:1px solid #303A43; border-radius:8px; box-shadow:var(--sq-shadow-float); padding:10px; z-index:500; display:none; }
.sq-language-popover.is-open { display:block; }
.sq-language-popover button { width:100%; display:flex; justify-content:space-between; align-items:center; color:#fff; background:transparent; border:0; padding:10px 12px; border-radius:5px; text-align:left; }
.sq-language-popover button:hover { background:#1C252D; }

/* ----- Buttons ----- */
.sq-btn { min-height:42px; border-radius:5px; border:1px solid transparent; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:16px; font-weight:600; transition:.15s ease; text-decoration:none !important; }
.sq-btn--primary { background:var(--sq-primary); color:#fff; }
.sq-btn--primary:hover { background:var(--sq-primary-hover); }
.sq-btn--success { background:var(--sq-success); color:#fff; }
.sq-btn--success:hover { background:var(--sq-success-hover); }
.sq-btn--soft-success { background:#E7F8EB; color:#008822; }
.sq-btn--gray { background:#F1F3F5; color:#111; }
.sq-btn--wide { width:100%; }
.sq-btn__arrow { margin-left:auto; font-size:24px; font-weight:400; }

/* ----- Dashboard layout ----- */
.sq-app { min-height:100vh; display:grid; grid-template-rows:60px 1fr 58px; }
.sq-app-body { min-height:0; display:grid; grid-template-columns:var(--sq-sidebar-width) minmax(0,1fr); }
.sq-sidebar { background:linear-gradient(180deg,#03090D 0%,#071016 100%); color:#fff; padding:12px 0 18px; min-height:calc(100vh - 118px); }
.sq-nav { display:flex; flex-direction:column; }
.sq-nav a { color:#fff; text-decoration:none; padding:13px 29px; min-height:42px; display:flex; align-items:center; border-left:7px solid transparent; font-weight:500; }
.sq-nav a:hover { background:#151D24; }
.sq-nav a.is-active { background:linear-gradient(90deg,#252C33,#1A2229); border-left-color:var(--sq-primary); }
.sq-nav__separator { height:1px; background:#394149; margin:11px 29px; }
.sq-sidebar__version { margin:11px 29px 0; padding-top:5px; color:#fff; font-size:12px; line-height:1.55; }
.sq-content { min-width:0; padding:24px 38px 36px; background:linear-gradient(135deg,#fff 0%,#F9FCFF 100%); overflow:auto; }
.sq-page-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:18px; }
.sq-breadcrumb { display:flex; gap:10px; align-items:center; margin-bottom:8px; font-size:13px; }
.sq-page-title { margin:0; font-size:32px; line-height:1.1; font-weight:700; letter-spacing:-.03em; }
.sq-page-subtitle { margin:7px 0 0; font-size:16px; }
.sq-back-link { color:#111; margin-top:28px; }

/* ----- Auth / login ----- */
.sq-auth { min-height:100vh; display:grid; grid-template-rows:68px minmax(620px,1fr) 82px; background:#fff; }
.sq-auth__hero { position:relative; background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 18%,rgba(255,255,255,.66) 37%,rgba(255,255,255,.10) 58%,rgba(255,255,255,0) 72%), var(--sq-auth-bg, url('../img/squua-wpoffice.png')); background-size:cover; background-position:center; min-height:0; }
.sq-auth__inner { width:min(670px,calc(100% - 80px)); padding:103px 0 70px 120px; }
.sq-auth__title { font-size:56px; line-height:1; margin:0 0 10px; letter-spacing:-.045em; }
.sq-auth__lead { font-size:12px; color:#43516A; max-width:620px; margin:0 0 34px; }
.sq-auth-card { width:100%; background:rgba(255,255,255,.94); border:1px solid #BDD1EE; border-radius:8px; box-shadow:0 4px 14px rgba(36,59,91,.08); padding:31px 32px 26px; backdrop-filter:blur(3px); }
.sq-auth-card__split { display:flex; align-items:center; gap:20px; margin:30px 0 6px; color:#667794; }
.sq-auth-card__split::before,.sq-auth-card__split::after { content:""; height:1px; background:#D9E2EE; flex:1; }
.sq-auth-header-link { color:#fff; display:flex; gap:10px; align-items:center; text-decoration:none; font-weight:500; }

/* ----- Form fields ----- */
.sq-field { margin-bottom:18px; }
.sq-label { display:flex; align-items:center; gap:8px; margin:0 0 7px; font-weight:700; font-size:14px; color:#0B101A; }
.sq-required { color:var(--sq-danger); }
.sq-control { width:100%; height:var(--sq-control-h); border:1px solid #BBD0EE; border-radius:5px; background:#fff; color:#18233A; padding:0 16px; outline:0; transition:border-color .12s,box-shadow .12s; }
textarea.sq-control { height:auto; min-height:86px; padding-top:12px; resize:vertical; }
.sq-control::placeholder { color:#6E83A6; opacity:1; }
.sq-control:focus,.sq-control.is-active { border:2px solid var(--sq-primary-active); box-shadow:0 0 0 3px rgba(0,128,250,.10); padding-left:15px; }
.sq-field.is-invalid .sq-control,.sq-control.is-invalid { border:1.5px solid var(--sq-danger); box-shadow:none; }
.sq-error { display:none; color:var(--sq-danger); margin-top:5px; font-size:12px; }
.sq-field.is-invalid .sq-error { display:block; }
.sq-help { color:#375786; font-size:13px; margin-top:7px; }
.sq-grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 26px; }
.sq-grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }

/* ----- Checkboxes/radios ----- */
.sq-check,.sq-radio { display:inline-flex; align-items:center; gap:11px; cursor:pointer; color:#082354; }
.sq-check input,.sq-radio input { position:absolute; opacity:0; pointer-events:none; }
.sq-check__box { width:24px; height:24px; border:1px solid #C5D7EF; border-radius:5px; background:#F7F9FB; display:grid; place-items:center; flex:none; }
.sq-check input:checked + .sq-check__box { background:#080D16; border-color:#080D16; }
.sq-check input:checked + .sq-check__box::after { content:"✓"; color:#fff; font-size:16px; line-height:1; }
.sq-check--blue input:checked + .sq-check__box { background:var(--sq-primary); border-color:var(--sq-primary); }
.sq-radio__dot { width:24px; height:24px; border:1px solid #C5D7EF; border-radius:50%; background:#F7F9FB; display:grid; place-items:center; flex:none; }
.sq-radio input:checked + .sq-radio__dot { border:7px solid #178BFF; background:#fff; }

/* ----- Panels/cards ----- */
.sq-card { background:#fff; border:1px solid #CFDDEF; border-radius:6px; padding:22px 26px; box-shadow:0 1px 3px rgba(21,45,80,.02); }
.sq-card h2,.sq-card h3 { margin-top:0; }
.sq-info-cards { display:grid; gap:10px; }
.sq-info-card { padding:17px 23px; border:1px solid #D2DFEF; border-radius:5px; background:#fff; }
.sq-info-card__eyebrow { color:#173E79; font-size:12px; font-weight:700; text-transform:uppercase; margin-bottom:8px; }
.sq-info-card__title { font-size:19px; font-weight:700; margin-bottom:5px; }
.sq-info-card__text { color:#17366A; line-height:1.25; }
.sq-more { margin-top:8px; font-weight:700; color:var(--sq-link); }

/* ----- Select/dropdown ----- */
.sq-select { position:relative; }
.sq-select__trigger { height:var(--sq-control-h); width:100%; border:1px solid #BFD2EF; border-radius:5px; background:#fff; color:#163E7B; padding:0 46px 0 16px; display:flex; align-items:center; font-size:16px; text-align:left; position:relative; }
.sq-select__trigger::after { content:""; width:10px; height:10px; border-right:3px solid #0A213F; border-bottom:3px solid #0A213F; transform:rotate(45deg); position:absolute; right:18px; top:14px; }
.sq-select__menu { position:absolute; z-index:80; left:0; right:0; top:calc(100% + 6px); background:#fff; border:1px solid #C3D6F1; border-radius:7px; box-shadow:var(--sq-shadow); display:none; overflow:hidden; }
.sq-select.is-open .sq-select__menu { display:block; }
.sq-select__option { min-height:44px; padding:0 16px; display:flex; align-items:center; font-size:15px; color:#173F80; cursor:pointer; }
.sq-select__option:hover,.sq-select__option.is-selected { background:#EAF3FF; }

/* ----- Phone country select ----- */
.sq-phone { position:relative; }
.sq-phone__control { height:var(--sq-control-h); border:1px solid #AFC9F4; border-radius:6px; display:flex; align-items:center; background:#fff; }
.sq-phone__country { width:104px; height:36px; margin-left:5px; border:1px solid #D9E1EA; border-radius:8px; display:flex; align-items:center; gap:12px; padding:0 10px; background:#F2F5F8; }
.sq-flag { width:32px; height:22px; border-radius:4px; overflow:hidden; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); background:#ddd; display:inline-block; flex:none; }
.sq-flag--de { background:linear-gradient(#111 0 33.3%,#E21D2D 33.3% 66.6%,#F7D12B 66.6%); }
.sq-phone__code { font-size:18px; margin-left:20px; }
.sq-phone__input { border:0; outline:0; flex:1; font-size:16px; padding:0 16px; min-width:0; color:#172136; }
.sq-country-menu { position:absolute; z-index:100; top:calc(100% + 6px); left:0; width:420px; background:#fff; border:1px solid #BDD1EE; border-radius:7px; box-shadow:var(--sq-shadow-float); display:none; overflow:hidden; }
.sq-country-menu.is-open { display:block; }
.sq-country-search { margin:16px; height:44px; border:1px solid #AEC8F2; border-radius:6px; display:flex; align-items:center; padding:0 16px; font-size:18px; }
.sq-country-search input { border:0; outline:0; flex:1; font-size:15px; margin-left:12px; }
.sq-country-list { border-top:1px solid #C9D8EA; max-height:360px; overflow:auto; padding:10px 0; }
.sq-country-row { min-height:48px; display:grid; grid-template-columns:46px 1fr auto; align-items:center; padding:0 16px; font-size:15px; }
.sq-country-row:hover { background:#F3F7FC; }
.sq-country-code { color:#7F8EA5; }

/* ----- Tooltip/help ----- */
.sq-help-icon { width:20px; height:20px; border-radius:50%; border:2px solid #B8C1D0; color:#A5B0C2; display:inline-grid; place-items:center; font-size:20px; font-weight:700; line-height:1; cursor:help; position:relative; flex:none; }
.sq-help-icon[data-tooltip]::after { content:attr(data-tooltip); position:absolute; z-index:300; left:50%; bottom:calc(100% + 12px); transform:translateX(-50%); width:max-content; max-width:330px; background:#151515; color:#fff; border-radius:4px; padding:10px 14px; font-size:13px; font-weight:500; line-height:1.3; text-align:center; box-shadow:0 5px 15px rgba(0,0,0,.22); opacity:0; pointer-events:none; transition:.12s; }
.sq-help-icon[data-tooltip]::before { content:""; position:absolute; left:50%; bottom:calc(100% + 6px); margin-left:-6px; border:6px solid transparent; border-top-color:#151515; opacity:0; transition:.12s; }
.sq-help-icon:hover::after,.sq-help-icon:hover::before,.sq-help-icon.is-open::after,.sq-help-icon.is-open::before { opacity:1; }

/* ----- Upload ----- */
.sq-upload { border:1.5px dashed #BCD4F4; border-radius:5px; min-height:180px; display:grid; place-items:center; text-align:center; padding:28px; }
.sq-upload__icon { font-size:46px; color:#076CFF; }
.sq-upload__main { font-size:22px; color:#234A80; }
.sq-upload__main strong { color:#006AFF; }

/* ----- Datepicker ----- */
.sq-datepicker { position:relative; }
.sq-date-trigger { height:var(--sq-control-h); border:1px solid #AEC9F2; border-radius:6px; padding:0 16px; display:flex; align-items:center; justify-content:space-between; color:#6C84AB; font-size:16px; background:#fff; }
.sq-calendar { width:520px; max-width:100%; border:1px solid #BCD0ED; border-radius:6px; background:#fff; box-shadow:var(--sq-shadow); margin-top:16px; display:none; overflow:hidden; }
.sq-datepicker.is-open .sq-calendar { display:block; }
.sq-calendar__head { height:62px; border-bottom:1px solid #C7D9F4; display:grid; grid-template-columns:42px 42px 1fr 42px 42px; align-items:center; padding:0 16px; font-size:18px; }
.sq-calendar__nav { border:0; background:transparent; color:#0064FF; font-size:25px; line-height:1; }
.sq-calendar__month { text-align:center; font-weight:500; }
.sq-calendar__grid { display:grid; grid-template-columns:repeat(7,1fr); padding:14px 18px 20px; gap:7px 10px; }
.sq-calendar__weekday,.sq-calendar__day { height:38px; display:grid; place-items:center; font-size:14px; }
.sq-calendar__weekday { color:#6D86AD; }
.sq-calendar__day { border:0; background:transparent; border-radius:8px; }
.sq-calendar__day.is-muted { color:#A9B7CC; }
.sq-calendar__day.is-selected { background:var(--sq-primary); color:#fff; }

/* ----- Passkey ----- */
.sq-passkey { max-width:370px; text-align:center; }
.sq-passkey__button { width:100%; height:56px; border:0; border-radius:12px; background:#D9D9DD; display:flex; align-items:center; justify-content:center; gap:13px; color:#111; }
.sq-passkey__text { color:#666; font-size:12px; line-height:1.6; padding:14px 20px 0; }

/* ----- Status/remote style ----- */
.sq-status-card { border:1px solid #CBDCF1; border-radius:8px; box-shadow:var(--sq-shadow); padding:34px; background:#fff; }
.sq-progress { height:16px; border-radius:999px; background:#D9DDE2; overflow:hidden; }
.sq-progress > span { display:block; height:100%; width:74%; background:#0878C9; border-radius:inherit; }

/* ----- Misc ----- */
.sq-switch { width:46px; height:26px; border-radius:999px; background:#A8A8A8; display:inline-block; position:relative; vertical-align:middle; }
.sq-switch::after { content:""; width:20px; height:20px; border-radius:50%; background:#fff; position:absolute; left:3px; top:3px; box-shadow:0 1px 3px rgba(0,0,0,.15); transition:.15s; }
.sq-switch.is-on { background:var(--sq-primary); }
.sq-switch.is-on::after { left:23px; }
.sq-section-title { font-size:21px; font-weight:700; margin:0 0 6px; }
.sq-section-copy { color:#12366D; margin:0 0 20px; }
.sq-flex { display:flex; }
.sq-between { justify-content:space-between; }
.sq-center { align-items:center; }
.sq-gap-12 { gap:12px; }
.sq-muted { color:var(--sq-muted); }
.sq-link { color:var(--sq-link); font-weight:600; }

@media (max-width: 1100px) {
  :root { --sq-sidebar-width:220px; --sq-content-pad-x:22px; }
  .sq-app-body { grid-template-columns:var(--sq-sidebar-width) minmax(0,1fr); }
  .sq-sidebar { font-size:13px; }
  .sq-content { padding:22px; }
  .sq-auth__inner { padding-left:60px; width:min(650px,calc(100% - 40px)); }
}
@media (max-width: 780px) {
  .sq-search-wrap { margin-left:0; width:100%; }
  .sq-app { grid-template-rows:auto 1fr auto; }
  .sq-topbar { flex-wrap:wrap; height:auto; padding:12px 16px; }
  .sq-top-search { width:100%; }
  .sq-app-body { grid-template-columns:1fr; }
  .sq-sidebar { min-height:auto; }
  .sq-content { padding:20px 16px; }
  .sq-footer { flex-wrap:wrap; gap:15px; padding:18px; }
  .sq-footer__links { gap:18px; flex-wrap:wrap; }
  .sq-footer__languages { margin-left:0; }
  .sq-grid-2,.sq-grid-3 { grid-template-columns:1fr; }
  .sq-auth { grid-template-rows:auto 1fr auto; }
  .sq-auth__hero { background-position:65% center; }
  .sq-auth__inner { padding:60px 20px; width:100%; }
  .sq-auth__title { font-size:44px; }
  .sq-auth-card { max-width:600px; }
}

/* v1.1 language links */
.sq-footer__languages a.sq-lang{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit}
.sq-language-popover a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit}

/* v1.2 robust authentication background */
.sq-auth__hero { overflow:hidden; isolation:isolate; background:#fff; }
.sq-auth__background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center; z-index:-3; user-select:none; pointer-events:none; }
.sq-auth__wash { position:absolute; inset:0; z-index:-2; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 16%,rgba(255,255,255,.76) 31%,rgba(255,255,255,.25) 48%,rgba(255,255,255,0) 66%); }
.sq-auth__inner { position:relative; z-index:1; }
.sq-auth__inner--register { padding-top:58px; padding-bottom:48px; }
@media (max-width:780px){.sq-auth__wash{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.84))}.sq-auth__background{object-position:68% center}}


/* v1.3 final alignment + compact component system */
.sq-switch[data-sq-switch] { cursor:pointer; }
.sq-switch[data-sq-switch]:focus-visible { outline:2px solid var(--sq-primary-active); outline-offset:2px; }
.sq-component-demo .sq-card { padding:22px 26px; }
.sq-component-demo h2 { margin-top:0; font-size:20px; }
.sq-component-demo .sq-select { max-width:560px !important; }
.sq-component-demo .sq-phone { max-width:640px !important; }
.sq-component-demo .sq-datepicker { max-width:560px; }
@media (max-width:780px){.sq-search-wrap{margin-left:0}.sq-country-menu{width:min(420px,calc(100vw - 40px))}}

/* v1.4 country flags, icons, tooltip centering and passkey refinement */
.sq-phone__country {
  width:104px;
  justify-content:space-between;
  gap:10px;
  padding:0 12px 0 9px;
}
.sq-flag-img {
  width:32px;
  height:22px;
  border-radius:4px;
  object-fit:cover;
  display:block;
  flex:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
}
.sq-country-chevron {
  width:8px;
  height:8px;
  border-right:2px solid #0A213F;
  border-bottom:2px solid #0A213F;
  transform:rotate(45deg) translateY(-2px);
  transform-origin:center;
  flex:none;
  transition:transform .15s ease;
}
.sq-country-menu.is-open ~ .sq-country-chevron,
.sq-phone__country[aria-expanded="true"] .sq-country-chevron {
  transform:rotate(225deg) translate(-1px,-1px);
}
.sq-country-row { grid-template-columns:46px 1fr auto; cursor:pointer; }
.sq-country-row .sq-flag-img { width:28px; height:28px; border-radius:50%; }

.sq-help-icon {
  width:22px;
  height:22px;
  border-width:2px;
  font-size:13px;
  line-height:18px;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  text-align:center;
}

.sq-calendar-icon {
  width:22px;
  height:22px;
  fill:none;
  stroke:#173F80;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none;
}

.sq-passkey { max-width:372px; text-align:center; }
.sq-passkey__button {
  width:100%;
  height:48px;
  border:1px solid #CFD3D8;
  border-radius:8px;
  background:#DADADD;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#111;
  font-size:14px;
  font-weight:500;
  box-shadow:none;
}
.sq-passkey__button:hover { background:#D2D3D6; }
.sq-passkey__button:focus-visible { outline:2px solid var(--sq-primary-active); outline-offset:2px; }
.sq-passkey__icon {
  width:19px;
  height:19px;
  fill:none;
  stroke:#111;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none;
}
.sq-passkey__text { color:#666; font-size:12px; line-height:1.55; padding:12px 20px 0; }

/* v1.4.2 – country icon in closed phone selector: show complete round flag */
.sq-phone__country > .sq-flag-img {
  width:26px;
  height:26px;
  border-radius:50%;
  object-fit:contain;
  object-position:center;
  overflow:visible;
  box-shadow:none;
}