:root{
      --black:#1a1a1a;
      --blue:#7BC5D5;
      --orange:#EA8E1E;
      --lavender:#A6A1C2;
      --coral:#D25556;
      --text:#1a1a1a; --text-inv:#fff; --border:#0f0f0f;
    }

    *{box-sizing:border-box}
    html,body{margin:0;padding:0;font-family:'Montserrat',Verdana,sans-serif;font-size:15px;line-height:1.45}
    body.ols-app{min-height:100dvh;background:#fff;color:var(--text);display:flex;flex-direction:column}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;height:auto}
    :focus-visible{outline:2px solid var(--blue);outline-offset:2px}
    h1,h2,h3,h4,h5,h6{font-family:"Dolce Vita, Quite Regular","Dolce Vita","Quite Regular","Montserrat",sans-serif;letter-spacing:.02em}

    /* Header: logo | search(max 65%) | inbox | edit */
    .header{background:var(--black);color:var(--text-inv);border-bottom:1px solid var(--border)}
    .header-inner{
      display:grid; grid-template-columns:auto 1fr auto auto;
      align-items:center; gap:12px; min-height:64px; padding:8px 12px;
    }
    .logo{margin-left:5%}
    .logo img{max-height:48px}

    .search-wrap{justify-self:center; width:100%; max-width:min(65%, 640px); min-width:220px}
    form.search{display:flex;align-items:center;width:100%;background:#fff;border:1px solid #111;border-radius:999px;padding:0 12px}
    .search input[type="search"]{flex:1;border:0;outline:0;font-size:.95rem;padding:10px 8px;color:#000;background:transparent}
    .search button[type="submit"]{border:0;background:transparent;padding:6px;display:inline-flex;align-items:center;justify-content:center}
    .search .search-icon{width:22px;height:22px;stroke:#111;fill:none;stroke-width:2}

    .hdr-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;padding:4px}
    .hdr-icon img{width:32px;height:32px}

    main{flex:1;padding:28px 16px 40px}
    main::after{content:"";display:block;clear:both}

    /* Single action link (use the 2nd/orange) */
    .action-links{float:right;display:flex;gap:12px;padding:0 0 5px 0;margin:0 0 16px 16px}
    .action-links a{font-size:.9em;font-weight:700}
    .action-links a.orange{color:var(--orange)}

    /* Footer: top icon row + bottom text links row */
    .site-footer{background:var(--black);color:var(--text-inv);border-top:1px solid var(--border)}
    .footer-icons{
      display:flex;justify-content:space-around;align-items:center;gap:12px;
      padding:0; margin:0; border-bottom:1px solid var(--border);
    }
    .footer-icons a{display:inline-flex;align-items:center;justify-content:center;padding:8px}
    .footer-icons img{width:40px;height:40px}

    .footer-bottom{
      background:var(--lavender); color:#1a1a1a;
      display:flex;flex-wrap:wrap;gap:12px;row-gap:6px;align-items:center;justify-content:space-between;
      padding:10px 16px; max-width:1200px; margin:0 auto; border-top:1px solid rgba(0,0,0,.08);
    }
    .footer-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
    .footer-links a{color:#1a1a1a;text-decoration:none;font-weight:600;font-size:.9em}
    .footer-copy{opacity:.9;font-size:.9em}

    @media (max-width:640px){
      .logo{margin-left:12px} .logo img{max-height:40px}
      .hdr-icon{width:40px;height:40px} .hdr-icon img{width:28px;height:28px}
      .header-inner{gap:8px}
      .search-wrap{min-width:200px; max-width:min(65%, 520px)}
      .action-links{gap:10px;margin:0 0 12px 12px}
    }