:root{--bg:#f6f5f2;--yta:#fff;--text:#1d1c1a;--dov:#6b6862;--linje:#e2dfd8;--accent:#2f5d50;--fel:#a3322b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161615;--yta:#1f1f1d;--text:#ecebe7;--dov:#9a978f;--linje:#34332f;--accent:#7fb8a5;--fel:#e38a83}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,textarea{font:inherit}.mitten{place-items:center;min-height:100vh;display:grid}.inloggning{background:var(--yta);border:1px solid var(--linje);border-radius:12px;flex-direction:column;gap:12px;width:320px;padding:32px;display:flex}.inloggning h1{margin:0 0 8px;font-size:24px}.inloggning label{color:var(--dov);font-size:14px}.inloggning input{border:1px solid var(--linje);background:var(--bg);color:var(--text);letter-spacing:.1em;border-radius:8px;padding:10px 12px}.inloggning button{background:var(--accent);color:var(--yta);cursor:pointer;border:0;border-radius:8px;padding:10px 12px}.inloggning button:disabled{opacity:.5;cursor:default}.inloggning button.logga-ut{color:var(--dov);background:0 0}.fel{color:var(--fel);margin:0;font-size:14px}.skal{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.meny{border-right:1px solid var(--linje);background:var(--yta);flex-direction:column;gap:16px;padding:24px 16px;display:flex}.foretag{padding:0 8px;font-weight:600}.meny ul{flex-direction:column;flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.meny button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px}.meny button.vald{background:var(--bg);font-weight:600}.meny .logga-ut{color:var(--dov)}.innehall{width:100%;max-width:1100px;padding:40px}.innehall h1{margin:0;font-size:28px}.snart{color:var(--dov)}.innehall:has(.chatt){max-width:none;height:100vh;padding:0}.chatt{flex-direction:column;max-width:900px;height:100vh;margin:0 auto;display:flex}.chatt-tom{flex-direction:column;align-items:flex-start;gap:12px;padding:40px;display:flex}.chatt-tom button,.visa-aldre,.kort-knappar button,.kort-andring button,.skrivruta button{border:1px solid var(--linje);background:var(--yta);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px}button:disabled{opacity:.5;cursor:default}.chatt .flikar{border-bottom:1px solid var(--linje);gap:4px;padding:16px 24px 0;display:flex}.chatt .flikar button{color:var(--dov);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px}.chatt .flikar button.vald{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.trad{flex-direction:column;flex:1;min-height:0;display:flex}.turer{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex;overflow-y:auto}.visa-aldre{align-self:center}.bubbla{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-width:70%;padding:10px 14px;line-height:1.4}.bubbla.kund{background:var(--accent);color:var(--yta);border-bottom-right-radius:4px;align-self:flex-end}.bubbla.medhjalpare{background:var(--yta);border:1px solid var(--linje);border-bottom-left-radius:4px;align-self:flex-start}.bubbla.dampad{color:var(--dov);font-style:italic}.bubbla.besked{background:0 0;border-style:dashed}.skriver{color:var(--dov);margin:0;font-size:14px}.kort{background:var(--yta);border:1px solid var(--linje);border-radius:12px;flex-direction:column;align-self:flex-start;gap:8px;width:min(480px,85%);padding:14px 16px;display:flex}.kort-titel{font-weight:600}.kort-rad{color:var(--dov);font-size:14px}.kort-text{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border-radius:8px;padding:10px}.kort-status{color:var(--dov);font-size:14px}.kort-knappar{flex-wrap:wrap;gap:8px;display:flex}.kort-knappar button.huvud,.skrivruta button{background:var(--accent);color:var(--yta);border-color:var(--accent)}.kort-andring{flex-direction:column;gap:8px;display:flex}.kort-andring textarea,.skrivruta textarea{resize:vertical;border:1px solid var(--linje);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px}.trad>.fel{padding:0 24px 8px}.skrivruta{border-top:1px solid var(--linje);flex-direction:column;gap:8px;padding:12px 24px 20px;display:flex}.skrivruta-fot{justify-content:flex-end;align-items:center;gap:12px;display:flex}.raknare{font-size:14px}.dov{color:var(--dov)}.filer{flex-direction:column;gap:16px;min-height:80vh;display:flex;position:relative}.filer.drar:after{content:"Släpp filer här";border:2px dashed var(--accent);background:color-mix(in srgb, var(--bg) 85%, transparent);color:var(--accent);pointer-events:none;border-radius:12px;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.slappyta{border:1px dashed var(--linje);background:var(--yta);border-radius:12px;align-items:center;gap:16px;padding:24px;display:flex}.slappyta p{color:var(--dov);flex:1;margin:0}.slappyta button,.fler{background:var(--accent);color:var(--yta);cursor:pointer;border:0;border-radius:8px;padding:8px 14px}.fler{align-self:flex-start}.fler:disabled{opacity:.5;cursor:default}.uppladdningar,.fillista{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.uppladdningar li{background:var(--yta);border:1px solid var(--linje);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.uppladdningar .namn,.fillista .namn{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.uppladdningar progress{width:160px}.sparad{color:var(--accent)}.listhuvud{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.listhuvud label{color:var(--dov);align-items:center;gap:6px;font-size:14px;display:flex}.listhuvud input{font:inherit;border:1px solid var(--linje);background:var(--yta);color:var(--text);border-radius:6px;padding:4px 6px}.filer .flikar{flex:1;gap:4px;display:flex}.filer .flikar button{border:1px solid var(--linje);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px}.filer .flikar button.vald{background:var(--accent);border-color:var(--accent);color:var(--yta)}.filer .flikar .antal{opacity:.7;margin-left:4px}.fillista li{border-bottom:1px solid var(--linje);grid-template-columns:48px 1fr 80px 80px 140px;align-items:center;gap:12px;padding:6px 8px;display:grid}.miniatyr{object-fit:cover;background:var(--yta);width:48px;height:48px;color:var(--dov);border-radius:6px;place-items:center;font-size:11px;display:grid}.meddelanden{flex-direction:column;gap:16px;display:flex}.meddelanden .tyst{color:var(--dov);margin:0}.kanaler{gap:4px;display:flex}.kanaler button{border:1px solid var(--linje);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px}.kanaler button.vald{background:var(--accent);border-color:var(--accent);color:var(--yta)}.medd-fel{align-items:center;gap:12px;display:flex}.medd-fel button{border:1px solid var(--linje);background:var(--yta);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px}.medd-lista{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.medd-lista li{display:flex}.medd-lista li.ut{justify-content:flex-end}.medd-lista .bubbla{white-space:normal;background:var(--yta);border:1px solid var(--linje);border-radius:12px;max-width:70%;padding:8px 12px;line-height:normal}.medd-lista li.ut .bubbla{background:color-mix(in srgb, var(--accent) 14%, var(--yta))}.medd-huvud{color:var(--dov);justify-content:space-between;gap:12px;font-size:12px;display:flex}.medd-huvud .motpart{font-weight:600}.medd-lista .bubbla p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.oversikt{flex-direction:column;gap:20px;max-width:760px;display:flex}.oversikt h1{margin:0 0 4px}.ruta{background:var(--yta);border:1px solid var(--linje);border-radius:12px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.ruta h2{margin:0;font-size:16px}.ruta p{margin:0}.banor{gap:32px;margin:0;display:flex}.banor div{flex-direction:column-reverse;display:flex}.banor dt{color:var(--dov);font-size:14px}.banor dd{margin:0;font-size:28px;font-weight:600}.ruta-lista{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ruta-rad{border:0;border-top:1px solid var(--linje);width:100%;color:var(--text);font:inherit;text-align:left;background:0 0;align-items:baseline;gap:12px;padding:8px 0;display:flex}.ruta-lista li:first-child>.ruta-rad,.ruta-lista li.ruta-rad:first-child{border-top:0}button.ruta-rad{cursor:pointer}button.ruta-rad:hover .ruta-titel{color:var(--accent)}.ruta-titel{flex:none;font-weight:600}.ruta-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ruta-rad>:last-child{flex:none;margin-left:auto;font-size:14px}.ruta-fot{justify-content:space-between;align-items:center;gap:12px;display:flex}.ruta-fot button,.ruta-lank{border:1px solid var(--linje);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;align-self:flex-start;padding:6px 12px}