import { jsxs as t, jsx as e } from "react/jsx-runtime";
import { Link as d } from "react-router-dom";
import { useTranslation as v } from "react-i18next";
import { ArrowLeft as l, Building as i, Target as g, Lightbulb as u, Search as c, Building2 as x, Flag as o, ChevronDown as N, Hash as y, Check as m, MapPin as p, X as b, Users as w, Globe as C, ShieldCheck as T, Clock as S, Info as E } from "lucide-react";
const A = [
  { name: "Acme Corp SA", legalName: "Acme Corporation SA", country: "CH", identifier: "CHE-123.456.789", identifierType: "UID_CHE", status: "Verified", created: "2024-01-15" },
  { name: "TechVision GmbH", legalName: "TechVision GmbH", country: "DE", identifier: "HRB 12345", identifierType: "HRB", status: "Verified", created: "2024-02-20" },
  { name: "InnoSuisse Sàrl", legalName: "InnoSuisse Sàrl", country: "CH", identifier: "CHE-987.654.321", identifierType: "UID_CHE", status: "Pending", created: "2024-03-01" },
  { name: "DataCorp SAS", legalName: "DataCorp SAS", country: "FR", identifier: "123456789", identifierType: "SIREN", status: "Rejected", created: "2024-02-10" },
  { name: "AlphaNet BV", legalName: "AlphaNet BV", country: "NL", identifier: "12345678", identifierType: "KVK", status: "Pending", created: "2024-03-05" }
], h = [
  { method: "GET", path: "/api/administration/tenants/organisations", handler: "GetOrganisations", permission: "administration.tenants.organisations.view" },
  { method: "GET", path: "/api/administration/tenants/organisations/available", handler: "GetAvailableOrganisations", permission: "administration.tenants.organisations.view" },
  { method: "GET", path: "/api/administration/tenants/organisations/pending-verification", handler: "GetPendingVerification", permission: "administration.tenants.organisations.view" },
  { method: "GET", path: "/api/administration/tenants/organisations/check-identifier", handler: "CheckBusinessIdentifier", permission: "—" },
  { method: "GET", path: "/api/administration/tenants/organisations/lookup", handler: "LookupCompany (Zefix)", permission: "—" },
  { method: "GET", path: "/api/administration/tenants/organisations/{id}", handler: "GetOrganisation", permission: "administration.tenants.organisations.view" },
  { method: "POST", path: "/api/administration/tenants/organisations", handler: "CreateOrganisation", permission: "administration.tenants.organisations.create" },
  { method: "PUT", path: "/api/administration/tenants/organisations/{id}/contact", handler: "UpdateContactInfo", permission: "administration.tenants.organisations.update" },
  { method: "PUT", path: "/api/administration/tenants/organisations/{id}/address", handler: "UpdateAddress", permission: "administration.tenants.organisations.update" },
  { method: "POST", path: "/api/administration/tenants/organisations/{id}/verify", handler: "VerifyOrganisation", permission: "administration.tenants.organisations.verify" },
  { method: "POST", path: "/api/administration/tenants/organisations/{id}/reject", handler: "RejectOrganisation", permission: "administration.tenants.organisations.verify" }
], k = {
  Verified: { bg: "bg-green-500/10", text: "text-green-700", border: "border-green-500/20" },
  Pending: { bg: "bg-amber-500/10", text: "text-amber-700", border: "border-amber-500/20" },
  Rejected: { bg: "bg-red-500/10", text: "text-red-700", border: "border-red-500/20" }
}, j = ({ status: a }) => a === "Verified" ? /* @__PURE__ */ e(m, { className: "w-3 h-3" }) : a === "Rejected" ? /* @__PURE__ */ e(b, { className: "w-3 h-3" }) : /* @__PURE__ */ e(S, { className: "w-3 h-3" });
function s({ text: a }) {
  return /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-2.5 rounded-lg bg-blue-500/5 border border-blue-500/15 text-sm text-blue-700 dark:text-blue-400", children: [
    /* @__PURE__ */ e(E, { className: "w-4 h-4 mt-0.5 flex-shrink-0" }),
    /* @__PURE__ */ e("span", { children: a })
  ] });
}
function O() {
  const { t: a } = v("docsAdministrationTenantsOrganisations");
  return /* @__PURE__ */ t("div", { className: "space-y-8", children: [
    /* @__PURE__ */ t(
      d,
      {
        to: "/docs/business/administration/tenants",
        className: "inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors",
        children: [
          /* @__PURE__ */ e(l, { className: "w-4 h-4" }),
          a("nav.backToTenants")
        ]
      }
    ),
    /* @__PURE__ */ t("div", { children: [
      /* @__PURE__ */ t("h1", { className: "text-3xl font-bold mb-4 flex items-center gap-3", children: [
        /* @__PURE__ */ e(i, { className: "w-8 h-8 text-[var(--color-primary-600)]" }),
        a("title")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-xl text-[var(--color-primary-600)] font-medium mb-2", children: a("valueProposition") }),
      /* @__PURE__ */ e("p", { className: "text-lg text-[var(--text-secondary)]", children: a("subtitle") }),
      /* @__PURE__ */ t("div", { className: "flex gap-4 mt-3 text-sm text-[var(--text-secondary)]", children: [
        /* @__PURE__ */ t("span", { children: [
          "6 ",
          a("header.businessRules")
        ] }),
        /* @__PURE__ */ t("span", { children: [
          h.length,
          " ",
          a("header.apiEndpoints")
        ] }),
        /* @__PURE__ */ t("span", { children: [
          "3 ",
          a("header.verificationStatuses")
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "valeur", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "1" }),
        a("sections.businessValue")
      ] }),
      /* @__PURE__ */ t("div", { className: "card p-6", children: [
        /* @__PURE__ */ t("div", { className: "mb-6", children: [
          /* @__PURE__ */ t("h3", { className: "font-semibold mb-3 flex items-center gap-2", children: [
            /* @__PURE__ */ e(g, { className: "w-5 h-5 text-red-500" }),
            a("sections.problem")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: a("problem") })
        ] }),
        /* @__PURE__ */ t("div", { className: "p-4 rounded-lg bg-green-500/10 border border-green-500/20", children: [
          /* @__PURE__ */ t("h3", { className: "font-semibold mb-2 flex items-center gap-2 text-green-700", children: [
            /* @__PURE__ */ e(u, { className: "w-5 h-5" }),
            a("sections.solution")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: a("solution") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "acces", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "2" }),
        a("sections.access")
      ] }),
      /* @__PURE__ */ t("div", { className: "card p-6 space-y-4", children: [
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-2", children: a("access.navigation") }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-sm flex-wrap", children: [
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-purple-500/10 text-purple-600 font-medium", children: "Platform" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-blue-500/10 text-blue-600 font-medium", children: "Administration" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-green-500/10 text-green-600 font-medium", children: "Tenants" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-orange-500/10 text-orange-600 font-medium", children: "Organisations" })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-1", children: "URL" }),
          /* @__PURE__ */ e("code", { className: "text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg", children: "/administration/tenants/organisations" })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-1", children: a("access.permission") }),
          /* @__PURE__ */ e("code", { className: "text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg", children: "administration.tenants.organisations.read" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "interface", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "3" }),
        a("sections.interface")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("interface.desc") }),
      /* @__PURE__ */ t("div", { className: "card overflow-hidden mb-4", children: [
        /* @__PURE__ */ t("div", { className: "p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-xs text-[var(--text-secondary)] mb-3", children: [
            /* @__PURE__ */ e("span", { children: "Administration" }),
            /* @__PURE__ */ e("span", { children: "›" }),
            /* @__PURE__ */ e("span", { children: "Tenants" }),
            /* @__PURE__ */ e("span", { children: "›" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-primary)]", children: a("title") })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
            /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
              /* @__PURE__ */ e(i, { className: "w-6 h-6 text-[var(--color-primary-600)]" }),
              /* @__PURE__ */ t("div", { children: [
                /* @__PURE__ */ e("h3", { className: "text-lg font-semibold", children: a("title") }),
                /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("subtitle") })
              ] })
            ] }),
            /* @__PURE__ */ t("button", { className: "px-4 py-2 rounded-lg bg-[var(--color-primary-600)] text-white text-sm font-medium flex items-center gap-2 opacity-80", children: [
              /* @__PURE__ */ e(i, { className: "w-4 h-4" }),
              a("interface.createButton")
            ] })
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 flex-1 px-3 py-1.5 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg", children: [
            /* @__PURE__ */ e(c, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
            /* @__PURE__ */ e("span", { className: "text-sm text-[var(--text-tertiary)]", children: a("interface.searchPlaceholder") })
          ] }),
          /* @__PURE__ */ e("div", { className: "flex gap-2", children: ["All", "Pending", "Verified", "Rejected"].map((r, n) => /* @__PURE__ */ e(
            "button",
            {
              className: `px-3 py-1.5 rounded-lg text-sm ${n === 0 ? "bg-[var(--color-primary-600)] text-white" : "bg-[var(--bg-secondary)] text-[var(--text-secondary)]"}`,
              children: a(r === "All" ? "interface.statusAll" : `interface.status.${r.toLowerCase()}`)
            },
            r
          )) })
        ] }) }),
        /* @__PURE__ */ e("div", { className: "px-4 pb-4", children: /* @__PURE__ */ e("div", { className: "border border-[var(--border-color)] rounded-lg overflow-hidden", children: /* @__PURE__ */ t("table", { className: "w-full text-sm", children: [
          /* @__PURE__ */ e("thead", { className: "bg-[var(--bg-secondary)]", children: /* @__PURE__ */ t("tr", { children: [
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider", children: a("interface.columns.name") }),
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell", children: a("interface.columns.country") }),
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell", children: a("interface.columns.identifier") }),
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider", children: a("interface.columns.verificationStatus") }),
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell", children: a("interface.columns.created") }),
            /* @__PURE__ */ e("th", { className: "w-12 px-4 py-3" })
          ] }) }),
          /* @__PURE__ */ e("tbody", { className: "divide-y divide-[var(--border-color)]", children: A.map((r) => {
            const n = k[r.status];
            return /* @__PURE__ */ t("tr", { className: "hover:bg-[var(--bg-hover)] transition-colors", children: [
              /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
                /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-lg bg-[var(--bg-tertiary)] flex items-center justify-center", children: /* @__PURE__ */ e(x, { className: "w-4 h-4 text-[var(--text-secondary)]" }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("div", { className: "font-medium text-[var(--text-primary)]", children: r.name }),
                  r.legalName !== r.name && /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-tertiary)]", children: r.legalName })
                ] })
              ] }) }),
              /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden md:table-cell", children: /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-1.5 text-sm", children: [
                /* @__PURE__ */ e(o, { className: "w-3.5 h-3.5 text-[var(--text-secondary)]" }),
                r.country
              ] }) }),
              /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden md:table-cell", children: /* @__PURE__ */ e("span", { className: "font-mono text-xs text-[var(--text-primary)]", children: r.identifier }) }),
              /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ t("span", { className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border ${n.bg} ${n.text} ${n.border}`, children: [
                /* @__PURE__ */ e(j, { status: r.status }),
                a(`interface.status.${r.status.toLowerCase()}`)
              ] }) }),
              /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden lg:table-cell text-[var(--text-secondary)]", children: r.created }),
              /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ t("button", { className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)] opacity-80", children: [
                /* @__PURE__ */ e(i, { className: "w-3.5 h-3.5" }),
                a("interface.createTenantButton")
              ] }) })
            ] }, r.identifier);
          }) })
        ] }) }) })
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
        /* @__PURE__ */ e(s, { text: a("interface.annotations.header") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.search") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.filters") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.nameCol") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.countryCol") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.identifierCol") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.statusCol") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.actionsCol") })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "creation", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "4" }),
        a("sections.createForm")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("form.desc") }),
      /* @__PURE__ */ t("div", { className: "card p-6 space-y-4", children: [
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: [
            a("form.nameLabel"),
            " *"
          ] }),
          /* @__PURE__ */ e("input", { readOnly: !0, value: "Acme Corp SA", className: "w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]" })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: [
            /* @__PURE__ */ e(o, { className: "w-3.5 h-3.5 inline mr-1" }),
            a("form.countryLabel"),
            " *"
          ] }),
          /* @__PURE__ */ t("div", { className: "relative", children: [
            /* @__PURE__ */ t("select", { className: "w-full appearance-none px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] pr-8", children: [
              /* @__PURE__ */ e("option", { children: "Switzerland (CH)" }),
              /* @__PURE__ */ e("option", { children: "France (FR)" }),
              /* @__PURE__ */ e("option", { children: "Germany (DE)" }),
              /* @__PURE__ */ e("option", { children: "Belgium (BE)" }),
              /* @__PURE__ */ e("option", { children: "Netherlands (NL)" }),
              /* @__PURE__ */ e("option", { children: "Spain (ES)" }),
              /* @__PURE__ */ e("option", { children: "Italy (IT)" }),
              /* @__PURE__ */ e("option", { children: "United Kingdom (GB)" })
            ] }),
            /* @__PURE__ */ e(N, { className: "absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-tertiary)] pointer-events-none" })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: [
            /* @__PURE__ */ e(y, { className: "w-3.5 h-3.5 inline mr-1" }),
            "UID_CHE *"
          ] }),
          /* @__PURE__ */ t("div", { className: "flex gap-2", children: [
            /* @__PURE__ */ e("input", { readOnly: !0, value: "CHE-123.456.789", className: "flex-1 px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] font-mono" }),
            /* @__PURE__ */ t("button", { className: "px-3 py-2 rounded-lg bg-[var(--color-primary-600)] text-white text-xs flex items-center gap-1 opacity-80", children: [
              /* @__PURE__ */ e(c, { className: "w-3 h-3" }),
              "Zefix"
            ] })
          ] }),
          /* @__PURE__ */ t("p", { className: "text-xs text-green-600 mt-1 flex items-center gap-1", children: [
            /* @__PURE__ */ e(m, { className: "w-3 h-3" }),
            a("form.annotations.zefix")
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "border border-[var(--border-color)] rounded-lg p-4 space-y-3 bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ t("div", { className: "text-xs font-semibold text-[var(--text-secondary)] flex items-center gap-1", children: [
            /* @__PURE__ */ e(p, { className: "w-3 h-3" }),
            a("form.addressLabel"),
            " *"
          ] }),
          /* @__PURE__ */ e("input", { readOnly: !0, value: "Route de la Paix 42", className: "w-full px-2 py-1.5 text-xs border border-[var(--border-color)] rounded bg-[var(--bg-primary)]" }),
          /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-2", children: [
            /* @__PURE__ */ e("input", { readOnly: !0, value: "1000", className: "w-full px-2 py-1.5 text-xs border border-[var(--border-color)] rounded bg-[var(--bg-primary)]" }),
            /* @__PURE__ */ e("div", { className: "col-span-2", children: /* @__PURE__ */ e("input", { readOnly: !0, value: "Lausanne", className: "w-full px-2 py-1.5 text-xs border border-[var(--border-color)] rounded bg-[var(--bg-primary)]" }) })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: a("form.vatLabel") }),
          /* @__PURE__ */ e("input", { readOnly: !0, value: "CHE-123.456.789 MWST", className: "w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] font-mono" })
        ] }),
        /* @__PURE__ */ t("div", { className: "flex gap-3 pt-2", children: [
          /* @__PURE__ */ e("button", { className: "px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg text-sm font-medium opacity-80", children: a("interface.createButton") }),
          /* @__PURE__ */ e("button", { className: "px-4 py-2 border border-[var(--border-color)] rounded-lg text-sm opacity-80", children: "Cancel" })
        ] })
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-2 mt-4", children: [
        /* @__PURE__ */ e(s, { text: a("form.annotations.country") }),
        /* @__PURE__ */ e(s, { text: a("form.annotations.identifier") }),
        /* @__PURE__ */ e(s, { text: a("form.annotations.zefix") }),
        /* @__PURE__ */ e(s, { text: a("form.annotations.address") }),
        /* @__PURE__ */ e(s, { text: a("form.annotations.vat") })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "detail", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "5" }),
        a("sections.detailView")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("detail.desc") }),
      /* @__PURE__ */ t("div", { className: "card overflow-hidden", children: [
        /* @__PURE__ */ t("div", { className: "p-4 border-b border-[var(--border-color)] flex items-center justify-between", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
            /* @__PURE__ */ e(l, { className: "w-5 h-5 text-[var(--text-secondary)]" }),
            /* @__PURE__ */ e(x, { className: "w-6 h-6 text-[var(--color-primary-600)]" }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-[var(--text-primary)]", children: "Acme Corp SA" }),
              /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] font-mono", children: "CHE-123.456.789" })
            ] })
          ] }),
          /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg text-sm font-medium bg-amber-500/10 text-amber-700", children: a("interface.status.pending") })
        ] }),
        /* @__PURE__ */ e("div", { className: "border-b border-[var(--border-color)] flex", children: ["info", "contact", "address"].map((r, n) => /* @__PURE__ */ e(
          "button",
          {
            className: `px-4 py-3 text-sm font-medium border-b-2 whitespace-nowrap ${n === 0 ? "border-[var(--color-primary-600)] text-[var(--color-primary-600)]" : "border-transparent text-[var(--text-secondary)]"}`,
            children: a(`detail.tabs.${r}`)
          },
          r
        )) }),
        /* @__PURE__ */ t("div", { className: "p-4 space-y-4", children: [
          /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: a("detail.infoFields.name") }),
              /* @__PURE__ */ e("div", { className: "font-medium text-[var(--text-primary)]", children: "Acme Corp SA" })
            ] }),
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: a("detail.infoFields.legalName") }),
              /* @__PURE__ */ e("div", { className: "font-medium text-[var(--text-primary)]", children: "Acme Corporation SA" })
            ] }),
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: a("detail.infoFields.country") }),
              /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e(o, { className: "w-4 h-4 text-[var(--text-secondary)]" }),
                /* @__PURE__ */ e("span", { className: "font-medium", children: "CH" })
              ] })
            ] }),
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: "UID_CHE" }),
              /* @__PURE__ */ e("div", { className: "font-mono text-[var(--text-primary)]", children: "CHE-123.456.789" })
            ] }),
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: a("detail.infoFields.vatNumber") }),
              /* @__PURE__ */ e("div", { className: "font-mono text-[var(--text-primary)]", children: "CHE-123.456.789 MWST" })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex gap-2 pt-2 border-t border-[var(--border-color)]", children: [
            /* @__PURE__ */ t("button", { className: "flex items-center gap-2 px-4 py-2 rounded-lg bg-[var(--success-bg)] text-[var(--success-text)] text-sm opacity-80", children: [
              /* @__PURE__ */ e(m, { className: "w-4 h-4" }),
              a("detail.actions.verify")
            ] }),
            /* @__PURE__ */ t("button", { className: "flex items-center gap-2 px-4 py-2 rounded-lg bg-[var(--error-bg)] text-[var(--error-text)] text-sm opacity-80", children: [
              /* @__PURE__ */ e(b, { className: "w-4 h-4" }),
              a("detail.actions.reject")
            ] })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-2 mt-4", children: [
        /* @__PURE__ */ e(s, { text: a("detail.annotations.header") }),
        /* @__PURE__ */ e(s, { text: a("detail.annotations.tabs") }),
        /* @__PURE__ */ e(s, { text: a("detail.annotations.actions") }),
        /* @__PURE__ */ e(s, { text: a("detail.annotations.tenantLink") })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "cas-usage", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "6" }),
        a("sections.useCases")
      ] }),
      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((r) => /* @__PURE__ */ t("div", { className: "card p-6", children: [
        /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
          /* @__PURE__ */ e("div", { className: `w-12 h-12 rounded-full flex items-center justify-center ${r === 1 ? "bg-blue-500/10" : r === 2 ? "bg-amber-500/10" : "bg-purple-500/10"}`, children: /* @__PURE__ */ e(w, { className: `w-6 h-6 ${r === 1 ? "text-blue-600" : r === 2 ? "text-amber-600" : "text-purple-600"}` }) }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ e("div", { className: "font-semibold", children: a(`useCases.${r}.persona`) }),
            /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a(`useCases.${r}.role`) })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "space-y-3 text-sm", children: [
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ t("span", { className: "font-medium text-[var(--text-secondary)]", children: [
              a("useCases.situationLabel"),
              " "
            ] }),
            /* @__PURE__ */ e("span", { children: a(`useCases.${r}.situation`) })
          ] }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ t("span", { className: "font-medium text-green-600", children: [
              a("useCases.withFeatureLabel"),
              " "
            ] }),
            /* @__PURE__ */ e("span", { children: a(`useCases.${r}.withFeature`) })
          ] })
        ] })
      ] }, r)) })
    ] }),
    /* @__PURE__ */ t("section", { id: "fonctionnalites", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "7" }),
        a("sections.features")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3, 4, 5].map((r) => {
        const f = [C, c, T, p, i][r - 1];
        return /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ t("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(f, { className: "w-6 h-6 text-[var(--color-primary-600)]" }) }),
          /* @__PURE__ */ t("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: a(`features.${r}.title`) }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: a(`features.${r}.description`) }),
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-sm", children: [
              /* @__PURE__ */ t("span", { className: "font-medium text-[var(--color-primary-600)]", children: [
                a("features.exampleLabel"),
                " "
              ] }),
              a(`features.${r}.example`)
            ] })
          ] })
        ] }) }, r);
      }) })
    ] }),
    /* @__PURE__ */ t("section", { id: "faq", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "8" }),
        a("sections.faq")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3, 4, 5].map((r) => /* @__PURE__ */ t("div", { className: "card p-4", children: [
        /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: a(`faq.${r}.question`) }),
        /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a(`faq.${r}.answer`) })
      ] }, r)) })
    ] }),
    /* @__PURE__ */ e("section", { id: "reference", className: "scroll-mt-4", children: /* @__PURE__ */ t("details", { className: "card", children: [
      /* @__PURE__ */ t("summary", { className: "p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-lg font-semibold flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-gray-500/10 text-gray-600 flex items-center justify-center text-sm", children: "9" }),
        a("sections.technicalRef")
      ] }),
      /* @__PURE__ */ t("div", { className: "p-4 pt-0 space-y-6", children: [
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: a("techRef.businessRules") }),
          /* @__PURE__ */ e("div", { className: "space-y-2", children: [
            { id: "BR-001", category: "Validation" },
            { id: "BR-002", category: "Config" },
            { id: "BR-003", category: "Lifecycle" },
            { id: "BR-004", category: "Zefix" },
            { id: "BR-005", category: "Formatting" },
            { id: "BR-006", category: "Linking" }
          ].map((r) => /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-1", children: [
              /* @__PURE__ */ e("span", { className: "text-xs font-mono text-[var(--color-primary-600)]", children: r.id }),
              /* @__PURE__ */ e("span", { className: "text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10", children: r.category })
            ] }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] mt-1", children: a(`techRef.rules.${r.id}`) })
          ] }, r.id)) })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: a("techRef.apiEndpoints") }),
          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t("table", { className: "w-full text-sm", children: [
            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { className: "bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Method" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Endpoint" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Handler" })
            ] }) }),
            /* @__PURE__ */ e("tbody", { children: h.map((r, n) => /* @__PURE__ */ t("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2 px-3", children: /* @__PURE__ */ e("span", { className: `px-2 py-0.5 rounded text-xs font-medium ${r.method === "GET" ? "bg-blue-500/10 text-blue-600" : r.method === "POST" ? "bg-green-500/10 text-green-600" : r.method === "PUT" ? "bg-orange-500/10 text-orange-600" : "bg-red-500/10 text-red-600"}`, children: r.method }) }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3 font-mono text-xs", children: r.path }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3 text-[var(--text-secondary)]", children: r.handler })
            ] }, n)) })
          ] }) })
        ] })
      ] })
    ] }) }),
    /* @__PURE__ */ t("div", { className: "flex justify-between pt-6 border-t border-[var(--border-color)]", children: [
      /* @__PURE__ */ t(
        d,
        {
          to: "/docs/business/administration/tenants",
          className: "flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",
          children: [
            /* @__PURE__ */ e(l, { className: "w-4 h-4" }),
            a("nav.backToTenants")
          ]
        }
      ),
      /* @__PURE__ */ t(
        d,
        {
          to: "/docs/business/administration/tenants/personal",
          className: "flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",
          children: [
            a("nav.toPersonal"),
            /* @__PURE__ */ e(l, { className: "w-4 h-4 rotate-180" })
          ]
        }
      )
    ] })
  ] });
}
export {
  O as default
};
//# sourceMappingURL=index-CI1DJrFE.js.map
