/* Afkar's shared V3 interface foundation: monochrome UI, original logo artwork */
body.v3 {
  --market-ink: #171717;
  --market-muted: #656565;
  --market-canvas: #fafafa;
  --market-surface: #ffffff;
  --market-soft: #f2f2f2;
  --market-line: #e5e5e5;
  --market-radius: 8px;
  --action-highlight: #e9e9e9;
  --action-frame: #6b6b6b;
  --market-font: var(--font-body);
  --maroon: var(--market-ink);
  --maroon-hover: #000000;
  --ink: var(--market-ink);
  --muted: var(--market-muted);
  --line: var(--market-line);
  --cream: var(--market-canvas);
  --page: var(--market-canvas);
  --sand: var(--market-soft);
  --beige: var(--market-soft);
  --gold: #777777;
  --radius: var(--market-radius);
  background: var(--market-canvas);
  color: var(--market-ink);
  font-family: var(--market-font);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
}
.v3 h1,.v3 h2,.v3 h3,.v3 h4 { color: var(--market-ink); font-family: var(--market-font); font-weight: 700; letter-spacing: -.025em; line-height: 1.45; text-wrap: balance; }
.v3 p { text-wrap: pretty; }
.v3 button,.v3 input,.v3 select,.v3 textarea { font: inherit; }
.v3 button,.v3 a { touch-action: manipulation; }
.v3 [hidden] { display: none !important; }
.v3 .button { min-height: 48px; border: 1px solid transparent; border-radius: var(--market-radius); gap: 8px; padding: 12px 22px; font-size: 14px; font-weight: 700; line-height: 1.45; text-align: center; white-space: nowrap; box-shadow: none; transition: none; justify-content: center; }
.v3 .button-primary { background: var(--market-ink); color: #fff; border-color: var(--market-ink); box-shadow: inset 0 0 0 3px var(--market-ink), inset 0 0 0 4px var(--action-frame); }
.v3 .button-secondary { background: #fff; color: var(--market-ink); border-color: #bdbdbd; box-shadow: inset 0 -3px 0 #ededed; }
.v3 .button-quiet { background: #f0f0f0; color: var(--market-ink); border-color: transparent; box-shadow: inset 0 -2px 0 #dfdfdf; }
.v3 .button:active:not(:disabled) { transform: none; background: #d9d9d9; color: var(--market-ink); border-color: #171717; box-shadow: inset 0 0 0 2px #bdbdbd; }
.v3 .button-primary:active:not(:disabled) { background: #080808; color: #fff; box-shadow: inset 0 0 0 3px #080808, inset 0 0 0 4px #c7c7c7; }
.v3 .button:disabled,.v3 button:disabled { opacity: .5; cursor: not-allowed; }
.v3 .button-primary:disabled { background: #e5e5e5; border-color: #d2d2d2; color: #737373; opacity: 1; box-shadow: none; }
.v3 .button[aria-busy="true"],.v3 form[aria-busy="true"] .button[type="submit"],.v3 [aria-busy="true"] .button[data-idle-text] { cursor: progress; opacity: 1; border-style: dashed; }
.v3 .button-primary[aria-busy="true"],.v3 form[aria-busy="true"] .button-primary[type="submit"],.v3 [aria-busy="true"] .button-primary[data-idle-text] { background: #333; color: #fff; border-color: #171717; box-shadow: inset 0 0 0 3px #333, inset 0 0 0 4px #a8a8a8; }
.v3 :is(button,a,input,select,textarea,summary):focus-visible { outline: 2px solid var(--market-ink); outline-offset: 4px; box-shadow: 0 0 0 2px #fff; }
.v3 .button-primary:focus-visible { outline-color: #171717; outline-offset: 4px; }
.v3 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea) { min-height: 44px; border: 1px solid #d8d8d8; border-radius: var(--market-radius); background: #fff; color: var(--market-ink); padding: 10px 12px; max-width: 100%; }
.v3 input::placeholder,.v3 textarea::placeholder { color: #737373; opacity: 1; }
.v3 textarea { resize: vertical; min-height: 100px; line-height: 1.8; }
.v3 input[type="checkbox"],.v3 input[type="radio"] { accent-color: #171717; width: 17px; height: 17px; flex: 0 0 auto; }
.v3 :is(input,select,textarea)[aria-invalid="true"] { border-color: #a52a2a; }
.v3 .skip-link { position: fixed; inset-block-start: 10px; inset-inline-start: 15px; padding: 10px 16px; background: #171717; color: #fff; z-index: 500; transform: translateY(-180%); border-radius: 6px; }
.v3 .skip-link:focus { transform: none; }
.v3 .market-number { font-variant-numeric: tabular-nums; }
.v3 .market-muted { color: var(--market-muted); }
.v3 .market-tag { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border: 1px solid var(--market-line); border-radius: 5px; background: #fff; color: #525252; font-size: 11px; font-weight: 500; line-height: 1.7; }
.v3 .market-demo { background: #f2f2f2; border-color: #d6d6d6; color: #525252; }
.v3 .market-note { font-size: 12px; color: var(--market-muted); line-height: 1.9; }
.v3 .market-status { padding: 12px 15px; border: 1px solid var(--market-line); background: #f5f5f5; border-radius: 8px; font-size: 13px; }
.v3 .market-status:empty { display: none; }
.v3 .market-status[data-tone="error"] { border-color: #d9b9b9; color: #842828; background: #fff8f8; }
.v3 .market-status[data-tone="success"] { border-color: #b9d1c2; color: #24543a; background: #f8fcf9; }
.v3 dialog { border: 1px solid var(--market-line); border-radius: 14px; box-shadow: 0 20px 80px #00000026; max-width: min(720px,calc(100vw - 32px)); color: var(--market-ink); background: #fff; padding: 28px; }
.v3 dialog::backdrop { background: #0000004d; }
.v3 img { max-width: 100%; }
@media (hover:hover) and (pointer:fine) {
  .v3 .button-primary:hover:not(:disabled):not(:active) { background: #303030; border-color: #171717; box-shadow: inset 0 0 0 3px #303030, inset 0 0 0 4px #d2d2d2; }
  .v3 .button-secondary:hover:not(:disabled):not(:active),.v3 .button-quiet:hover:not(:disabled):not(:active) { background: var(--action-highlight); color: #171717; border-color: #777; box-shadow: inset 0 -3px 0 #bcbcbc; }
}
@media (max-width:600px) {
  .v3 .button { padding-inline: 18px; font-size: 13px; }
  .v3 dialog { padding: 20px; }
}
.v3 :is(.work-nav button,.manage-sidebar nav button,.client-nav>button)[aria-current="page"],
.v3 :is(.work-auth-switch button,.work-filter-group button)[aria-pressed="true"],
.v3 .client-auth-tabs>button[aria-selected="true"] {
  background: var(--action-highlight); color: #171717; border-color: #a9a9a9;
  box-shadow: inset 0 -3px 0 #171717; font-weight: 700;
}
.v3 .work-target-option[aria-pressed="true"] { background: #ededed; border-color: #171717; box-shadow: inset 0 0 0 1px #171717; }
.v3 .button>span:only-child { font: inherit; }
@media (prefers-reduced-motion:reduce) { .v3 *, .v3 *::before,.v3 *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }