/* ITPlugg v20.88 – kontoflöde */
.v2088-notice{display:grid;gap:5px;margin:0 0 16px;padding:14px 16px;border-radius:13px;
  border:1px solid rgba(241,185,85,.32);background:rgba(46,32,12,.5)}
.v2088-notice b{color:#f5cd8b;font-size:14px}
.v2088-notice span{color:#c3b596;font-size:13px;line-height:1.55}
.v2088-locked input,.v2088-locked button[type="submit"]{opacity:.42;cursor:not-allowed}

.v2088-offer{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:9998;
  width:min(520px,calc(100vw - 32px));display:grid;gap:12px;padding:16px 18px;border-radius:16px;
  border:1px solid rgba(76,224,241,.3);background:linear-gradient(150deg,#0e2c40,#071a28);
  box-shadow:0 20px 50px rgba(0,0,0,.45);animation:v2088-in .28s cubic-bezier(.2,.9,.3,1.15) both}
.v2088-offer b{display:block;margin-bottom:4px;font-size:15px;color:#eaf4fa}
.v2088-offer span{display:block;font-size:13px;line-height:1.55;color:#9fbccd}
.v2088-offer-actions{display:flex;gap:9px;flex-wrap:wrap}
.v2088-offer button{padding:9px 16px;border-radius:9px;border:1px solid rgba(76,224,241,.24);
  background:rgba(4,14,24,.6);color:#cfe3ee;font:600 13px inherit;cursor:pointer}
.v2088-offer button[data-v2088="account"]{background:#2fb6e8;border-color:#2fb6e8;color:#03151f;font-weight:700}
.v2088-offer button:hover{filter:brightness(1.08)}
@keyframes v2088-in{from{opacity:0;transform:translateX(-50%) translateY(12px)}}
@media(prefers-reduced-motion:reduce){.v2088-offer{animation:none}}
@media(max-width:640px){.v2088-offer{bottom:82px}}

/* ITPlugg v21.21 – conflict-safe account sync */
.v2121-sync-conflict{display:grid;gap:14px;margin:16px 0;padding:16px;border:1px solid rgba(245,185,66,.38);border-radius:16px;background:linear-gradient(145deg,rgba(66,43,10,.72),rgba(20,31,45,.88));box-shadow:0 14px 36px rgba(0,0,0,.2)}
.v2121-sync-conflict>div:first-child small{display:block;color:#ffd486;font-size:11px;font-weight:800;letter-spacing:.12em}.v2121-sync-conflict h3{margin:4px 0 6px;color:#fff;font-size:17px}.v2121-sync-conflict p{margin:0;color:#c8d7e3;line-height:1.55;font-size:13px}
.v2121-sync-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v2121-sync-compare article{display:grid;gap:4px;padding:12px;border:1px solid rgba(145,180,205,.17);border-radius:12px;background:rgba(7,20,32,.46)}.v2121-sync-compare b{color:#e9f4fb;font-size:13px}.v2121-sync-compare span{color:#9fb4c4;font-size:12px;line-height:1.45}
.v2121-sync-actions{display:flex;gap:9px;flex-wrap:wrap}.v2121-sync-note{color:#95a9b8;line-height:1.45}
@media(max-width:640px){.v2121-sync-compare{grid-template-columns:1fr}.v2121-sync-actions .btn{flex:1 1 100%;min-height:44px}}
.v1919-dev-sidebar [data-dev-nav="account"][data-sync-conflict="1"]{border-color:rgba(245,185,66,.52)!important;background:linear-gradient(135deg,rgba(245,185,66,.14),rgba(245,185,66,.04))!important}.v1919-dev-sidebar [data-dev-nav="account"][data-sync-conflict="1"]>span{color:#ffd486!important}.v1919-dev-sidebar [data-dev-nav="account"][data-sync-conflict="1"]>small{color:#ffd486!important;font-weight:700}
.v2121-sync-conflict-list{display:grid;gap:5px;margin:10px 0 0;padding-left:19px;color:#e5c88f;font-size:12px;line-height:1.45}.v2121-sync-conflict-list li::marker{color:#f5b942}

/* ITPlugg v21.22 – tydlig synkstatus och cross-device recovery */
.v2122-sync-health{display:grid;gap:12px;margin:16px 0;padding:16px;border:1px solid rgba(103,196,230,.22);border-radius:17px;background:linear-gradient(145deg,rgba(10,31,47,.78),rgba(7,19,31,.9));box-shadow:0 14px 34px rgba(0,0,0,.16)}
.v2122-sync-health>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v2122-sync-health>header small{display:block;color:#7fa5bb;font-size:10px;font-weight:800;letter-spacing:.12em}.v2122-sync-health>header h3{margin:4px 0 0;color:#edf7fb;font-size:17px}.v2122-sync-health>p{margin:0;color:#b9cbd6;font-size:13px;line-height:1.55}
.v2122-sync-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 10px;border:1px solid rgba(97,214,171,.28);border-radius:999px;background:rgba(47,178,131,.11);color:#9be3c5;font-size:11px;font-weight:800;white-space:nowrap}.v2122-sync-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}
.v2122-sync-health[data-state="pending"] .v2122-sync-badge,.v2122-sync-health[data-state="ready"] .v2122-sync-badge{border-color:rgba(245,185,66,.3);background:rgba(245,185,66,.1);color:#ffd486}.v2122-sync-health[data-state="offline"] .v2122-sync-badge{border-color:rgba(145,171,190,.28);background:rgba(145,171,190,.09);color:#b8c9d5}.v2122-sync-health[data-state="syncing"] .v2122-sync-badge{border-color:rgba(76,196,241,.32);background:rgba(76,196,241,.1);color:#8fdcf6}.v2122-sync-health[data-state="conflict"] .v2122-sync-badge,.v2122-sync-health[data-state="error"] .v2122-sync-badge{border-color:rgba(245,185,66,.38);background:rgba(245,185,66,.12);color:#ffd486}
.v2122-sync-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v2122-sync-meta>span{display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(137,178,202,.14);border-radius:12px;background:rgba(5,17,28,.4)}.v2122-sync-meta small{color:#7897aa;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.v2122-sync-meta b{color:#dfeef5;font-size:12px}
.v2122-sync-primary{display:flex;gap:9px;flex-wrap:wrap}.v2122-sync-primary .btn{min-height:40px}.v2122-sync-explain{color:#809dad;line-height:1.45}.v2122-sync-advanced{margin:12px 0;padding:12px 14px;border:1px solid rgba(137,178,202,.13);border-radius:13px;background:rgba(4,16,26,.28)}.v2122-sync-advanced>summary{cursor:pointer;color:#c7dce7;font-size:12px;font-weight:750}.v2122-sync-advanced>p{margin:10px 0 4px;color:#8fa8b7;font-size:12px;line-height:1.5}.v2122-account-bottom{justify-content:space-between}.v2122-account-bottom .btn{max-width:100%}
.v1919-dev-sidebar [data-dev-nav="account"][data-sync-state="pending"]>span,.v1919-dev-sidebar [data-dev-nav="account"][data-sync-state="syncing"]>span{color:#8fdcf6!important}.v1919-dev-sidebar [data-dev-nav="account"][data-sync-state="offline"]>small{color:#aebfca!important}
@media(max-width:640px){.v2122-sync-health{padding:14px}.v2122-sync-health>header{display:grid}.v2122-sync-badge{justify-self:start}.v2122-sync-meta{grid-template-columns:1fr}.v2122-sync-primary .btn,.v2122-account-bottom .btn{flex:1 1 100%;min-height:44px}.v2122-account-bottom{display:grid}}

/* ITPlugg v21.23 – kontoarbetsytor, sessionisolering och backupimport */
.v2123-workspace-card,.v2123-handoff,.v2123-signedout-workspace{display:grid;gap:10px;margin:14px 0;padding:14px 15px;border:1px solid rgba(112,188,222,.18);border-radius:15px;background:linear-gradient(145deg,rgba(8,27,42,.7),rgba(6,18,29,.82))}
.v2123-workspace-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.v2123-workspace-card small,.v2123-handoff small{display:block;color:#7f9fb2;font-size:10px;font-weight:800;letter-spacing:.11em}.v2123-workspace-card h3,.v2123-handoff h3{margin:4px 0 5px;color:#edf7fb;font-size:15px}.v2123-workspace-card p,.v2123-handoff p{margin:0;color:#9fb5c3;font-size:12px;line-height:1.5}.v2123-workspace-card>span{align-self:start;padding:5px 9px;border:1px solid rgba(91,213,173,.25);border-radius:999px;background:rgba(47,178,131,.1);color:#9be3c5;font-size:10px;font-weight:850;letter-spacing:.08em}
.v2123-handoff{border-color:rgba(245,185,66,.31);background:linear-gradient(145deg,rgba(65,43,12,.55),rgba(8,24,37,.86))}.v2123-handoff>div:first-child>span{display:block;margin-top:8px;color:#d7c292;font-size:11px;line-height:1.45}.v2123-handoff-actions{display:flex;gap:8px;flex-wrap:wrap}.v2123-handoff-actions .btn{min-height:40px}
.v2123-signedout-workspace{border-color:rgba(143,184,207,.17);background:rgba(6,20,31,.5)}.v2123-signedout-workspace b{color:#dcebf2;font-size:12px}.v2123-signedout-workspace span{color:#8fa8b7;font-size:12px;line-height:1.5}
.v2122-sync-primary #v2123ImportBackup{border-style:dashed}.v2122-sync-primary input[type="file"][hidden]{display:none!important}
@media(max-width:640px){.v2123-workspace-card{grid-template-columns:1fr}.v2123-workspace-card>span{justify-self:start}.v2123-handoff-actions{display:grid}.v2123-handoff-actions .btn{width:100%;min-height:44px}}
