/* Inter 400 latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter 400 latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Inter 500 latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/fonts/inter-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter 500 latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/fonts/inter-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Inter 600 latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/brand/fonts/inter-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter 600 latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/brand/fonts/inter-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Inter 700 latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/fonts/inter-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter 700 latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/brand/fonts/inter-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Rubik 400 latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/fonts/rubik-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Rubik 400 latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/brand/fonts/rubik-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Rubik 500 latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/fonts/rubik-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Rubik 500 latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/brand/fonts/rubik-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* ============================================================
   CloudOffice® brand override — apps.cloudoffice.se
   v1 · 2026-08-20 · подключается ПОСЛЕ /resources/.../all.min.css
   Эталон: www.cloudoffice.se (градиент 120° #41BFFE→#247BE1,
   жёлтая CTA #FDE94E, Paper #F5F4F0, Rubik+Inter, navy-текст #22274F)
   Только визуальный слой: тексты и разметка не меняются.
   ============================================================ */

/* ---------- 1. Базовая типографика ---------- */

body{
  font-family:Inter,"ProximaNova",Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.55;
  color:#3A3F63;
}

h1,h2,h3,h4,h5,h6,
.title-h1,.title-h2,.title-h3,.title-h4,
.text-figured{
  font-family:Rubik,Helvetica,Arial,sans-serif;
  font-weight:500;
  color:#22274F;
}
h1{font-size:40px;line-height:1.2}
h2{font-size:31px;line-height:1.25}
h3{font-size:23px;line-height:1.3}
h4{font-size:18px}
.title-h1{font-size:44px;line-height:1.2}
.title-h2{font-size:31px}

/* цветовое кодирование алертов не перебиваем заголовочным navy */
.alert h4{color:inherit}

/* ---------- 2. Ссылки и акценты ---------- */

