/* Two jobs in one calm workspace: follow projects, earn new opportunities. */
.account-shell { grid-template-columns:164px minmax(0,1fr); gap:36px; padding-top:32px; padding-bottom:50px; }
.account-eyebrow { display:none; }
.account-heading { padding-bottom:24px; }
.account-heading h1 { font-size:28px; letter-spacing:-.5px; }
#accountDescription { font-size:13px; }
.workspace-label { padding-left:8px; padding-bottom:24px; }
.workspace-label strong { font-size:12px; }
.account-page .account-nav a[aria-current="page"] {
  border-radius:10px;
}
.workspace-paper-hero {
  --workspace-paper:#f8f5ef;
  position:relative;
  isolation:isolate;
  padding:24px clamp(16px,2.4vw,29px);
  border-radius:14px;
  background:var(--workspace-paper);
}
.workspace-paper-hero::before {
  content:"";
  position:absolute;
  inset:0 0 auto auto;
  width:min(72%,720px);
  height:100%;
  border-radius:inherit;
  background:
    linear-gradient(to right,var(--workspace-paper),transparent 42%),
    linear-gradient(to top,var(--workspace-paper),transparent 63%),
    url("../assets/images/company-profile-paper.webp") right top / cover no-repeat;
  z-index:-1;
  pointer-events:none;
}
.workspace-paper-heading h1 {
  margin:0;
  color:var(--ink);
  font-size:30px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:-.02em;
}
.workspace-results-list { display:grid; gap:6px; }
.workspace-results-list > article { border-radius:10px; }
.workspace-results-list > article:nth-child(odd) { background:#f8f6f2; }

body[data-workspace-layout="1"] {
  position:relative;
  isolation:isolate;
  background:var(--paper);
}
body[data-workspace-layout="1"]::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:425px;
  background:
    linear-gradient(to bottom,transparent 18%,var(--paper)),
    linear-gradient(to right,var(--paper) 17%,transparent 73%),
    url("../assets/images/company-profile-paper.webp") right top / min(79%,1100px) auto no-repeat,
    var(--paper);
  z-index:-1;
  pointer-events:none;
}
[data-workspace-layout="1"] .site-header:not(.is-scrolled) {
  background:transparent;
  box-shadow:none;
}
[data-workspace-layout="1"] .workspace-paper-hero { padding:0; background:transparent; }
[data-workspace-layout="1"] .workspace-paper-hero::before { display:none; }

.workspace-overview-heading,.workspace-projects-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-bottom:18px;
}
#enterpriseOverviewDate { color:var(--muted); font-size:13px; }
.workspace-overview-guide h2 { margin:0; font-size:18px; line-height:1.45; }
.workspace-overview-guide p { margin:5px 0 0; max-width:52em; color:var(--text-secondary); font-size:13px; line-height:1.7; }
.workspace-overview-guide .text-action { margin-top:5px; font-size:13px; font-weight:600; }
:is([data-account-page="overview"],[data-account-page="projects"],[data-account-page="subscriptions"],[data-account-page="account"]) #accountContent {
  margin-top:24px;
}

