*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Arial,sans-serif;background:#f4f5f7;color:#1c2128}.app{display:flex;min-height:100vh}:root{--guld: #a8763e;--guld-ljus: rgba(168,118,62,.14);--guld-svag: rgba(168,118,62,.09);--kol: #1a1a19;--text: #2b2b29;--text-svag: #6d6a64;--marmor-kant: #d5d0c9}.marmor,.sidebar{background:linear-gradient(116deg,#fff0 34%,#ffffff57,#fff0 56%),linear-gradient(74deg,#9e988f1a 18%,#fff0 32%),linear-gradient(98deg,#96908714 60%,#fff0 74%),linear-gradient(134deg,#ffffff4d 76%,#fff0 90%),radial-gradient(120% 55% at 18% 10%,#ffffff8c,#fff0 66%),radial-gradient(100% 50% at 88% 74%,#ffffff73,#fff0 62%),linear-gradient(162deg,#f2f1ee,#eae8e4 42%,#efedea 66%,#e6e3df);color:var(--text)}.marmor-rad{margin:-24px -24px 24px;padding:0 24px;display:flex;align-items:center;gap:4px;height:50px;font-size:14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;font-weight:600;border-bottom:1px solid var(--marmor-kant);box-shadow:0 1px 3px #0000000d}.marmor-flik{display:flex;align-items:center;height:100%;padding:0 18px;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--text-svag);text-decoration:none;font-size:14px;font-weight:400;cursor:pointer}.marmor-flik:hover{background:var(--guld-svag);color:var(--kol)}.marmor-flik.aktiv{background:var(--guld-ljus);color:var(--kol);font-weight:600;border-bottom-color:var(--guld)}.marmor-avdelare{width:1px;height:24px;background:var(--marmor-kant);margin:0 8px}.sidebar{width:162px;position:relative;padding:0 0 16px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #d5d0c9}.sidebar a{display:block;color:#4c4a45;text-decoration:none;padding:10px 10px 10px 11px;font-size:14px;border-left:3px solid transparent}.sidebar a:hover{background:#a8763e17;color:#1a1a19}.sidebar a.active{background:#a8763e24;color:#1a1a19;font-weight:600;border-left-color:#a8763e}.sidebar h1{position:relative;height:auto;margin:0 0 10px;padding:46px 0 16px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-bottom:1px solid rgba(168,118,62,.28)}.sidebar h1 img{width:100%;max-width:162px;height:auto;display:block}.sidebar-sub{display:block;font-size:11px;font-weight:400;color:#6d6a64;margin-top:2px}.content{flex:1;padding:24px;overflow-y:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #e5e7eb;font-size:13px}th{background:#eef1f4;font-weight:600}.card{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px #0000000f;overflow-x:visible}.app{min-width:max-content}.card>div[style*=overflow]{overflow-x:visible!important}.card>div.egen-skroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}[data-hjalp]{position:relative;cursor:help}h2[data-hjalp]:before,h3[data-hjalp]:before,h4[data-hjalp]:before{content:"?";display:inline-block;width:14px;height:14px;margin-right:7px;border:1px solid #c9c4bc;border-radius:50%;color:#8b877f;font-size:10px;font-weight:600;line-height:13px;text-align:center;vertical-align:2px}h2[data-hjalp]:hover:before,h3[data-hjalp]:hover:before,h4[data-hjalp]:hover:before{border-color:var(--guld);color:var(--guld)}[data-hjalp]:after{content:attr(data-hjalp);position:absolute;top:calc(100% + 6px);right:8px;z-index:40;width:max-content;max-width:280px;padding:7px 10px;background:#1a1a19;color:#f7f6f4;font-size:11px;font-weight:400;line-height:1.45;text-align:left;white-space:normal;border-radius:4px;box-shadow:0 2px 8px #00000038;opacity:0;pointer-events:none;transition:opacity .08s}[data-hjalp]:hover:after{opacity:1}th[data-hjalp]:first-child:after,th[data-hjalp]:nth-child(2):after,h2[data-hjalp]:after,h3[data-hjalp]:after,h4[data-hjalp]:after{right:auto;left:0}h2[data-hjalp]:after,h3[data-hjalp]:after,h4[data-hjalp]:after{max-width:420px}.filterrubrik{position:relative}.filterrubrik__val{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:104px;min-width:0;opacity:0;pointer-events:none;transition:opacity .1s}.filterrubrik:hover .filterrubrik__val,.filterrubrik:focus-within .filterrubrik__val{opacity:1;pointer-events:auto}.filterrubrik:hover .filterrubrik__varde,.filterrubrik:focus-within .filterrubrik__varde{opacity:0}button{background:#1a1a19;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:13px}button:hover{background:#a8763e}button:disabled{opacity:.35;cursor:not-allowed}button.secondary{background:#e5e7eb;color:#1c2128}input,select{padding:5px 8px;border:1px solid #d0d5dd;border-radius:4px;font-size:13px;width:100%;box-sizing:border-box}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.status-badge{padding:2px 8px;border-radius:12px;font-size:12px;color:#fff}.status-inmatt{background:#6b7280}.status-kalkylerad{background:#2563eb}.status-offererad{background:#7c3aed}.status-order{background:#d97706}.status-pagaende{background:#ea580c}.status-utford{background:#059669}.status-avslutad{background:#111827}.status-forlorad{background:#9ca3af}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:12px}.form-grid label{display:flex;flex-direction:column;font-size:12px;gap:4px;color:#4b5563}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.context-menu-item:hover{background:#f3f4f6}.tabs button.active{background:#a8763e}@media (max-width: 720px){.app{flex-direction:column}.sidebar{width:100%;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:8px;border-right:none;border-bottom:1px solid #d5d0c9}.sidebar h1{padding:4px 12px;border-bottom:none}.sidebar h1 img{max-width:108px}.content{padding:12px}.sidebar>div[style*="margin-top: auto"]{display:none}.sidebar a,button,select{min-height:44px}input,select,textarea{font-size:16px}.form-grid{grid-template-columns:1fr!important}table{font-size:13px}}@supports (padding: max(0px)){.app{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}.meny-vaxla{background:transparent;color:#6d6a64;border:none;cursor:pointer;font-size:12px}.meny-vaxla--i-sidan{position:absolute;right:6px;top:25px;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:0}.meny-vaxla--i-sidan:hover{color:#1a1a19;background:#a8763e1f}.meny-vaxla--flytande{position:fixed;top:25px;transform:translateY(-50%);left:12px;z-index:200;width:38px;height:38px;font-size:17px;line-height:1;border-radius:6px;border:1px solid #d5d0c9;background:#fff;color:#4c4a45;box-shadow:0 1px 3px #0000001f}.meny-vaxla--flytande:hover{background:#f7f6f4;color:#1a1a19}.app--meny-dold .sidebar{display:none}.app--meny-dold .content{padding-left:58px}@media (max-width: 720px){.meny-vaxla--i-sidan{position:static;transform:none}.meny-vaxla--flytande{top:12px;transform:none}.app--meny-dold .content{padding-left:12px;padding-top:58px}}