a,a:visited{color:#094BCC}
a:hover{color:#247BE1}
.text-accent{color:#247BE1}
.link-fake{border-bottom:1px solid rgba(9,75,204,.4)}
.link-so-fake{border-bottom:1px solid rgba(34,39,79,.4)}
.article ul>li:before{color:#247BE1;font-size:24px;left:-22px;top:-1px}
.video:hover img,.video-js:hover{
  -webkit-box-shadow:0 0 0 5px #247BE1;box-shadow:0 0 0 5px #247BE1}

/* ---------- 3. Шапка ---------- */

.n-header{
  background:#fff;
  border-bottom:1px solid #E7E5DE;
}
.n-headerNav li{border-radius:999px}
.n-headerNav a{color:#22274F;text-decoration:none}
.n-headerNav li:hover{border-color:transparent;background:#DCE9FA}
.n-headerNav li:hover a{color:#094BCC}

/* файлы логотипов перекрашены в фирменный синий 2026-08-20 (запечено в PNG);
   в шапке логотип рисуется белым силуэтом — правило в разделе 9 */

/* nav-пилюли (Huvudsida / Applikationer / …) */
.nav-pills>li>a{
  color:#094BCC;text-decoration:none;
  border:1px solid transparent;
  border-radius:999px !important;
}
.nav-pills>li>a:hover{border-color:transparent;background:#DCE9FA}
.nav-pills>.active>a{
  background:#247BE1 !important;
  border:1px solid #247BE1 !important;
  border-radius:999px !important;
  color:#fff;
}

/* ---------- 4. Секции ---------- */

/* градиентные полосы (hero на главной + «Andra webbsidor» на всех) */
.back-color-yellow{
  background:linear-gradient(120deg,#41BFFE 0%,#247BE1 100%) fixed;
  color:#fff;
}
.back-color-yellow h1,.back-color-yellow h2,.back-color-yellow h3,
.back-color-yellow h4,.back-color-yellow .title-h1,.back-color-yellow .title-h2{color:#fff}
.back-color-yellow a,.back-color-yellow a:visited{color:#fff}
.back-color-yellow a:hover{color:#FDE94E}
.back-color-yellow .link-fake{border-bottom-color:rgba(255,255,255,.5)}
.back-color-yellow .text-accent{color:#FDE94E}
.back-color-yellow .muted{color:rgba(255,255,255,.75)}

/* лента решений и серые секции → Paper */
.back-color-red,.back-color-gray,.back-color-cloud{
  background:#F5F4F0;
  color:#3A3F63;
}
.back-color-red h1,.back-color-red h2,.back-color-red h3{color:#22274F}
.back-color-red a,.back-color-red a:visited{color:#094BCC}
.back-color-red .app-icon-box{
  border-radius:16px;
  -webkit-box-shadow:0 6px 18px rgba(34,39,79,.10);
  box-shadow:0 6px 18px rgba(34,39,79,.10);
}
.back-color-red .app-more .app-icon-box{box-shadow:none}

/* футер: чёрный → светлый Paper */
.back-color-black{
  background:#F5F4F0;
  color:#4A4F70;
}
.back-color-black a,.back-color-black a:visited{color:#094BCC}
.back-color-black .muted{color:#727272}

/* ---------- 5. Кнопки ---------- */

.btn{
  background:#fff;
  border:1px solid #247BE1;
  color:#247BE1 !important;
  border-radius:999px;
  text-shadow:none;
  -webkit-box-shadow:none;box-shadow:none;
  background-image:none;
  padding:8px 18px;
  filter:none;
  transition:background .15s linear,color .15s linear,border-color .15s linear;
}
.btn:hover,.btn:focus{background:#EAF2FD;color:#094BCC !important;border-color:#094BCC}
/* вертикальные отступы между кнопками при переносе на новую строку (форма /login и пр.) */
.btn{margin:10px 12px 10px 0}
.n-header .btn{margin:3px 7px 0 0}
.btn-large{padding:11px 26px;font-size:14px;line-height:16px}
.btn-small,.btn.btn-small{padding:6px 14px}

/* primary: жёлтая пилюля с navy-текстом (как BOKA DEMO на www) */
.btn-primary{
  background:#FDE94E !important;
  border:1px solid #FDE94E;
  color:#22274F !important;
}
.btn-primary:hover,.btn-primary:focus{
  background:#FDC84E !important;
  border-color:#FDC84E;
  color:#22274F !important;
}
/* правило «одна primary на экран»: повторы CTA в блоках главной — белые пилюли */
.flexible-benefits .btn-primary,.flexible-apps .btn-primary{
  background:#fff !important;
  border:1px solid #247BE1;
  color:#247BE1 !important;
}
.flexible-benefits .btn-primary:hover,.flexible-apps .btn-primary:hover{
  background:#EAF2FD !important;color:#094BCC !important;border-color:#094BCC}

/* inverse: синяя пилюля; background без !important, чтобы
   инлайновый зелёный Fortnox (#026e46) остался в силе */
.btn-inverse{background:#247BE1;border:1px solid transparent;color:#fff !important}
.btn-inverse:hover,.btn-inverse:focus{background:#094BCC;color:#fff !important}

.btn[disabled],.btn.disabled{opacity:.55}

/* ---------- 6. Формы и модальные окна ---------- */

textarea,input[type="text"],input[type="password"],input[type="email"],
input[type="tel"],input[type="number"],input[type="url"],input[type="search"],
select,.uneditable-input{
  background:#fff;
  border:1px solid #C2C2C2;
  border-radius:8px;
  -webkit-box-shadow:none;box-shadow:none;
  color:#22274F;
  font-family:Inter,"ProximaNova",Helvetica,Arial,sans-serif;
  font-size:16px;
}
.form-horizontal .control-label{font-family:Inter,"ProximaNova",Helvetica,Arial,sans-serif}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,
input[type="email"]:focus,input[type="tel"]:focus,input[type="number"]:focus,
input[type="url"]:focus,input[type="search"]:focus{
  border-color:#247BE1;
  -webkit-box-shadow:0 0 0 3px rgba(36,123,225,.15);
  box-shadow:0 0 0 3px rgba(36,123,225,.15);
}
.modal{border-radius:16px;border:0;
  -webkit-box-shadow:0 18px 60px rgba(34,39,79,.25);box-shadow:0 18px 60px rgba(34,39,79,.25)}
.modal-header{border-bottom:1px solid #E7E5DE}
.modal-footer{border-top:1px solid #E7E5DE;background:#F5F4F0;border-radius:0 0 16px 16px}

.popover-title{color:#22274F}
.alert.popover{color:#C94001}

/* ---------- 7. Компоненты ---------- */

/* верхняя системная плашка */
body>.alert{background:#C94001}

/* плавающий блок «Behöver du hjälp?» */
.help-express-body{background:#247BE1}
.help-express-button{background:#247BE1}

/* быстрая навигация справа: белые иконки на полупрозрачной navy-подложке */
.nav-scroll{background:rgba(8,47,123,.30);border-radius:12px 0 0 12px;padding:10px 6px}
/* фильтр только на иконке, чтобы всплывающая подпись не перекрашивалась */
.nav-scroll .nav-icon{filter:brightness(0) invert(1);opacity:.55;transition:opacity .15s linear}
.nav-scroll a:hover .nav-icon{opacity:.85}
/* активная секция (scrollspy вешает .active на li): иконка — Signal Yellow */
.nav-scroll .active .nav-icon{
  opacity:1;
  filter:brightness(0) saturate(100%) invert(89%) sepia(52%) saturate(704%) hue-rotate(358deg) brightness(104%) contrast(98%);
}
/* подпись при наведении — всегда чёрная */
.nav-scroll .note{color:#000}
.scroll-top{filter:brightness(0) invert(1)}
.n-active{background:#247BE1}

/* пагинация */
.pagination ul>li>a{background:#247BE1;border:1px solid #E7E5DE;border-left-width:0 !important}
.pagination ul>li>a:hover{background:#094BCC}

/* таблица тарифов (если появится на страницах) */
.subscriptionTable th{
  color:#22274F;background:#F5F4F0;
  border-right:1px solid #C2C2C2}
.subscriptionTable td{border:1px solid #C2C2C2;font-weight:400}
.subscriptionAttention{color:#C94001}
body>.endingSubscriptions .bull{color:#247BE1}

/* бейдж рекомендуемого тарифа — готовый класс (навесить на элемент тарифа) */
.brand-popular{
  display:inline-block;
  background:#FDE94E;color:#22274F;
  border-radius:999px;
  font:700 12px/1 Inter,Helvetica,Arial,sans-serif;
  letter-spacing:.08em;text-transform:uppercase;
  padding:6px 14px;
}

/* чипы-надзаголовки (готовый класс в стиле www) */
.brand-chip{
  display:inline-block;
  background:#DCE9FA;color:#0A5BD0;
  border-radius:999px;
  font:700 12px/1 Inter,Helvetica,Arial,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;
  padding:8px 16px;
}

/* ---------- 8. Доводка по скриншотам (2026-08-20) ---------- */

/* активный пункт навигации: белый текст на синей пилюле */
.nav-pills>.active>a,.nav-pills>.active>a:hover,
.n-headerNav .n-active a,.n-active a{color:#fff !important}

/* текст на градиентных секциях — белый (подзаголовок hero и пр.) */
.back-color-yellow p,.back-color-yellow .text,.back-color-yellow li,
.flexible-promo{color:#fff}

/* элементы форм наследуют фирменный шрифт */
input,select,textarea,button,.btn{font-family:Inter,"ProximaNova",Helvetica,Arial,sans-serif}

/* короткие страницы: область под футером — тот же Paper, футер «дотягивается» до низа окна */
html{background:#F5F4F0}
body{background:#fff}

/* личный кабинет /my: компактные карточки вместо пустых плиток высотой 265px */
.app-list-personal .app{
  height:auto;
  min-height:150px;
  background:#fff;
  border:1px solid #E7E5DE;
  border-radius:16px;
  -webkit-box-shadow:0 2px 10px rgba(34,39,79,.06);box-shadow:0 2px 10px rgba(34,39,79,.06);
  padding:18px 8px 14px;
  margin:0 14px 18px 0;
  font-family:Inter,"ProximaNova",Helvetica,Arial,sans-serif;
}
.app-list-personal .app-icon{width:88px;margin-top:0}
.app-list-personal .app-title{display:inline-block;margin-top:10px}
.app-list-personal .app-icon-box{background:none;box-shadow:none}

/* спрайт-иконки темы (шестерёнка, фильтр, выход): красный → фирменный синий */
.nav-icon,[class^="icon-"],[class*=" icon-"]{filter:hue-rotate(207deg) saturate(1.15) brightness(.95)}

/* FAQ (/help): ответ не дублирует вопрос крупным заголовком;
   активный вопрос выделяется вместо посерения */
.faq .article h3{display:none}
.faq-item>a.active{
  color:#22274F !important;
  font-weight:600;
  border-bottom-color:transparent;
}

/* тексты статей/ответов FAQ — тот же 16px, что и остальной текст
   (тема ставила 17px, из-за чего ответ был крупнее вопроса) */
.article p,.article li{font-size:16px}

/* /my: спрайт-иконка «ДЕМО» (кириллица вшита в customicons.png) → текст DEMO */
.icon-demo{
  background-image:none !important;
  filter:none;
  width:auto;height:auto;
  font:700 10px/1 Inter,"ProximaNova",Helvetica,Arial,sans-serif;
  font-style:normal;
  letter-spacing:.12em;
  color:#727272;
  vertical-align:middle;
}
.icon-demo::after{content:"DEMO"}

/* плитка «Alla/Andra applikationer»: жёлтая PNG-иконка темы не читается на Paper —
   подмена картинки по src (работает на главной и /solutions/*) */
img[src*="app-list-mini-all-apps"]{content:url(/brand/all-apps.png)}

/* ---------- 9. Градиентная шапка (по просьбе 2026-08-20) ---------- */

.n-header{
  background:linear-gradient(120deg,#41BFFE 0%,#247BE1 100%) fixed;
  border-bottom:0;
}
/* логотип: временный PNG — белым силуэтом на градиенте */
.n-headerLogoImg{filter:brightness(0) invert(1)}
/* тексты и ссылки шапки — белые */
.n-header,.n-headerContent{color:#fff}
.n-header a,.n-header a:visited{color:#fff}
.n-header a:hover{color:#FDE94E}
.n-header .link-fake{border-bottom-color:rgba(255,255,255,.5)}
.n-header label{color:#fff}
/* навигация: белые пункты, активный — белая пилюля с синим текстом */
.n-headerNav a{color:#fff}
.n-headerNav li:hover{background:rgba(255,255,255,.18)}
.n-headerNav li:hover a{color:#fff}
.n-header .nav-pills>li>a{color:#fff}
.n-header .nav-pills>li>a:hover{background:rgba(255,255,255,.18);color:#fff}
.n-header .nav-pills>.active>a{
  background:#fff !important;
  border-color:#fff !important;
  color:#247BE1 !important;
}
.n-headerNav .n-active{background:#fff}
.n-headerNav .n-active a{color:#247BE1 !important}
/* кнопки в шапке: белая пилюля с синим текстом (Fortnox остаётся зелёной) */
.n-header .btn-inverse{background:#fff;color:#247BE1 !important}
.n-header .btn-inverse:hover{background:#EAF2FD;color:#094BCC !important}

/* зелёная кнопка Fortnox (инлайн background:#026e46): текст всегда белый,
   в т.ч. в градиентной шапке, где btn-inverse иначе белая с синим текстом */
.btn-inverse[style*="026e46"],
.n-header .btn-inverse[style*="026e46"]{color:#fff !important;background:#026e46}
.btn-inverse[style*="026e46"]:hover,
.n-header .btn-inverse[style*="026e46"]:hover{color:#fff !important;background:#02593a}

/* поля логина в шапке: белые пилюли в стиле www (тема давала прозрачный фон
   и тёмную рамку #555, на градиенте выглядело чужеродно) */
.n-formInput,
input[type="text"].n-formInput,
input[type="password"].n-formInput{
  background:#fff;
  border:1px solid rgba(255,255,255,.4);
  border-radius:999px;
  padding:4px 14px;
  color:#22274F;
  font-family:Inter,"ProximaNova",Helvetica,Arial,sans-serif;
}
.n-formInput::placeholder{color:#8A90A8}
.n-formInput:focus{
  border-color:#FDE94E;
  -webkit-box-shadow:0 0 0 3px rgba(253,233,78,.30);
  box-shadow:0 0 0 3px rgba(253,233,78,.30);
}

/* воздух в форме логина шапки: между колонками полей и строками */
.n-headerLogin .n-formInit{margin:0 14px 6px 0}
.n-headerLogin input.n-formInput,
.n-headerLogin input[type="text"].n-formInput,
.n-headerLogin input[type="password"].n-formInput{margin-bottom:13px !important}

/* большие поля форм входа/регистрации (.submitElement) — общий стиль полей:
   тема давала серый фон и слэб-шрифт по наследству от контейнера */
input.submitElement,
input.submitElement[type="text"],
input.submitElement[type="password"]{
  font-family:Inter,"ProximaNova",Helvetica,Arial,sans-serif !important;
  font-size:16px;
  background:#fff !important;
  border:1px solid #C2C2C2;
  border-radius:8px;
  color:#22274F;
  padding:8px 14px;
  height:auto;
  -webkit-box-shadow:none;box-shadow:none;
}
input.submitElement:focus{
  border-color:#247BE1;
  -webkit-box-shadow:0 0 0 3px rgba(36,123,225,.15);
  box-shadow:0 0 0 3px rgba(36,123,225,.15);
}

/* футер: воздух между контактами Support и партнёрским блоком */
.back-color-black a[href="mailto:support@cloudoffice.se"]{display:inline-block;margin-bottom:14px}

/* ============================================================
   Контент-стратегия шаг 1 (2026-08-21): скрытие маркетинг-дублей.
   Обратимо — удалить этот блок, чтобы вернуть /solutions.
   (advantages скрыты флагом showAdvantages=f; отзывы уже были off;
    блок Nyheter в /my — через st_news.user_visible=f)
   ============================================================ */
/* все ссылки «Applikationer»/на решения: верхняя навигация, футер,
   блок «Andra webbsidor» (пункт в <li> убираем целиком, чтобы не осталось буллета) */
li:has(> a[href$="/solutions"]){display:none}
a[href$="/solutions"]{display:none}
/* две маркетинговые ленты решений на главной */
.flexible-application-list,
.flexible-apps{display:none}

/* шапка после входа (#nFull / #nLogin): тема держит её на абсолютном
   позиционировании + фикс-высотах под старую полосу → на градиенте текст
   слипается. Раскладываем в аккуратную вертикаль (аноним не трогаем). */
.n-header #nFull{min-height:0;line-height:1.4;padding-top:6px}
.n-header #nFull .n-headerLink{position:static;width:auto;display:block;margin:2px 0;font-weight:600}
.n-header #nFull .n-headerPhone{padding-top:0;margin-top:8px;font-size:20px;line-height:1.2}
.n-header #nFull .n-headerHot{color:rgba(255,255,255,.8);margin-top:4px}
.n-header #nLogin .n-headerName{display:block;margin:0 0 6px;font-weight:600}
.n-header #nLogin .text-nowrap{display:block}
.n-header .n-headerSubscriptionLink{margin-top:6px}

/* /register/manually: ссылка «Skapa automatiskt» не должна рваться на две строки */
.toggle-activator{white-space:nowrap}

/* узкая модалка входа (modal-narrow): колонка подписи всего 55px — длинные
   «Användarnamn»/«Lösenord» налезали на поле. Ставим подпись над полем. */
.modal-narrow .form-horizontal .control-label{
  width:auto !important;float:none;display:block;text-align:left;margin:0 0 4px;padding-top:0}
.modal-narrow .form-horizontal .controls{margin-left:0 !important}
.modal-narrow .form-horizontal .submitElement{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* /my: плитка «Lägg till en applikation» — её иконка-ссылка ведёт на /solutions
   и попадала под глобальное скрытие каталога (иконка «+» исчезала). Возвращаем
   ссылку и прежний вид: пунктирный квадрат с «+», без белой карточки. */
.app-list-personal a[href$="/solutions"]{display:block}
.app-list-personal .app:has(img[src*="addapp-img"]){background:none;border:0;box-shadow:none;padding:0}
.app-list-personal .app:has(img[src*="addapp-img"]) .app-icon{width:140px;margin-top:8px}

/* чекбоксы/радио — чуть крупнее и в фирменном синем (были мелкими дефолтными) */
input[type="checkbox"],input[type="radio"]{
  width:17px;height:17px;accent-color:#247BE1;vertical-align:-3px;cursor:pointer;
}

/* карточка партнёра (/register/browse_partners): метка контакта и значение
   в узкой сетке span1/span11 слипались («Webbplatshttps://…») — раскладываем flex */
.serviceOrganizationContent{display:flex;gap:14px;margin:0 0 7px;line-height:1.5}
.serviceOrganizationContent > .muted{flex:0 0 100px;width:auto;margin:0}
.serviceOrganizationContent > .span11{flex:1 1 auto;width:auto;margin:0}
.serviceOrganization{margin-bottom:20px}
.serviceOrganizationHeader{margin-bottom:8px}