/* Agent dashboard frame in the 13 Oct design: white sidebar, soft-green active item, Instrument Sans.
   Class names start with v2- so the older Create link styles (app.css) can sit next to it. */
:root{
  --v2-ink:#0f1813;--v2-ink2:#2a342f;--v2-ink3:#4a5650;--v2-line:#ebefec;--v2-soft:#f6f8f7;
  --v2-green:#1e8f4e;--v2-green-soft:#e7f5ec;--v2-green-ink:#0f6e3a;
  --v2-font:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
body.v2{margin:0;background:#fff;color:var(--v2-ink);font-family:var(--v2-font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
body.v2 *{box-sizing:border-box}
.v2-app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.v2-side{border-right:1px solid var(--v2-line);padding:24px 14px;display:flex;flex-direction:column;gap:2px;background:#fff;font-family:var(--v2-font);position:sticky;top:0;height:100vh}
.v2-bar{display:flex;align-items:center;justify-content:space-between}
.v2-logo{display:flex;align-items:center;gap:10px;padding:0 10px 24px;text-decoration:none}
.v2-logo img{height:32px;width:auto;display:block}
.v2-logo span{font-weight:500;font-size:14px;color:var(--v2-ink3);padding-top:6px}
.v2-nav{display:flex;flex-direction:column;gap:2px}
.v2-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--v2-ink2);font-weight:500;font-size:14px;text-decoration:none}
.v2-nav a svg{width:18px;height:18px;flex:none}
.v2-nav a:hover{background:#f4f6f5}
.v2-nav a[aria-current="page"]{background:var(--v2-green-soft);color:var(--v2-green-ink)}
.v2-nav a.locked{color:#7d8882}
.v2-nav a.locked:hover{background:transparent}
.v2-nav .lk{margin-left:auto;display:inline-flex}
.v2-nav .lk svg{width:15px;height:15px}
.v2-me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 10px 0;border-top:1px solid var(--v2-line)}
.v2-me .av{width:34px;height:34px;border-radius:50%;background:var(--v2-green-soft);color:var(--v2-green-ink);display:grid;place-items:center;font-weight:600;flex:none}
.v2-me .who{min-width:0;font-weight:500;color:var(--v2-ink);font-size:14px}
.v2-me .who div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-me .links{display:flex;gap:12px;margin-top:2px}
.v2-me a,.v2-me button{font:inherit;font-size:12px;color:var(--v2-ink3);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.v2-me a:hover,.v2-me button:hover{color:var(--v2-green-ink)}
.v2-me form{margin:0}
.v2-nav .v2-out{display:none}
.v2-kebab{display:none;place-items:center;width:38px;height:38px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:var(--v2-ink)}
.v2-kebab:hover,.v2-kebab[aria-expanded="true"]{background:#f1f4f2}
.v2-kebab svg{width:20px;height:20px}
.v2-main{min-width:0;padding:26px 30px 40px;display:flex;flex-direction:column;gap:18px;max-width:1240px}
.v2-test{font-size:12px;color:#9a6400;padding:8px 12px 0}
.v2-flash{background:var(--v2-green-soft);color:var(--v2-green-ink);border-radius:12px;padding:11px 16px;font-weight:500}
@media (max-width:760px){
  .v2-app{grid-template-columns:1fr}
  .v2-side{position:relative;z-index:20;height:auto;padding:10px 16px;border-right:0;border-bottom:1px solid var(--v2-line);gap:0}
  .v2-logo{padding:0}
  .v2-kebab{display:grid}
  .v2-nav{display:none;position:absolute;right:12px;top:56px;width:230px;background:#fff;border:1px solid var(--v2-line);border-radius:14px;padding:6px;box-shadow:0 14px 34px rgba(20,32,26,.14)}
  .v2-nav.open{display:flex}
  .v2-nav .v2-out{display:block;border-top:1px solid var(--v2-line);margin-top:4px;padding-top:4px}
  .v2-nav .v2-out button{width:100%;text-align:left;font:inherit;font-weight:500;color:var(--v2-ink2);background:none;border:0;padding:10px 12px;border-radius:10px;cursor:pointer}
  .v2-me{display:none}
  .v2-main{padding:18px 16px 32px}
}
/* 23 Oct: My profile (a link) and Log out (a form button) sit on one line */
.v2-me .links{align-items:center}
.v2-me .links a,.v2-me .links button{display:inline-block;line-height:1.5;vertical-align:middle}
.v2-me .links form{display:flex;align-items:center}