/* Mina Sidor (spelare/tomtägare). Scopad: body.mina = inloggad vy, body.mina-public = publik vy */
/* ===== mina_sidor/_base.html ===== */
body.mina{
      --bg: #f4f7fb;
      --surface: #ffffff;
      --surface-soft: #f6f8fc;
      --border: #d9dfe9;
      --ink: #1f1a17;
      --muted: #64748b;
      --primary: #43577e;
      --primary-2: #34466a;
      --shadow: 0 14px 40px rgba(15,23,42,.08);
      --shadow-soft: 0 8px 24px rgba(15,23,42,.05);
      --radius-xl: 26px;
      --radius-lg: 18px;
      --radius-md: 14px;
    }
body.mina *, body.mina-public *{box-sizing:border-box}
body.mina{
      margin:0;
      min-height:100vh;
      color:var(--ink);
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background:
        radial-gradient(circle at top left, rgba(67,87,126,.08), transparent 26%),
        radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 24%),
        linear-gradient(180deg, #fbfdff 0%, var(--bg) 100%);
    }
body.mina a, body.mina-public a{color:var(--primary)}
body.mina .topbar{
      position: sticky;
      top:0;
      z-index:100;
      background: rgba(255,255,255,.94);
      backdrop-filter: blur(12px);
      border-bottom:1px solid rgba(219,228,238,.95);
      box-shadow: 0 8px 28px rgba(15,23,42,.06);
    }
body.mina .topbar-inner{
      max-width: 1480px;
      margin:0 auto;
      padding: 14px 22px;
      display:flex;
      align-items:center;
      flex-wrap:nowrap;
      gap:22px;
      justify-content:space-between;
    }
body.mina .brand{
      display:flex;
      align-items:center;
      text-decoration:none;
      color:var(--ink);
      flex:none;
    }
body.mina .brand-mark{
      width:250px;height:68px;border-radius:18px;
      display:grid;place-items:center;
      background:#fff;
      border:1px solid var(--border);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
      overflow:hidden;
      flex:none;
    }
body.mina .brand-mark img{
      width:100%;
      height:100%;
      object-fit:contain;
      padding:0;
      display:block;
      max-width:100%;
      max-height:100%;
    }
body.mina .topnav{
      display:flex;
      align-items:center;
      gap:14px;
      flex-wrap:wrap;
      justify-content:flex-end;
      margin-left:auto;
      min-width:0;
      overflow:visible;
      flex:1 1 auto;
    }
body.mina .nav-dropdown{flex:none;position:relative}
body.mina .nav-pill, body.mina .nav-primary{
      display:inline-flex;
      align-items:center;
      gap:8px;
      border-radius:999px;
      padding:13px 18px;
      text-decoration:none;
      font-size:.95rem;
      font-weight:700;
      transition:.16s ease;
      white-space:nowrap;
    }
body.mina .nav-pill{
      color:var(--ink);
      background:#fff;
      border:1px solid var(--border);
    }
