/* ── About screen ── */
    .about-view{
      height:calc(100% - 60px);
      overflow:auto;
      background:#f0f2f5;
    }

    .about-header{
      height:60px;
      background:#128c7e;
      color:#fff;
      display:flex;
      align-items:center;
      gap:12px;
      padding:0 12px 0 8px;
      font-weight:700;
      font-size:18px;
      box-shadow:0 2px 4px rgba(0,0,0,.1);
    }
    .about-header .back{
      font-size:22px;
      padding:6px;
      cursor:pointer;
    }

    .about-body{
      padding:16px 16px 40px;
    }

    .about-hero{
      background:#fff;
      border:1px solid #e9edef;
      border-radius:14px;
      padding:28px 24px;
      text-align:center;
      margin-bottom:16px;
      box-shadow:0 1px 3px rgba(0,0,0,.06);
    }

    .about-icon{
      width:80px;height:80px;border-radius:50%;
      background:linear-gradient(135deg,#109d88,#0b8f7d);
      margin:0 auto 14px;
      display:grid;place-items:center;
      font-size:28px;
      color:#fff;
      font-weight:700;
      letter-spacing:-.04em;
    }

    .about-hero h3{
      margin:0 0 4px;
      font-size:22px;
      font-weight:700;
      color:#111b21;
      letter-spacing:-.02em;
    }

    .about-hero .version{
      color:#25d366;
      font-weight:700;
      font-size:13px;
      margin-top:4px;
    }

    .about-hero .builder{
      color:#667781;
      font-size:12px;
      margin-top:4px;
    }

    .about-section{
      background:#fff;
      border:1px solid #e9edef;
      border-radius:14px;
      padding:16px 20px;
      margin-bottom:10px;
      box-shadow:0 1px 3px rgba(0,0,0,.06);
    }

    .about-section-label{
      color:#25d366;
      font-size:11px;
      font-weight:700;
      letter-spacing:.06em;
      text-transform:uppercase;
      margin-bottom:0;
    }

    .about-divider{
      height:1px;
      background:#e9edef;
      margin:10px 0;
    }

    .about-section p{
      margin:0;
      color:#667781;
      line-height:1.6;
      font-size:14px;
    }

    .about-section ul{
      margin:0;
      padding:0 0 0 4px;
      list-style:none;
      color:#667781;
      font-size:14px;
      line-height:1.9;
    }

    .about-contact{
      color:#25d366;
      font-weight:700;
      font-size:15px;
      cursor:pointer;
    }

    .about-footer{
      text-align:center;
      color:#667781;
      font-size:12px;
      font-weight:500;
      margin-top:24px;
    }