/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/[locale]/register/register.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
:root{
  --radius:22px; --card-w:520px; --gap:16px;
  --text:#1b1f27; --muted:#7a8190; --stroke:#e8ebf2;
  --shadow:0 10px 30px rgba(25,36,84,.12);
}
*{ box-sizing:border-box; }
.register-bg{
  min-height:100vh; 
  height:100vh;
  display:grid; 
  place-items:center; 
  padding:20px;
  margin:0;
  width:100%;
  background:
    radial-gradient(1200px 800px at 20% 20%, #9dd3ff 0%, rgba(157,211,255,0) 60%),
    radial-gradient(1000px 700px at 80% 40%, #c9b7ff 0%, rgba(201,183,255,0) 60%),
    #e9f1ff;
}
.register-card{
  width:100%; max-width:var(--card-w); background:#fff; border-radius:var(--radius);
  box-shadow:var(--shadow); padding:36px 40px 28px; text-align:center;
}
.register-logo{ 
  display:block; 
  margin:0 auto 16px; 
  max-width:100%;
  height:auto;
  object-fit:contain;
}
.register-title{ font-size:22px; font-weight:800; color:var(--text); margin:6px 0 14px; text-align:center; }
.register-form{ display:grid; gap:var(--gap); text-align:left; }
.form-row{ display:flex; gap:30px; }
.form-row > div{ flex: 1; }
.register-label{ font-size:13px; color:var(--text); font-weight:600; margin-bottom:8px; display:block; }
.register-input{
  width:100%; height:44px; border:1px solid var(--stroke); border-radius:12px;
  padding:0 14px; font-size:14px; color:var(--text); outline:none; background:#fff;
  box-sizing:border-box;
}
.form-error{ min-height:18px; color:#e11d48; font-size:13px; }
.register-btn{ height:46px; border:0; border-radius:12px; background:#000; color:#fff; font-weight:700; font-size:15px; cursor:pointer; margin-top:8px; }
.register-footer{ margin-top:14px; text-align:center; }
.register-link{ color:#6a76f1; text-decoration:none; font-weight:600; }
/* --- tighten spacing under fields --- */
.form-error{ margin:6px 0 0; font-size:13px; color:#e11d48; }
.form-error:empty{ display:none; }

/* Knapp litt nærmere feltene */
.register-btn{ margin-top:6px; }

/* Bedriftssøk styling */
.company-search-container{ position: relative; }
.company-suggestions{
  position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid var(--stroke);
  border-radius: 0 0 12px 12px; box-shadow: var(--shadow); z-index: 10; max-height: 200px; overflow-y: auto;
  display: none;
}
.company-suggestions.show{ display: block; }
.company-suggestion{
  padding: 12px 14px; cursor: pointer; border-bottom: 1px solid #f0f0f0; font-size: 14px;
}
.company-suggestion:hover{ background: #f8f9ff; }
.company-suggestion:last-child{ border-bottom: none; }
.company-suggestion.loading{ 
  text-align: center; 
  color: var(--muted); 
  font-style: italic; 
  padding: 12px; 
}
.company-suggestion .company-name{ font-weight: 600; color: var(--text); }
.company-suggestion .company-orgnr{ font-size: 12px; color: var(--muted); margin-top: 2px; }

/* Ingen resultater melding */
.company-suggestion.no-results{ 
  text-align: center; 
  padding: 20px 14px; 
  background: #f8f9fa; 
  border: 1px solid #e9ecef;
}
.no-results-message{ margin-bottom: 12px; }
.no-results-message strong{ 
  display: block; 
  color: var(--text); 
  font-size: 14px; 
  margin-bottom: 4px; 
}
.no-results-subtitle{ 
  font-size: 12px; 
  color: var(--muted); 
}
.no-results-action{ margin-top: 8px; }
.use-typed-name-btn{
  background: #6a76f1; 
  color: white; 
  border: none; 
  padding: 8px 16px; 
  border-radius: 6px; 
  font-size: 12px; 
  font-weight: 600; 
  cursor: pointer;
  transition: background-color 0.2s;
}
.use-typed-name-btn:hover{ background: #5a66e1; }

/* Responsiv logo og form */
@media (max-width: 480px) {
  .register-logo {
    max-width: 200px;
  }
  .form-row {
    grid-template-columns: 1fr;
    gap: var(--gap);
  }
}