body.mina .nav-pill:hover{background:#f6f8fc;color:var(--primary)}
body.mina .nav-primary{
      color:#fff;
      background:linear-gradient(135deg,var(--primary),#5f78a6);
      border:1px solid rgba(67,87,126,.18);
      box-shadow: 0 10px 22px rgba(67,87,126,.18);
    }
body.mina .nav-primary:hover{color:#fff;transform:translateY(-1px)}
body.mina .nav-dropdown .dropdown-toggle::after{margin-left:.45rem}
body.mina .dropdown-menu{
      border:1px solid var(--border);
      box-shadow: var(--shadow);
      border-radius: 16px;
      padding:.55rem;
      min-width: 280px;
      z-index: 2000;
      margin-top: .9rem;
    }
body.mina .dropdown-item{
      border-radius: 12px;
      padding: .75rem .85rem;
      display:flex;
      align-items:center;
      gap:10px;
      font-weight:600;
    }
body.mina .dropdown-item small{display:block;color:var(--muted);font-weight:500}
body.mina .dropdown-item:hover, body.mina-public .dropdown-item:hover{background:#eef5ff}
body.mina .profile-chip{
      display:flex;
      align-items:center;
      gap:10px;
      padding-left:14px;
      margin-left:4px;
      border-left:1px solid var(--border);
      color:var(--ink);
      min-width: 160px;
      flex:none;
    }
body.mina .profile-menu{
      display:flex;
      align-items:center;
      gap:0;
      margin-left:6px;
      flex:none;
    }
body.mina .profile-toggle{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid transparent;
      background:transparent;
      color:var(--ink);
      text-decoration:none;
      font-weight:700;
      white-space:nowrap;
      cursor:pointer;
    }
body.mina .profile-toggle:hover{background:#f6f8fc;border-color:var(--border)}
body.mina .profile-menu .dropdown-menu{min-width:220px}
body.mina .beta-chip{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:5px 10px;
      border-radius:999px;
      background:#eef1f7;
      color:#34466a;
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.04em;
      text-transform:uppercase;
      white-space:nowrap;
    }
body.mina .hero-avatar-lg{width:60px;height:60px}
body.mina .hero-note{
      background:rgba(255,255,255,.10);
      border:1px solid rgba(255,255,255,.12);
      border-radius:24px;
      padding:18px 20px;
      margin-top:18px;
    }
body.mina .hero-note-title{
      font-size:1.2rem;
      font-weight:900;
      margin:0 0 .35rem;
    }
body.mina .hero-note-body{margin:0;color:rgba(255,255,255,.82)}
body.mina .quick-link{
      color:var(--ink);
      background:#f6f8fc;
      border:1px solid var(--border);
      border-radius:24px;
      padding:16px 18px;
      display:flex;
      align-items:center;
      gap:12px;
      text-decoration:none;
      transition:.16s ease;
    }
body.mina .quick-link:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
body.mina .quick-link-title{font-weight:900;color:var(--ink)}
body.mina .quick-link-sub{color:var(--muted);font-size:.78rem}
body.mina .quick-arrow{color:var(--muted)}
body.mina .summary-item{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:10px 12px;
      border-radius:18px;
      background:#f6f8fc;
      border:1px solid #e1e7f1;
    }
body.mina .summary-title{font-weight:800}
body.mina .summary-sub{font-size:.75rem;color:var(--muted)}
body.mina .page-title-sm{font-size:1.5rem!important}
body.mina .prewrap{white-space:pre-wrap}
body.mina .content-wide{max-width:720px}
body.mina .timeline-bullet{
      width:44px;height:44px;border-radius:16px;
      display:grid;place-items:center;
      background:#e9edf6;color:var(--primary);
      box-shadow:0 8px 18px rgba(67,87,126,.12);
      flex:none;
    }
body.mina .profile-avatar{
      width:36px;height:36px;border-radius:50%;
      overflow:hidden;
      background: linear-gradient(135deg,#34466a,#8ea4c8);
      color:#fff;
      display:grid;place-items:center;
      flex:none;
      box-shadow: 0 8px 18px rgba(67,87,126,.18);
    }
body.mina .profile-avatar img{width:100%;height:100%;object-fit:cover}
body.mina .profile-name{font-weight:800;font-size:.88rem;line-height:1}
body.mina .profile-role{font-size:.72rem;color:var(--muted)}
body.mina .shell{
      max-width: 1260px;
      margin:0 auto;
      padding: 18px 18px 56px;
    }
body.mina .page-head{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius-xl);
      box-shadow: var(--shadow-soft);
      padding: 22px;
      margin-bottom: 18px;
    }
body.mina .page-kicker{
      color:var(--muted);
      text-transform:uppercase;
      letter-spacing:.12em;
      font-size:.72rem;
      font-weight:800;
      margin-bottom:8px;
    }
body.mina .page-title{margin:0;font-size:1.65rem;font-weight:900}
body.mina .page-subtitle{margin:.35rem 0 0;color:var(--muted)}
body.mina .page-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
body.mina .page-actions .btn{
      border-radius:999px;
      font-weight:700;
      padding:.72rem 1rem;
    }
body.mina .content{display:block}
body.mina .panel, body.mina .card-soft{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius-lg);
      box-shadow: var(--shadow-soft);
    }
body.mina .panel-pad{padding:22px}
body.mina .back-link{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--muted);
      text-decoration:none;
      font-size:.88rem;
      font-weight:650;
      margin-bottom:14px;
    }
body.mina .back-link:hover{color:var(--primary)}
body.mina .section-title{
      display:flex;
      align-items:center;
      gap:8px;
      font-size:.82rem;
      font-weight:850;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:var(--muted);
      margin-bottom:14px;
    }
body.mina .section-title i{color:var(--primary)}
body.mina .badge-status{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      padding:4px 12px;
      font-size:.74rem;
      font-weight:800;
    }
body.mina .status-initierad, body.mina .status-inskickat, body.mina .status-väntar, body.mina .status-under_handläggning, body.mina .status-under_granskning{background:#e0f2fe;color:#075985}
body.mina .status-godkänd, body.mina .status-löst{background:#dcfce7;color:#166534}
body.mina .status-nekad, body.mina .status-avvisat, body.mina .status-avslag{background:#fee2e2;color:#991b1b}
body.mina .status-kompletting_krävs{background:#ffedd5;color:#9a3412}
body.mina .hero-card{
      background:linear-gradient(135deg,#0b1f44 0%, #34466a 55%, #8ea4c8 100%);
      color:#fff;
      border-radius:var(--radius-xl);
      box-shadow: var(--shadow);
      padding:28px;
      overflow:hidden;
      position:relative;
    }
body.mina .hero-card::after{
      content:"";
      position:absolute;
      right:-88px;top:-60px;
      width:240px;height:240px;border-radius:50%;
      background:rgba(255,255,255,.05);
    }
body.mina .hero-inner{position:relative;z-index:1}
body.mina .hero-eyebrow{
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:rgba(255,255,255,.62);
      margin-bottom:8px;
    }
body.mina .hero-title{font-size:1.95rem;font-weight:900;line-height:1.08;margin:0 0 8px}
body.mina .hero-sub{margin:0;color:rgba(255,255,255,.78)}
body.mina .hero-quick{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
      gap:12px;
      margin-top:18px;
    }
body.mina .quick-card{
      text-decoration:none;
      color:#fff;
      background:rgba(255,255,255,.09);
      border:1px solid rgba(255,255,255,.12);
      border-radius:22px;
      padding:16px 18px;
      display:flex;
      align-items:center;
      gap:12px;
      transition:.16s ease;
    }
body.mina .quick-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.16);color:#fff}
body.mina .quick-ico{
      width:46px;height:46px;border-radius:16px;flex:none;
      display:grid;place-items:center;
      background:rgba(255,255,255,.12);
    }
body.mina .quick-ico.blue{background:rgba(67,87,126,.28)}
body.mina .quick-ico.amber{background:rgba(245,158,11,.25)}
body.mina .quick-ico.rose{background:rgba(244,63,94,.25)}
body.mina .quick-title{font-weight:850;font-size:.92rem}
body.mina .quick-sub{font-size:.76rem;color:rgba(255,255,255,.64)}
body.mina .mini-stat{
      display:flex;align-items:center;gap:12px;
      padding:18px 20px;border-radius:22px;
      background:var(--surface);
      border:1px solid var(--border);
      box-shadow: var(--shadow-soft);
    }
body.mina .mini-stat-ico{
      width:48px;height:48px;border-radius:16px;flex:none;
      display:grid;place-items:center;color:#fff;font-size:1.05rem;
    }
body.mina .blue{background:linear-gradient(135deg,#34466a,#8ea4c8)}
body.mina .amber{background:linear-gradient(135deg,#b45309,#f59e0b)}
body.mina .rose{background:linear-gradient(135deg,#be123c,#f43f5e)}
body.mina .mini-stat-val{font-size:1.4rem;font-weight:900;line-height:1}
body.mina .mini-stat-lbl{font-size:.78rem;color:var(--muted)}
body.mina .plot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
body.mina .plot-card{
      text-decoration:none;color:inherit;
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius-lg);
      box-shadow: var(--shadow-soft);
      padding:20px;
      display:flex;
      flex-direction:column;
      gap:12px;
      transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    }
body.mina .plot-card:hover{
      transform: translateY(-2px);
      box-shadow: var(--shadow);
      border-color: rgba(67,87,126,.22);
      color:inherit;
    }
body.mina .plot-card-top{display:flex;align-items:center;justify-content:space-between}
body.mina .plot-card-icon{
      width:46px;height:46px;border-radius:16px;flex:none;
      display:grid;place-items:center;color:#fff;
      background:linear-gradient(135deg,#34466a,#8ea4c8);
      box-shadow: 0 8px 18px rgba(67,87,126,.24);
    }
body.mina .plot-card-name{font-size:1.05rem;font-weight:900}
body.mina .plot-card-street{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.85rem;margin-top:-6px}
body.mina .plot-card-meta{
      display:grid;grid-template-columns:1fr 1fr;gap:10px;
      padding:12px 0;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;
    }
body.mina .pcm-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:800;margin-bottom:2px}
body.mina .pcm-value{font-size:.95rem;font-weight:800}
body.mina .plot-card-footer{
      margin-top:auto;
      display:flex;align-items:center;gap:6px;
      color:var(--primary);font-weight:800;font-size:.84rem;
    }
body.mina .detail-header{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius-lg);
      box-shadow: var(--shadow-soft);
      padding:18px 20px;
      display:flex;align-items:center;gap:14px;
    }
body.mina .detail-header-icon{
      width:50px;height:50px;border-radius:16px;flex:none;
      display:grid;place-items:center;color:#fff;
      background:linear-gradient(135deg,#34466a,#8ea4c8);
      box-shadow: 0 8px 18px rgba(67,87,126,.24);
    }
body.mina .detail-header-street{color:var(--muted);font-size:.88rem;display:flex;align-items:center;gap:6px;margin-top:4px}
body.mina .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
body.mina .empty-state{display:grid;place-items:center;text-align:center;padding:34px 18px}
body.mina .empty-icon{
      width:56px;height:56px;border-radius:50%;
      display:grid;place-items:center;
      background:#e9edf6;color:var(--primary);
      font-size:1.35rem;margin-bottom:14px;
    }
body.mina .empty-inline{
      display:flex;align-items:center;gap:8px;
      color:var(--muted);font-size:.9rem;padding:10px 0;
    }
body.mina .owner-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f7}
body.mina .owner-list li:last-child{border-bottom:none}
body.mina .owner-avatar{
      width:34px;height:34px;border-radius:50%;flex:none;
      display:grid;place-items:center;
      background:#e9edf6;color:var(--primary);
    }
body.mina .note-list li, body.mina .timeline li{
      display:flex;align-items:flex-start;gap:10px;
      padding:10px 0;border-bottom:1px solid #eef2f7;
    }
body.mina .note-list li:last-child, body.mina .timeline li:last-child{border-bottom:none}
body.mina .note-dot, body.mina .timeline-dot{
      width:8px;height:8px;border-radius:50%;flex:none;
      background:var(--primary);
      margin-top:7px;
    }
body.mina .timeline-dot{background:#cbd5e1}
body.mina .comment-thread{display:flex;flex-direction:column;gap:12px}
body.mina .comment-bubble{
      max-width:min(780px, 85%);
      padding:14px 16px;border-radius:20px;font-size:.92rem;
      border:1px solid var(--border);
      box-shadow: 0 6px 16px rgba(15,23,42,.04);
    }
body.mina .comment-mine{align-self:flex-end;background:#dfe6f1;color:#243152;border-bottom-right-radius:5px}
body.mina .comment-admin{align-self:flex-start;background:#f8fafc;color:#1f1a17;border-bottom-left-radius:5px}
body.mina .comment-meta{font-size:.72rem;opacity:.68;margin-top:4px}
body.mina .notif-list{display:flex;flex-direction:column;gap:12px}
body.mina .notif-item{
      display:flex;gap:14px;align-items:flex-start;
      background:var(--surface);border:1px solid var(--border);
      border-radius:24px;padding:18px 20px;box-shadow:var(--shadow-soft);
    }
body.mina .notif-item.notif-unread{border-color:rgba(67,87,126,.24);background:#f6f8fc}
body.mina .notif-icon{
      width:44px;height:44px;border-radius:16px;flex:none;
      display:grid;place-items:center;font-size:1rem;
    }
body.mina .notif-success .notif-icon{background:#dcfce7;color:#16a34a}
body.mina .notif-warning .notif-icon{background:#fef3c7;color:#d97706}
body.mina .notif-info .notif-icon{background:#e0f2fe;color:#43577e}
body.mina .notif-title{font-weight:800;color:var(--ink)}
body.mina .notif-message{font-size:.9rem;color:#475569;margin:4px 0 6px}
body.mina .notif-time{font-size:.74rem;color:#94a3b8}
body.mina .notif-dot{
      width:8px;height:8px;border-radius:50%;
      background:var(--primary);flex:none;margin-top:4px;
    }
body.mina .help-card{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:24px;
      box-shadow:var(--shadow-soft);
      padding:20px;
      height:100%;
    }
body.mina .help-icon{
      width:46px;height:46px;border-radius:16px;
      display:grid;place-items:center;
      background:#e9edf6;color:var(--primary);
      font-size:1.05rem;
      margin-bottom:12px;
    }
body.mina .help-title{font-weight:900;margin-bottom:6px}
body.mina .help-text{color:var(--muted);font-size:.92rem;margin:0}
body.mina .timeline{
      position:relative;
      display:flex;
      flex-direction:column;
      gap:14px;
      padding-left:18px;
    }
body.mina .timeline::before{
      content:"";
      position:absolute;
      left:8px;
      top:2px;
      bottom:2px;
      width:2px;
      background:linear-gradient(180deg, rgba(67,87,126,.35), rgba(67,87,126,.08));
    }
body.mina .timeline-item{
      position:relative;
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:24px;
      box-shadow:var(--shadow-soft);
      padding:16px 18px;
    }
body.mina .timeline-item::before{
      content:"";
      position:absolute;
      left:-22px;
      top:22px;
      width:12px;
      height:12px;
      border-radius:50%;
      background:#fff;
      border:3px solid var(--primary);
      box-shadow:0 0 0 4px rgba(67,87,126,.08);
    }
body.mina .timeline-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }
body.mina .timeline-chip{
      display:inline-flex;
      align-items:center;
      padding:5px 10px;
      border-radius:999px;
      background:#eef1f7;
      color:#34466a;
      font-size:.72rem;
      font-weight:800;
      white-space:nowrap;
    }
body.mina .section-tabs{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:18px;
    }
body.mina .section-tab{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:13px 18px;
      border-radius:999px;
      border:1px solid var(--border);
      background:#fff;
      color:var(--muted);
      text-decoration:none;
      font-weight:800;
      box-shadow: var(--shadow-soft);
      transition:.16s ease;
    }
body.mina .section-tab:hover{transform:translateY(-1px);color:var(--primary)}
body.mina .section-tab.active{
      color:var(--primary);
      border-color:rgba(67,87,126,.28);
      background:#eef1f7;
    }
body.mina .info-hero{
      background:
        radial-gradient(circle at top right, rgba(67,87,126,.15), transparent 24%),
        linear-gradient(135deg,#ffffff 0%, #f6f8fc 100%);
      border:1px solid var(--border);
      border-radius:var(--radius-xl);
      box-shadow: var(--shadow-soft);
      padding:28px;
      position:relative;
      overflow:hidden;
    }
body.mina .info-hero::after{
      content:"";
      position:absolute;
      right:-88px;
      top:-86px;
      width:240px;
      height:240px;
      border-radius:50%;
      background:rgba(67,87,126,.06);
    }
body.mina .info-hero-inner{position:relative;z-index:1;display:grid;gap:16px}
body.mina .info-badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:6px 10px;
      border-radius:999px;
      background:#eef1f7;
      color:#34466a;
      font-size:.74rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
      width:fit-content;
    }
body.mina .info-title{margin:0;font-size:2rem;font-weight:950;line-height:1.08}
body.mina .info-sub{margin:0;color:var(--muted);max-width:760px}
body.mina .info-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.mina .feature-card{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:24px;
      box-shadow:var(--shadow-soft);
      padding:20px;
      height:100%;
    }
body.mina .feature-icon{
      width:48px;height:48px;border-radius:18px;
      display:grid;place-items:center;
      background:#e9edf6;
      color:var(--primary);
      font-size:1.05rem;
      margin-bottom:12px;
    }
body.mina .feature-title{font-weight:900;margin-bottom:8px}
body.mina .feature-text{margin:0;color:var(--muted)}
body.mina .service-list{display:grid;gap:12px}
body.mina .service-item, body.mina-public .service-item{
      display:flex;
      gap:14px;
      align-items:flex-start;
      background:#fff;
      border:1px solid var(--border);
      border-radius:20px;
      padding:16px 18px;
      box-shadow:var(--shadow-soft);
    }
body.mina .service-mark{
      width:40px;
      height:40px;
      border-radius:14px;
      flex:none;
      display:grid;
      place-items:center;
      background:#eef1f7;
      color:var(--primary);
    }
body.mina .service-title{font-weight:850;margin-bottom:4px}
body.mina .service-text{color:var(--muted);margin:0}
body.mina .cta-panel, body.mina-public .cta-panel{
      background:linear-gradient(135deg,#1f1a17 0%, #34466a 55%, #8ea4c8 100%);
      color:#fff;
      border-radius:var(--radius-xl);
      padding:24px;
      box-shadow:var(--shadow);
      overflow:hidden;
      position:relative;
    }
body.mina .cta-panel::after{
      content:"";
      position:absolute;
      right:-66px;
      top:-56px;
      width:180px;
      height:180px;
      border-radius:50%;
      background:rgba(255,255,255,.08);
    }
body.mina .cta-panel-inner{position:relative;z-index:1}
body.mina .cta-panel h2, body.mina .cta-panel h3{margin:0 0 10px;font-weight:900}
body.mina .cta-panel p{margin:0;color:rgba(255,255,255,.8)}
body.mina .cta-panel .btn{
      border-radius:999px;
      font-weight:800;
      padding:.78rem 1.15rem;
    }
body.mina .muted-pill{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:6px 10px;
      border-radius:999px;
      background:#f6f8fc;
      border:1px solid var(--border);
      color:var(--muted);
      font-size:.76rem;
      font-weight:800;
      width:fit-content;
    }
body.mina .cta-badge{
      background:rgba(255,255,255,.12);
      color:#fff;
      border:1px solid rgba(255,255,255,.16);
    }
body.mina .timeline-title{font-weight:900}
body.mina .timeline-meta{color:var(--muted);font-size:.8rem;margin-top:4px}
body.mina .timeline-body{margin-top:10px;color:var(--ink)}
body.mina .topnav-mobile, body.mina-public .topnav-mobile{display:none}
@media (max-width: 992px){body.mina .topbar-inner{flex-wrap:wrap}
body.mina .brand{min-width:auto}
body.mina .brand-mark{width:210px;height:58px}
body.mina .profile-chip{border-left:none;padding-left:0;margin-left:0}
body.mina .profile-menu{margin-left:0}
body.mina .topnav{justify-content:flex-start;flex-wrap:wrap;overflow:visible;flex:1 1 100%}
body.mina .info-grid-2{grid-template-columns:1fr}}
@media (max-width: 768px){body.mina .shell{padding:12px 12px 40px}
body.mina .page-head{padding:18px}
body.mina .page-title{font-size:1.45rem}
body.mina .topnav{display:none}
body.mina .topnav-mobile{display:block;width:100%}
body.mina .hero-title{font-size:1.55rem}
body.mina .brand-mark{width:184px;height:50px}
body.mina .info-title{font-size:1.6rem}}

/* ===== mina_sidor/_public_base.html ===== */
body.mina-public{
      --bg:#f4f7fb; --surface:#fff; --border:#d9dfe9; --ink:#1f1a17; --muted:#64748b;
      --primary:#43577e; --shadow:0 14px 40px rgba(15,23,42,.08); --shadow-soft:0 8px 24px rgba(15,23,42,.05);
      --radius-xl:26px; --radius-lg:18px;
    }
body.mina-public{
      margin:0; min-height:100vh; color:var(--ink);
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: radial-gradient(circle at top left, rgba(67,87,126,.08), transparent 26%), linear-gradient(180deg,#fbfdff 0%, var(--bg) 100%);
    }
body.mina-public .topbar{
      position:sticky; top:0; z-index:100;
      background:rgba(255,255,255,.96); backdrop-filter:blur(12px);
      border-bottom:1px solid rgba(219,228,238,.95); box-shadow:0 8px 28px rgba(15,23,42,.06);
    }
body.mina-public .topbar-inner{
      max-width:1480px; margin:0 auto; padding:14px 22px; display:flex; align-items:center; gap:18px; justify-content:space-between;
    }
body.mina-public .brand-mark{
      width:250px; height:68px; border-radius:18px; overflow:hidden; border:1px solid var(--border); background:#fff;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    }
body.mina-public .brand-mark img{width:100%; height:100%; object-fit:contain; display:block}
body.mina-public .nav-shell{display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:flex-end; margin-left:auto}
body.mina-public .nav-pill, body.mina-public .nav-primary{
      display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:13px 18px; text-decoration:none; font-weight:800; white-space:nowrap;
    }
body.mina-public .nav-pill{background:#fff; border:1px solid var(--border); color:var(--ink)}
body.mina-public .nav-pill:hover{background:#f6f8fc; color:var(--primary)}
body.mina-public .nav-primary{background:linear-gradient(135deg,var(--primary),#5f78a6); color:#fff; border:1px solid rgba(67,87,126,.18); box-shadow:0 10px 22px rgba(67,87,126,.18)}
body.mina-public .nav-primary:hover{color:#fff}
body.mina-public .dropdown-menu{
      border:1px solid var(--border); box-shadow:var(--shadow); border-radius:16px; padding:.55rem; min-width:280px; z-index:2000; margin-top:.9rem;
    }
body.mina-public .dropdown-item{border-radius:12px; padding:.75rem .85rem; display:flex; gap:10px; align-items:center; font-weight:600}
body.mina-public .dropdown-item small{display:block; color:var(--muted); font-weight:500}
body.mina-public .shell{max-width:1260px; margin:0 auto; padding:18px 18px 56px}
body.mina-public .section-tabs{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:18px}
body.mina-public .section-tab{
      display:inline-flex; align-items:center; gap:10px; padding:13px 18px; border-radius:999px;
      border:1px solid var(--border); background:#fff; color:var(--muted); text-decoration:none; font-weight:800; box-shadow:var(--shadow-soft)
    }
body.mina-public .section-tab.active{color:var(--primary); border-color:rgba(67,87,126,.28); background:#eef1f7}
body.mina-public .info-hero{
      background:linear-gradient(135deg,#ffffff 0%, #f6f8fc 100%); border:1px solid var(--border); border-radius:var(--radius-xl);
      box-shadow:var(--shadow-soft); padding:28px; position:relative; overflow:hidden;
    }
body.mina-public .info-hero::after{content:""; position:absolute; right:-88px; top:-86px; width:240px; height:240px; border-radius:50%; background:rgba(67,87,126,.06)}
body.mina-public .info-hero-inner{position:relative; z-index:1; display:grid; gap:16px}
body.mina-public .info-badge, body.mina-public .muted-pill{
      display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; font-size:.76rem; font-weight:800; width:fit-content;
    }
body.mina-public .info-badge{background:#eef1f7; color:#34466a; text-transform:uppercase; letter-spacing:.08em}
body.mina-public .muted-pill{background:#f6f8fc; border:1px solid var(--border); color:var(--muted)}
body.mina-public .cta-badge{background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.16)}
body.mina-public .info-title{margin:0; font-size:2rem; font-weight:950; line-height:1.08}
body.mina-public .info-sub{margin:0; color:var(--muted); max-width:760px}
body.mina-public .info-grid-2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
body.mina-public .feature-card, body.mina-public .help-card{
      background:var(--surface); border:1px solid var(--border); border-radius:24px; box-shadow:var(--shadow-soft); padding:20px; height:100%;
    }
body.mina-public .feature-icon, body.mina-public .help-icon{
      width:48px; height:48px; border-radius:18px; display:grid; place-items:center; background:#e9edf6; color:var(--primary); font-size:1.05rem; margin-bottom:12px;
    }
body.mina-public .feature-title, body.mina-public .help-title{font-weight:900; margin-bottom:8px}
body.mina-public .feature-text, body.mina-public .help-text{margin:0; color:var(--muted)}
body.mina-public .service-list{display:grid; gap:12px}
body.mina-public .service-mark{width:40px; height:40px; border-radius:14px; flex:none; display:grid; place-items:center; background:#eef1f7; color:var(--primary)}
body.mina-public .service-title{font-weight:850; margin-bottom:4px}
body.mina-public .service-text{color:var(--muted); margin:0}
body.mina-public .cta-panel::after{content:""; position:absolute; right:-66px; top:-56px; width:180px; height:180px; border-radius:50%; background:rgba(255,255,255,.08)}
body.mina-public .cta-panel-inner{position:relative; z-index:1}
body.mina-public .cta-panel h2, body.mina-public .cta-panel h3{margin:0 0 10px; font-weight:900}
body.mina-public .cta-panel p{margin:0; color:rgba(255,255,255,.8)}
body.mina-public .page-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px}
body.mina-public .page-actions .btn{border-radius:999px; font-weight:800; padding:.78rem 1.15rem}
body.mina-public .hero-strip{
      display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px;
    }
body.mina-public .hero-stat{
      background:#fff; border:1px solid var(--border); border-radius:20px; padding:16px 18px; box-shadow:var(--shadow-soft);
    }
body.mina-public .hero-stat .label{font-size:.74rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); font-weight:800}
body.mina-public .hero-stat .value{font-size:1.45rem; font-weight:950; margin-top:4px}
body.mina-public .hero-stat .sub{color:var(--muted); font-size:.9rem}
body.mina-public .faq-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
body.mina-public .faq-item{background:#fff; border:1px solid var(--border); border-radius:20px; padding:18px; box-shadow:var(--shadow-soft)}
body.mina-public .faq-q{font-weight:900; margin-bottom:8px}
body.mina-public .faq-a{color:var(--muted); margin:0}
@media (max-width: 992px){body.mina-public .topbar-inner{flex-wrap:wrap}
body.mina-public .brand-mark{width:210px; height:58px}
body.mina-public .info-grid-2, body.mina-public .hero-strip, body.mina-public .faq-grid{grid-template-columns:1fr}
body.mina-public .nav-shell{justify-content:flex-start; width:100%}}
@media (max-width: 768px){body.mina-public .shell{padding:12px 12px 40px}
body.mina-public .info-title{font-size:1.6rem}
body.mina-public .brand-mark{width:184px; height:50px}
body.mina-public .nav-shell{display:none}
body.mina-public .topnav-mobile{display:block; width:100%}}
.sids-logo{height:18px;width:auto;vertical-align:-3px;margin-right:8px;display:inline-block}

/* SIDS-logotyp: vit bricka så att den syns på färgade knappar */
.sids-chip{display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:5px 12px;margin-right:10px;vertical-align:middle;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.sids-chip .sids-logo{height:28px;width:auto;margin:0;vertical-align:middle;display:block}
.sids-chip .sids-wordmark{color:#1b5459;margin:0}

/* Tillbaka-länk (samma komponent som i tav.css, behövs även här) */
.tav-back{display:inline-flex;align-items:center;gap:6px;color:#43577e;text-decoration:none;font-weight:650;font-size:.9rem}
.tav-back:hover{color:#34466a;text-decoration:underline}
.tav-back svg{width:14px;height:14px;flex:none}
.tav-back-wrap{width:min(1160px,calc(100% - 40px));margin:16px auto 0}
/* Outline-knappar på mörka ytor: vit text även när sidans länkfärg skriver över */
body.mina-public .btn-outline-light,
body.mina .btn-outline-light{color:#fff!important;border-color:rgba(255,255,255,.75)!important;background:transparent}
body.mina-public .btn-outline-light:hover,
body.mina .btn-outline-light:hover{background:rgba(255,255,255,.15)!important;color:#fff!important}

/* ===== Bootstrap-komponenter i logotypens palett (globalt för plattformen) ===== */
:root{
  --bs-primary:#43577e; --bs-primary-rgb:67,87,126;
  --bs-link-color:#43577e; --bs-link-color-rgb:67,87,126;
  --bs-link-hover-color:#34466a; --bs-link-hover-color-rgb:52,70,106;
  --bs-focus-ring-color:rgba(67,87,126,.25);
}
.btn-primary{--bs-btn-bg:#43577e;--bs-btn-border-color:#43577e;--bs-btn-hover-bg:#34466a;--bs-btn-hover-border-color:#34466a;--bs-btn-active-bg:#2c3b5c;--bs-btn-active-border-color:#2c3b5c;--bs-btn-disabled-bg:#43577e;--bs-btn-disabled-border-color:#43577e;--bs-btn-focus-shadow-rgb:67,87,126}
.btn-outline-primary{--bs-btn-color:#43577e;--bs-btn-border-color:#43577e;--bs-btn-hover-bg:#43577e;--bs-btn-hover-border-color:#43577e;--bs-btn-active-bg:#34466a;--bs-btn-active-border-color:#34466a;--bs-btn-focus-shadow-rgb:67,87,126}
.text-primary{color:#43577e!important}
.bg-primary{background-color:#43577e!important}
.form-control:focus,.form-select:focus{border-color:#5f78a6;box-shadow:0 0 0 .2rem rgba(67,87,126,.25)}
.form-check-input:checked{background-color:#43577e;border-color:#43577e}
.page-link.active,.active>.page-link{background-color:#43577e;border-color:#43577e}
.hero .btn-outline-primary,.edit-plot .hero .btn-outline-primary{--bs-btn-color:#fff;--bs-btn-border-color:rgba(255,255,255,.7);--bs-btn-hover-bg:rgba(255,255,255,.15);--bs-btn-hover-color:#fff;--bs-btn-hover-border-color:#fff}

/* Primärknappar: vit text även där sidans länkfärg skriver över */
body.mina .btn-primary,body.mina-public .btn-primary,body.mina .btn-primary:hover,body.mina-public .btn-primary:hover{color:#fff!important}
body.mina .btn-outline-primary,body.mina-public .btn-outline-primary{color:#43577e!important;border-color:#43577e!important}
body.mina .btn-outline-primary:hover,body.mina-public .btn-outline-primary:hover{background:#43577e!important;color:#fff!important}

/* Navigation på en rad för skärmar mellan 993 och 1400 px (tidigare bröts den till två rader) */
@media (min-width: 993px){
  body.mina .topbar-inner{gap:14px;padding:12px 16px}
  body.mina .brand-mark{width:206px;height:56px}
  body.mina .topnav{gap:8px}
  body.mina .nav-pill, body.mina .nav-primary{padding:10px 13px;font-size:.88rem;gap:6px;flex:none}
  body.mina .nav-pill > i, body.mina .nav-primary > i{flex:none;width:1em;height:1em}
}

/* ===== Textbrytning och ytor som inte får spilla ut ur sina kort ===== */
body.mina [class*="col-"], body.mina .row > *{min-width:0}
body.mina .panel, body.mina .card-soft, body.mina .soft-card, body.mina .summary-item,
body.mina .quick-link, body.mina .mini-stat, body.mina .history-row, body.mina .timeline-body,
body.mina .note-card, body.mina .comment, body.mina .alert{min-width:0;overflow-wrap:anywhere;word-break:normal}
body.mina .summary-item{flex-wrap:wrap;align-items:flex-start}
body.mina .summary-item > *{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
body.mina .summary-item .badge-status{flex:none;max-width:100%;white-space:normal}
body.mina .summary-title, body.mina .summary-sub{overflow-wrap:anywhere}
body.mina .quick-link-title, body.mina .quick-link-sub{overflow-wrap:anywhere;min-width:0}
body.mina .table-responsive{max-width:100%;overflow-x:auto}
body.mina table{width:100%}
body.mina th, body.mina td{overflow-wrap:anywhere;vertical-align:top}
body.mina .soft-card strong, body.mina .soft-card .help{overflow-wrap:anywhere}
body.mina .timeline-chip, body.mina .badge-status{max-width:100%;white-space:normal;overflow-wrap:anywhere}
body.mina .section-title{overflow-wrap:anywhere}
body.mina h1, body.mina h2, body.mina h3, body.mina h4, body.mina .page-title{overflow-wrap:anywhere}
body.mina .flex-grow-1{min-width:0}
body.mina .detail-header{flex-wrap:wrap;align-items:flex-start}
body.mina .detail-header > .flex-grow-1{flex:1 1 220px}

/* Meddelanderuta (samma komponent som tav.css) */
.tav-alert{padding:12px 16px;border-radius:9px;border:1px solid;margin:0 0 12px;font-size:.92rem;line-height:1.45;overflow-wrap:anywhere}
.tav-alert--danger{background:#fbe8e5;border-color:#efc2bb;color:#a12a1a}
.tav-alert--success{background:#e6f4ec;border-color:#bfe3cd;color:#1f7a4a}
.tav-alert--warning{background:#fdf3dc;border-color:#f0d9a6;color:#8f5a00}
.tav-alert--info{background:#eef1f7;border-color:#cdd7e8;color:#34466a}

/* Vertikal stapling av block (används av flera Mina sidor). Tidigare bara definierad för admin-ärenden. */
body.mina .stack, body.mina-public .stack{display:flex;flex-direction:column;gap:12px}
/* Tidsstämplar ska stå på en rad och brytas inte mitt i siffrorna */
body.mina .timeline-chip, body.mina-public .timeline-chip{white-space:nowrap;overflow-wrap:normal;flex:none}