.workspace-page-heading {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 20px;
}
.workspace-page-heading p { margin:7px 0 0; color:var(--text-secondary); font-size:13px; }
.workspace-heading-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; }
.workspace-heading-actions :is(.retention-primary,.retention-secondary) { min-height:38px; border-radius:8px; }
.workspace-projects-hero .projects-toolbar { align-items:center; flex-wrap:wrap; gap:4px 18px; border:0; }
.workspace-projects-hero .project-tabs {
  flex-wrap:wrap;
  gap:0 28px;
  width:auto;
}
.workspace-projects-hero .project-tabs a {
  position:relative;
  min-width:44px;
  min-height:44px;
  margin:0;
  border:0;
  color:var(--text-secondary);
  font-size:14px;
  font-weight:500;
}
.workspace-projects-hero .project-tabs a:hover { color:var(--accent); }
.workspace-projects-hero .project-tabs a[aria-current="page"] { color:var(--accent); font-weight:650; }
.workspace-projects-hero .project-tabs a[aria-current="page"]::after {
  content:"";
  position:absolute;
  inset-inline-start:0;
  inset-block-end:4px;
  width:16px;
  height:3px;
  border-radius:2px;
  background:currentColor;
}
.project-order {
  display:grid;
  align-items:center;
  color:var(--text-secondary);
  font-size:13px;
}
.project-order > * { grid-area:1 / 1; }
.project-order > span {
  justify-self:start;
  font-size:12px;
  pointer-events:none;
}
.project-order select {
  appearance:none;
  min-height:44px;
  padding:0 1.65em 0 2.8em;
  border-radius:5px;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-weight:600;
}
.project-order select:hover { color:var(--accent); }
.project-order i {
  justify-self:end;
  color:var(--accent);
  font-size:10px;
  pointer-events:none;
}
.workspace-projects-hero .projects-hint { margin:10px 0 0; padding:0; color:var(--text-secondary); font-size:12px; }
[data-account-page="projects"] .project-list .workbench-result {
  padding:13px 17px;
  gap:12px 18px;
  border:0;
}
[data-account-page="projects"] .project-list .workbench-result h2 { margin:5px 0 0; line-height:1.5; }
[data-account-page="projects"] .project-list .workbench-result-title { color:var(--accent); font-weight:650; }
[data-account-page="projects"] .project-list .workbench-result-numbers { align-self:center; row-gap:8px; }
[data-account-page="projects"] .project-list .workbench-result-bottom { margin-top:3px; }
[data-account-page="projects"] .project-list [data-source-kind="workspace-sample"] { cursor:auto; }
[data-account-page="subscriptions"] .subscription-grid { grid-template-columns:1fr; gap:8px; }
[data-account-page="subscriptions"] .subscription-card {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto;
  align-items:center;
  gap:10px 20px;
  padding:14px 17px;
  background:transparent;
  border-radius:10px;
}
[data-account-page="subscriptions"] .subscription-card:nth-child(odd) { background:#f8f6f2; }
.subscription-card .subscription-description h2 { margin:3px 0; font-size:16px; line-height:1.5; }
.subscription-description h2 a { color:var(--accent); font-weight:650; }
.subscription-description h2 a:hover { text-decoration:underline; text-underline-offset:3px; }
.subscription-card .subscription-update { min-width:0; margin:0; padding:0; }
.subscription-card .subscription-update p { margin:3px 0 0; overflow-wrap:anywhere; }
.subscription-card .subscription-row-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:4px 10px; }
[data-account-page="subscriptions"] .subscription-first { padding:24px; border-radius:10px; background:#f8f6f2; text-align:left; }
[data-account-page="subscriptions"] .subscription-first > p { margin:7px 0 0; }
[data-account-page="account"] .account-setting {
  gap:10px 20px;
  padding:14px 17px;
  border:0;
  border-radius:10px;
}
[data-account-page="account"] .account-setting:nth-of-type(odd) { background:#f8f6f2; }
[data-account-page="account"] .account-setting p { margin:4px 0 0; }
[data-account-page="account"] .account-setting h2 { overflow-wrap:anywhere; }
.account-setting-actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.account-setting-actions button { min-height:36px; border-radius:8px; }
.account-heading-actions .retention-primary { color:var(--text-secondary); background:var(--soft); }
.surface-kicker { font-size:11px; line-height:1.7; color:var(--gold-ink); font-weight:500; letter-spacing:.5px; }
.company-invitation { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:40px; padding:29px 32px; background:#f7f3eb; border-radius:7px; }
.invitation-main h2 { margin:8px 0 12px; font-size:27px; font-weight:600; letter-spacing:-.6px; line-height:1.55; }
.invitation-main h2 span { color:var(--accent); }
.invitation-main > p:not(.surface-kicker) { max-width:390px; color:var(--text-secondary); font-size:12px; line-height:1.9; }
.invitation-main > .retention-primary { margin-top:20px; gap:20px; padding:11px 18px; font-size:13px; }
.invitation-benefits { display:flex; flex-direction:column; justify-content:center; gap:24px; }
.invitation-benefits > div { display:flex; gap:13px; align-items:flex-start; }
.benefit-icon { display:grid; place-items:center; flex-shrink:0; width:35px; height:35px; border-radius:50%; background:#eee5d4; color:#886735; font-size:17px; }
.invitation-benefits h3 { font-size:14px; font-weight:600; line-height:1.6; }
.invitation-benefits div p { margin-top:5px; font-size:12px; line-height:1.85; color:var(--text-secondary); }
.invitation-trust { color:#7d7c73; font-size:10px; line-height:1.9; }
.invitation-trust i { margin-right:5px; font-size:10px; }
.company-invitation-compact { display:flex; align-items:center; gap:16px; padding:22px 24px; border-radius:6px; background:#f7f3eb; }
.invitation-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#eee5d4; color:var(--gold-ink); font-size:22px; flex-shrink:0; }
.company-invitation-compact h2 { font-size:17px; line-height:1.7; font-weight:500; }
.company-invitation-compact p { margin-top:3px; color:var(--muted); font-size:11px; line-height:1.8; }
.company-invitation-compact > a { margin-left:auto; white-space:nowrap; }
.workspace-today { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:29px 0 20px; }
.workspace-today h2 { font-size:19px; font-weight:600; }
.workspace-today > span { font-size:11px; color:var(--muted); }
.workspace-section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:14px; }
.workspace-section-head > div { min-width:0; }
.workspace-section-head h2 { font-size:16px; font-weight:600; }
.workspace-section-head > a { white-space:nowrap; font-size:11px; }
.project-overview-metrics {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;
  padding:0; margin:0; list-style:none;
}
.project-overview-metrics a {
  display:flex; flex-direction:column; gap:8px; padding:14px 16px;
  border-radius:10px; background:#f8f6f2; color:var(--text-secondary); font-size:13px;
}
.project-overview-metrics a:is(:hover,:focus-visible) { background:rgb(var(--accent-rgb) / 6%); }
.project-overview-metrics strong { color:var(--ink); font-size:27px; line-height:1; font-weight:600; font-variant-numeric:tabular-nums; }
[data-workspace-layout="1"][data-account-page="overview"] #accountContent { margin-top:30px; }
[data-workspace-layout="1"] .project-overview-metrics {
  gap:6px;
  padding:3px;
  border-radius:12px;
  background:#f8f6f2;
}
[data-workspace-layout="1"] .project-overview-metrics a { background:transparent; }
[data-workspace-layout="1"] .project-overview-metrics a:is(:hover,:focus-visible) { background:rgb(var(--accent-rgb) / 6%); }
.workspace-urgent {
  display:flex; align-items:center; gap:9px; margin-top:12px; padding:11px 12px;
  border-radius:8px; background:rgb(var(--accent-rgb) / 5%); color:var(--accent); font-size:12px; line-height:1.8;
}
.workspace-urgent > span:last-child { margin-inline-start:auto; white-space:nowrap; }

.material-menu { position:relative; }
.material-menu summary { display:grid; place-items:center; width:32px; height:32px; border-radius:4px; color:var(--muted); cursor:pointer; font-size:18px; list-style:none; }
.material-menu summary::-webkit-details-marker { display:none; }
.material-menu summary:hover { background:white; }
.material-menu > div { position:absolute; z-index:10; top:33px; right:0; width:120px; background:white; padding:5px; border-radius:5px; box-shadow:0 7px 25px rgb(0 0 0 / 12%); }
.material-menu button { display:block; width:100%; min-height:38px; padding:8px 10px; border:0; background:white; color:var(--text-secondary); text-align:left; font-size:12px; cursor:pointer; }
.material-menu button:hover { color:var(--accent); background:var(--soft); }
.company-editor { margin-top:20px; }
.company-editor > label { display:block; font-size:12px; color:var(--text-secondary); }
.company-editor > label > select { display:block; width:100%; min-height:43px; margin-top:7px; border:1px solid var(--control-line); border-radius:4px; padding:8px; background:white; }
.company-editor .company-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.company-editor-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:7px; padding-top:16px; border-top:1px solid var(--line); }
.company-editor-footer > span { font-size:10px; color:var(--muted); line-height:1.8; }
.company-editor-error { font-size:12px; line-height:1.8; color:var(--accent); margin-top:8px; }
.company-editor-error[hidden] { display:none; }
.company-more { border-top:1px solid var(--line); }
.company-more > summary { display:flex; align-items:center; justify-content:space-between; padding:14px 0; font-size:12px; color:var(--muted); cursor:pointer; list-style:none; }
.company-more > summary::-webkit-details-marker { display:none; }
.company-more .company-form { margin:9px 0 14px; }
.company-private { font-size:11px; line-height:1.9; color:var(--muted); }
.company-private i { color:var(--gold-ink); margin-right:4px; }
.is-company-editor { width:min(600px,calc(100vw - 32px)); }
.is-company-editor [type="submit"]:disabled { opacity:.6; cursor:wait; }
.quick-company { padding-bottom:20px; }
.quick-company h3 { font-size:14px; font-weight:500; }
@media(max-width:1279px) {
  .account-shell { gap:28px; grid-template-columns:150px minmax(0,1fr); }
  .company-invitation { padding:26px; gap:28px; }
  .invitation-main h2 { font-size:24px; }
}
@media(max-width:1023px) {
  .account-shell { display:block; padding-top:20px; }
  .company-invitation { grid-template-columns:1fr 1fr; }
  .account-heading-actions { flex-direction:row; gap:14px; }
}
@media(max-width:719px) {
  .account-heading h1 { font-size:25px; }
  .workspace-paper-hero { padding:18px 15px; }
  .workspace-paper-hero::before { width:100%; opacity:.75; }
  .workspace-paper-heading h1 { font-size:26px; }
  .workspace-overview-heading,.workspace-projects-heading { margin-bottom:15px; }
  .workspace-projects-hero .project-tabs { column-gap:clamp(12px,3.5vw,22px); }
  .project-order { margin-inline-start:0; }
  [data-account-page="projects"] .project-list .workbench-result { padding:11px 12px; }
  [data-account-page="subscriptions"] .subscription-card { grid-template-columns:1fr; padding:12px; }
  .subscription-card .subscription-row-actions { justify-content:flex-start; }
  [data-account-page="account"] .account-setting { padding:12px; }
  #accountDescription { font-size:12px; }
  .project-overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .account-heading-actions { justify-content:space-between; }
  .company-invitation { grid-template-columns:1fr; gap:25px; padding:23px 21px; }
  .invitation-main h2 { font-size:25px; }
  .invitation-main > .retention-primary { display:flex; width:100%; justify-content:space-between; margin-top:17px; }
  .invitation-benefits { gap:17px; }
  .invitation-benefits h3 { font-size:13px; }
  .invitation-benefits div p { font-size:11px; }
  .invitation-trust { font-size:9px; }
  .company-invitation-compact { flex-wrap:wrap; padding:18px; gap:11px; }
  .company-invitation-compact > div { flex:1; min-width:170px; }
  .company-invitation-compact h2 { font-size:15px; }
  .company-invitation-compact > a { margin-left:49px; }
  .workspace-today { padding:25px 0 18px; }
  .workspace-today h2 { font-size:17px; }
  .workspace-today > span { font-size:9px; }
  .is-company-editor { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; margin:0; border-radius:0; }
  .is-company-editor .modal-card { padding:23px 20px; }
  .is-company-editor .company-form { display:grid; grid-template-columns:1fr; gap:18px; }
  .company-editor .company-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .company-editor-footer { position:sticky; bottom:-23px; padding:16px 0 max(18px,env(safe-area-inset-bottom)); background:white; }
  .company-editor-footer button { flex-shrink:0; }
}
@media(prefers-reduced-motion:no-preference) {
  .material-card:hover { background:#f0f0ea; }
}
@media(max-width:719px) {
  .invitation-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 16px; }
  .invitation-benefits > div { display:block; }
  .invitation-benefits .benefit-icon { display:none; }
  .invitation-trust { grid-column:1/-1; }
}