/* Hugin — gemensam CSS */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Helvetica,Arial,sans-serif;background:#fafaf8;color:#141210;line-height:1.5;display:flex;visibility:hidden;min-height:100vh}

/* Sidebar */
.sidebar{width:220px;background:#fff;border-right:1px solid #e8e8e8;position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:50}
.sidebar-brand{padding:20px 20px 28px;display:flex;align-items:center;gap:10px}
.sidebar-brand-dot{width:10px;height:10px;border-radius:50%;background:#FFA047}
.sidebar-brand-name{font-family:'Crimson Pro',Georgia,serif;font-size:17px;font-weight:700;color:#141210}
.sidebar-nav{flex:1;overflow-y:auto}
.sidebar-nav a{display:block;padding:10px 20px;font-size:13px;color:#888;text-decoration:none;border-left:3px solid transparent;transition:all .15s}
.sidebar-nav a:hover{color:#141210;background:#fafafa}
.sidebar-nav a.active{background:rgba(255,160,71,0.08);color:#FFA047;border-left-color:#FFA047;font-weight:500}
.sidebar-footer{padding:16px 20px;border-top:1px solid #f0f0f0;font-size:11px;color:#ccc}

/* Main */
.main{margin-left:220px;flex:1;min-height:100vh;padding:32px 24px}
.container{max-width:1100px;margin:0 auto}
h1{font-family:'Crimson Pro',Georgia,serif;font-size:28px;font-weight:700;margin-bottom:4px}
h2{font-family:'Crimson Pro',Georgia,serif;font-size:20px;font-weight:600;margin-bottom:16px}
.subtitle{color:#999;font-size:13px;margin-bottom:32px}

/* Skal — tomma ytor */
.skal{display:flex;align-items:center;justify-content:center;min-height:400px;color:#ccc;font-size:14px}

/* Livscykel-zoner */
.lifecycle{display:flex;align-items:stretch;gap:0;margin-bottom:40px;flex-wrap:wrap}
.zone{flex:1;min-width:200px}
.zone-label{font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#aaa;margin-bottom:10px}
.zone-pipeline .zone-label{color:#141210}
.zone-bas .zone-label{color:#FFA047}
.stages{display:flex;gap:8px;flex-wrap:wrap}
.stage{background:#fff;border:0.5px solid #e5e7eb;border-radius:0 10px 0 10px;padding:16px 20px;flex:1;min-width:110px;position:relative}
.stage-val{font-size:28px;font-weight:700;color:#141210;line-height:1.1}
.stage-sub{font-size:11px;color:#999;margin-top:2px}
.stage-label{font-size:12px;font-weight:600;color:#888;margin-top:6px}
.zone-bas .stage{border-color:rgba(255,160,71,0.3);background:rgba(255,160,71,0.04)}
.zone-bas .stage-val{color:#FFA047}
.bridge{display:flex;align-items:center;justify-content:center;padding:0 12px;min-width:48px;align-self:center}
.bridge svg{flex-shrink:0}

/* Inbjudningsko */
.inbjudningsko{margin-bottom:40px;padding:20px 24px;background:#f5f5f3;border:1px dashed #ddd;border-radius:0 10px 0 10px}
.inbjudningsko-label{font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#bbb;margin-bottom:8px}
.inbjudningsko-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.inbjudningsko-val{font-size:28px;font-weight:700;color:#bbb;line-height:1.1}
.inbjudningsko-desc{font-size:13px;color:#aaa}

/* Tabell */
.section-label{font-size:10px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#aaa;margin-bottom:12px;margin-top:8px}
.table-wrap{overflow-x:auto;margin-bottom:24px}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;color:#aaa;letter-spacing:0.04em;text-transform:uppercase;border-bottom:2px solid #f0f0f0;cursor:pointer;white-space:nowrap;user-select:none}
th:hover{color:#141210}
th.sorted-asc::after{content:' \25B2';color:#FFA047}
th.sorted-desc::after{content:' \25BC';color:#FFA047}
td{padding:10px 12px;border-bottom:1px solid #f5f5f3}
tr:hover td{background:#faf8f5}
.namn-cell{font-weight:600;color:#141210}
.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}
.tag-orange{background:rgba(255,160,71,0.12);color:#FFA047}
.tag-muted{background:#f5f5f3;color:#bbb}
.empty-row{text-align:center;padding:40px;color:#aaa;font-size:14px}
.historik-list{font-size:11px;color:#888;margin-top:2px}

@media(max-width:768px){
  .sidebar{display:none}
  .main{margin-left:0}
}