:root{font-family:Inter,system-ui,-apple-system,Arial,sans-serif;color:#19302d;background:#f4f7f5;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{border:1px solid #cbd7d3;border-radius:11px;padding:12px;background:white;width:100%;color:#162f2b}textarea{min-height:95px;resize:vertical}label{font-weight:650;font-size:13px;display:block;margin:12px 0 5px}.shell{display:flex;min-height:100dvh}.side{width:238px;background:#173a35;color:#eaf5ee;padding:24px 12px;position:sticky;top:0;height:100dvh}.logo{font-weight:800;font-size:19px;padding:8px 12px 20px}.nav{display:block;width:100%;border-radius:10px;background:none;color:#dbe9e4;padding:12px;text-align:left;margin:2px 0}.nav.active,.nav:hover{background:#315b51;color:white}.content{flex:1;min-width:0;max-width:1250px;margin:auto;padding:28px 36px 85px}.content h1{font-size:clamp(24px,3vw,33px);letter-spacing:-.7px;margin:0 0 4px}.muted{color:#6c807a}.sub{margin:0 0 22px}.card{background:white;border:1px solid #e0e8e4;border-radius:16px;padding:20px;margin:14px 0;box-shadow:0 2px 10px #163d3106}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.btn{background:#176d58;color:white;border-radius:11px;padding:11px 15px;font-weight:650}.btn.secondary{background:#edf3f0;color:#235449}.btn.ghost{background:transparent;color:#235449}.btn.danger{background:#fff0ed;color:#a93626}.tiny{font-size:12px}.pill{font-size:12px;background:#ebf3ef;padding:5px 9px;border-radius:30px;display:inline-block}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.box{max-width:640px}.task{border-left:4px solid #1e8a68}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tabs button{padding:9px 14px;border-radius:50px;background:#e9efeb;color:#30584d}.tabs button.active{background:#176d58;color:white}.modalbg{position:fixed;inset:0;background:#091e1aad;display:grid;place-items:center;z-index:40;padding:15px}.modal{background:#fff;border-radius:22px;max-width:550px;width:100%;padding:25px;max-height:90dvh;overflow:auto}.bottom{display:none}.floating{position:fixed;right:20px;bottom:22px;z-index:30;border-radius:50px;background:#176d58;color:white;padding:15px 23px;box-shadow:0 8px 30px #173a3550}.split{display:grid;grid-template-columns:minmax(230px,1fr) minmax(350px,2fr);gap:15px}.msg{border-radius:11px;background:#f0f6f3;padding:10px 12px;margin:10px 0;white-space:pre-wrap}.msg.me{background:#ddf1e6}.badge{font-size:12px;color:#62776f}.docpreview{background:white;min-height:180px;padding:18px;border:1px solid #ddd}.focus{position:fixed;inset:0;z-index:25;background:#f8fbf8;padding:8vh min(6vw,45px);overflow:auto}.focus .inner{max-width:640px;margin:auto}.clock{font-size:55px;font-variant-numeric:tabular-nums;font-weight:700;color:#176d58}.thumb{width:100%;height:135px;object-fit:contain;background:#f2f5f4;border-radius:10px}.filetile{padding:12px;border:1px solid #e2e9e5;border-radius:13px;min-width:0;overflow-wrap:anywhere}small{color:#63776e}.notice{background:#fff3d9;border-radius:12px;padding:12px;font-size:13px}.error{background:#ffe4df;color:#a22d20;padding:12px;border-radius:10px;margin-bottom:14px}.success{background:#e0f5eb;color:#176d58;padding:12px;border-radius:10px;margin-bottom:14px}a{color:#176d58}hr{border:0;border-top:1px solid #e4eae7;margin:18px 0}@media(max-width:760px){.side{display:none}.content{padding:20px 15px 100px}.bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #e2e8e4;padding:7px 2px calc(7px + env(safe-area-inset-bottom));z-index:15}.bottom button{background:none;font-size:11px;color:#5c7168;padding:7px 0}.bottom button.active{color:#146b55;font-weight:800}.floating{display:none}.split{grid-template-columns:1fr}.card{padding:16px}.focus{padding:45px 17px}.clock{font-size:45px}}

/* Vue host does not affect native mobile-first layout */
.erp-vue-host{min-height:100dvh}

/* Oppgaver v2 */
.inlinecheck{display:flex;align-items:center;gap:10px;padding:8px 0}.inlinecheck input{width:20px;height:20px;flex:none}.taskdetail{max-height:70dvh;overflow:auto}.taskdetail h3{margin:25px 0 8px}.taskdetail .history{border-left:2px solid #e4eae7;padding-left:12px}.sortbuttons{display:flex;flex-direction:column;gap:8px}.sortbuttons button{border-radius:8px;padding:10px;background:#e5eee9}.pill.urgent{color:#a32118;background:#ffe7e3}.modal{max-width:720px}.focus .notice{margin-bottom:20px}details{margin:18px 0;padding:12px;border:1px solid #e0e8e4;border-radius:12px}summary{font-weight:700;cursor:pointer}#urgent-warning{border:2px solid #b53629}

.image-album{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px}.album-item{display:flex;flex-direction:column;gap:5px;min-width:0;text-decoration:none}.album-item img{width:100%;height:125px;object-fit:cover;border-radius:10px}.album-item strong{overflow-wrap:anywhere;font-size:12px}.album-item small{color:#64756e}.document-list{display:grid;gap:8px}.document-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ddd;border-radius:10px;text-decoration:none}.document-row span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;overflow-wrap:anywhere}.document-row small{font-size:12px;color:#64756e}.file-icon{font-size:25px}.focus .inner{overflow-y:auto;max-height:100dvh;padding-bottom:60px}.focus .inner .image-album{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}