/*
 * AidSign mobile administration shell v2.
 * This file intentionally loads after admin.css and owns all mobile layout.
 */
@media (max-width: 782px) {
  :root { --asm-gap: 12px; --asm-edge: 12px; }

  html,
  body,
  #wpwrap,
  #wpcontent,
  #wpbody,
  #wpbody-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html.wp-toolbar { padding-top: 0 !important; }
  #wpadminbar, #wpfooter { display: none !important; }

  body.toplevel_page_aidsign,
  body[class*="aidsign_page_aidsign-"] {
    background: #f5f8fc !important;
  }

  body.toplevel_page_aidsign *,
  body[class*="aidsign_page_aidsign-"] * {
    box-sizing: border-box;
  }

  .as-business-app {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
    background: #f5f8fc !important;
  }

  .as-business-main {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .as-business-topbar { display: none !important; }

  /* Real off-canvas navigation. */
  .as-business-sidebar {
    display: flex !important;
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 10002 !important;
    width: min(84vw, 320px) !important;
    height: 100dvh !important;
    padding: max(22px, env(safe-area-inset-top)) 16px 22px !important;
    transform: translateX(-105%) !important;
    transition: transform .22s ease !important;
    overflow-y: auto !important;
    top: 0 !important;
  }

  body.as-mobile-menu-open .as-business-sidebar {
    transform: translateX(0) !important;
  }

  .as-mobile-menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 10001;
    display: none;
    background: rgba(12, 23, 42, .48);
    backdrop-filter: blur(2px);
  }

  body.as-mobile-menu-open .as-mobile-menu-overlay { display: block; }

  .as-mobile-topbar {
    position: relative !important;
    top: auto !important;
    z-index: 100 !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 11px !important;
    width: 100% !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    background: #fff !important;
    border-bottom: 1px solid #e1e7ef !important;
    box-shadow: 0 3px 14px rgba(27, 43, 68, .06) !important;
  }

  .as-mobile-nav-button {
    display: flex !important;
    width: 38px !important;
    height: 38px !important;
    padding: 8px 4px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    cursor: pointer !important;
  }

  .as-mobile-nav-button span {
    display: block !important;
    width: 28px !important;
    height: 3px !important;
    border-radius: 3px !important;
    background: #17243a !important;
  }

  .as-mobile-brand {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 9px !important;
  }

  .as-mobile-brand img {
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
  }

  .as-mobile-brand strong {
    display: block !important;
    color: #17243a !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  .as-mobile-brand small {
    display: block !important;
    margin-top: 4px !important;
    color: #8a97a7 !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  .as-mobile-office {
    max-width: 104px !important;
    overflow: hidden !important;
    color: #26364b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .as-business-main .as-admin-shell {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 22px var(--asm-edge) 100px !important;
    overflow: hidden !important;
  }

  .as-business-main .as-admin-shell > *,
  .as-business-main .as-admin-head,
  .as-client-hero,
  .as-record-tabs,
  .as-panel,
  .as-invite-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .as-admin-head {
    display: block !important;
    margin: 0 0 18px !important;
  }

  .as-admin-head > div { min-width: 0 !important; }

  .as-admin-head h1 {
    margin: 0 0 8px !important;
    font-size: clamp(28px, 8vw, 34px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
    white-space: normal !important;
  }

  .as-admin-head p {
    margin: 0 !important;
    overflow-wrap: anywhere !important;
    color: #6e7a8b !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .as-eyebrow { display: none !important; }

  .as-head-actions {
    display: flex !important;
    width: 100% !important;
    margin-top: 16px !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }

  .as-head-actions .as-button,
  .as-head-actions .button {
    display: inline-flex !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 17px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  /* Target hero: no element may define the page width. */
  .as-client-hero {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 18px !important;
    overflow: hidden !important;
    border-radius: 22px !important;
  }

  .as-client-hero > div:first-child {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
  }

  .as-client-hero > div:first-child > * { min-width: 0 !important; }

  .as-avatar {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    border-radius: 22px !important;
    font-size: 28px !important;
  }

  .as-client-name-row {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
  }

  .as-client-hero h2 {
    max-width: 100% !important;
    margin: 3px 0 !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(24px, 7.4vw, 30px) !important;
    line-height: 1.15 !important;
  }

  .as-client-hero p,
  .as-client-hero small {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  .as-client-summary {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 18px 0 0 !important;
    gap: 9px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  .as-client-summary > span {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 104px !important;
    margin: 0 !important;
    padding: 12px 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    border-radius: 16px !important;
  }

  .as-client-summary small { font-size: 11px !important; }
  .as-client-summary b { font-size: 30px !important; line-height: 1.1 !important; }
  .as-client-summary em { font-size: 11px !important; }

  /* Tabs stay inside viewport and can scroll intentionally. */
  .as-record-tabs {
    display: flex !important;
    margin: 0 0 18px !important;
    padding: 4px !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-radius: 17px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .as-record-tabs::-webkit-scrollbar { display: none !important; }

  .as-record-tabs > a {
    display: flex !important;
    min-width: 78px !important;
    min-height: 52px !important;
    padding: 0 12px !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 0 78px !important;
    border-radius: 13px !important;
    white-space: nowrap !important;
    font-size: 13px !important;
  }

  /* Panels and all nested controls. */
  .as-panel,
  .as-invite-panel {
    margin: 0 0 14px !important;
    padding: 18px !important;
    overflow: hidden !important;
    border-radius: 19px !important;
  }

  .as-panel *,
  .as-invite-panel * {
    max-width: 100%;
  }

  .as-panel-head {
    display: block !important;
    margin-bottom: 15px !important;
  }

  .as-panel-head h2 {
    margin: 0 0 5px !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  .as-panel-head p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .as-detail-grid,
  .as-record-overview-grid,
  .as-record-status-grid,
  .as-partner-link-grid,
  .as-form-grid,
  .as-qr-actions,
  .as-copy-row {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .as-qr-invite-card,
  .as-invite-status,
  .as-empty,
  .as-empty-state,
  .as-table-wrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .as-table-wrap { overflow-x: auto !important; }

  input,
  select,
  textarea,
  button,
  .as-button {
    max-width: 100% !important;
    font-size: 16px !important;
  }

  input,
  select,
  textarea {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 390px) {
  :root { --asm-edge: 10px; }
  .as-mobile-office { max-width: 72px !important; }
  .as-client-hero { padding: 16px !important; }
  .as-client-hero > div:first-child {
    grid-template-columns: 60px minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  .as-avatar {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
  }
}


/* v0.26.4 vertical mobile drawer */
@media (max-width: 782px) {
  .as-business-sidebar {
    display: block !important;
    width: min(86vw, 340px) !important;
    max-width: 340px !important;
    padding: max(18px, env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .as-sidebar-brand-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px !important;
    align-items: start !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
  }

  .as-sidebar-brand {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  .as-sidebar-brand img {
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
  }

  .as-sidebar-brand > div {
    min-width: 0 !important;
    font-size: 29px !important;
    line-height: 1 !important;
  }

  .as-sidebar-brand small {
    display: block !important;
    margin-top: 8px !important;
    color: #aab6c8 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }

  .as-sidebar-close {
    position: relative !important;
    display: flex !important;
    width: 54px !important;
    height: 64px !important;
    padding: 5px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
    color: #fff !important;
    cursor: pointer !important;
  }

  .as-sidebar-close span {
    position: absolute !important;
    top: 18px !important;
    width: 30px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: #fff !important;
  }

  .as-sidebar-close span:first-child { transform: rotate(45deg) !important; }
  .as-sidebar-close span:nth-child(2) { transform: rotate(-45deg) !important; }

  .as-sidebar-close small {
    margin-top: 39px !important;
    color: #b4c0d0 !important;
    font-size: 11px !important;
  }

  .as-mobile-office-card {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 22px !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
    padding: 14px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.06) !important;
  }

  .as-mobile-office-avatar {
    display: grid !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    place-items: center !important;
    background: linear-gradient(145deg,#2167ef,#2c8bff) !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
  }

  .as-mobile-office-card strong {
    display: block !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 16px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .as-mobile-office-card small {
    display: block !important;
    margin-top: 5px !important;
    overflow: hidden !important;
    color: #9eacc1 !important;
    font-size: 12px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .as-mobile-office-card > .dashicons {
    color: #d7dfeb !important;
  }

  .as-business-sidebar nav {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .as-business-sidebar nav > a {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 0 !important;
    grid-template-columns: 34px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 10px !important;
    color: #f2f5fa !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .as-business-sidebar nav > a::after {
    content: "›" !important;
    color: #dce4ef !important;
    font-size: 27px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    text-align: right !important;
  }

  .as-business-sidebar nav > a > .dashicons {
    width: 27px !important;
    height: 27px !important;
    color: #eaf0f8 !important;
    font-size: 27px !important;
    line-height: 27px !important;
  }

  .as-business-sidebar nav > a.is-active {
    margin: 5px 0 !important;
    border-bottom-color: transparent !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,#2262df,#2b70ed) !important;
    box-shadow: 0 8px 20px rgba(28,83,199,.24) !important;
    color: #fff !important;
  }

  .as-business-sidebar nav > a.is-active + a {
    border-top-color: transparent !important;
  }

  .as-mobile-quick-actions {
    display: block !important;
    margin-top: 22px !important;
  }

  .as-mobile-quick-actions > p {
    margin: 0 0 10px 4px !important;
    color: #91a0b6 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  .as-mobile-quick-actions > a {
    display: grid !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 0 9px !important;
    padding: 10px 13px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 14px !important;
    grid-template-columns: 34px minmax(0,1fr) 18px !important;
    align-items: center !important;
    gap: 10px !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    text-decoration: none !important;
  }

  .as-mobile-quick-actions > a > .dashicons:first-child {
    display: grid !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    place-items: center !important;
    background: #2468e9 !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 34px !important;
  }

  .as-mobile-quick-actions > a:nth-of-type(2) > .dashicons:first-child {
    background: #24aa78 !important;
  }

  .as-mobile-quick-actions strong {
    font-size: 14px !important;
  }

  .as-mobile-quick-actions > a > .dashicons:last-child {
    color: #dce4ef !important;
  }

  .as-mobile-logout {
    display: flex !important;
    min-height: 56px !important;
    margin-top: 18px !important;
    padding: 0 12px !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
    align-items: center !important;
    gap: 12px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
  }

  .as-mobile-logout .dashicons {
    font-size: 25px !important;
  }

  .as-sidebar-foot {
    display: none !important;
  }
}


/* v0.26.5 mobile office selector */
@media (max-width: 782px) {
  .as-mobile-office-card {
    appearance:none !important;
    -webkit-appearance:none !important;
    width:100% !important;
    color:inherit !important;
    text-align:left !important;
    cursor:pointer !important;
  }
  .as-mobile-office-text { display:block !important; min-width:0 !important; }
  .as-office-chevron { transition:transform .18s ease !important; }
  .as-mobile-office-card[aria-expanded="true"] .as-office-chevron { transform:rotate(180deg) !important; }

  .as-mobile-office-choices {
    display:block !important;
    width:100% !important;
    margin:-7px 0 18px !important;
    padding:10px !important;
    border:1px solid rgba(255,255,255,.11) !important;
    border-radius:15px !important;
    background:rgba(3,12,30,.34) !important;
  }
  .as-mobile-office-choices[hidden] { display:none !important; }
  .as-mobile-office-choices > p {
    margin:2px 4px 9px !important;
    color:#94a4ba !important;
    font-size:11px !important;
    font-weight:800 !important;
  }
  .as-mobile-office-choices form { display:block !important; width:100% !important; margin:0 0 7px !important; }
  .as-mobile-office-choices form:last-of-type { margin-bottom:0 !important; }
  .as-mobile-office-choices button {
    display:grid !important;
    width:100% !important;
    min-height:58px !important;
    padding:9px 10px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:12px !important;
    grid-template-columns:38px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:10px !important;
    background:rgba(255,255,255,.045) !important;
    color:#fff !important;
    text-align:left !important;
    cursor:pointer !important;
  }
  .as-mobile-office-choices button.is-current {
    border-color:rgba(75,130,255,.52) !important;
    background:rgba(45,101,226,.20) !important;
  }
  .as-office-choice-avatar {
    display:grid !important;
    width:38px !important;
    height:38px !important;
    border-radius:50% !important;
    place-items:center !important;
    background:linear-gradient(145deg,#2167ef,#2f8bff) !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:900 !important;
  }
  .as-mobile-office-choices button > span:nth-child(2) { min-width:0 !important; }
  .as-mobile-office-choices strong {
    display:block !important;
    overflow:hidden !important;
    color:#fff !important;
    font-size:13px !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .as-mobile-office-choices small {
    display:block !important;
    margin-top:3px !important;
    overflow:hidden !important;
    color:#93a3b9 !important;
    font-size:10px !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .as-mobile-office-choices em {
    padding:4px 7px !important;
    border-radius:999px !important;
    background:rgba(72,205,153,.15) !important;
    color:#7de1b6 !important;
    font-size:10px !important;
    font-style:normal !important;
    font-weight:800 !important;
  }
  .as-mobile-office-single {
    padding:9px 7px 2px !important;
    color:#8797ad !important;
    font-size:10px !important;
    line-height:1.5 !important;
  }
}


/* v0.26.6 mobile management rows */
@media(max-width:782px){
 .as-manage-row{padding:13px 0!important}
 .as-icon-delete{min-width:58px!important;min-height:40px!important}
 .as-checkbox-row{width:100%!important;min-height:52px!important}
 .as-checkbox-box{width:28px!important;height:28px!important;flex-basis:28px!important}
 .as-checkbox-label{font-size:15px!important}
 .as-table td form{margin-top:8px!important}
}


/* v0.26.7 partner management and mobile office title */
@media(max-width:782px){
 .as-mobile-topbar{
  grid-template-columns:38px minmax(116px,1fr) minmax(112px,42vw)!important;
 }
 .as-mobile-office{
  display:-webkit-box!important;
  max-width:none!important;
  overflow:hidden!important;
  color:#26364b!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:right!important;
  text-overflow:clip!important;
  white-space:normal!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
 }
 .as-mobile-brand strong{font-size:19px!important}
 .as-mobile-brand small{font-size:9px!important}

 .as-partner-master-card{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:start!important;
 }
 .as-partner-master-body{min-width:0!important}
 .as-partner-master-body strong,
 .as-partner-master-body p{
  overflow-wrap:anywhere!important;
 }
 .as-partner-usage{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin-top:8px!important;
 }
 .as-partner-usage span{
  padding:4px 7px!important;
  border-radius:999px!important;
  background:#eef3f9!important;
  color:#5f6e82!important;
  font-size:10px!important;
  font-weight:800!important;
 }
 .as-partner-master-card form{margin:0!important}
}
@media(max-width:390px){
 .as-mobile-topbar{
  grid-template-columns:36px minmax(104px,1fr) minmax(92px,38vw)!important;
  gap:8px!important;
  padding-left:10px!important;
  padding-right:10px!important;
 }
 .as-mobile-brand img{width:38px!important;height:38px!important;flex-basis:38px!important}
 .as-mobile-brand strong{font-size:17px!important}
 .as-mobile-office{font-size:10px!important}
}


/* v0.44.0: mobile document tables become readable cards instead of compressed columns. */
@media (max-width: 782px) {
  .as-mobile-card-table {
    overflow: visible !important;
  }

  .as-mobile-card-table .as-table,
  .as-mobile-card-table .as-table tbody,
  .as-mobile-card-table .as-table tr,
  .as-mobile-card-table .as-table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .as-mobile-card-table .as-table {
    border: 0 !important;
    background: transparent !important;
  }

  .as-mobile-card-table .as-table thead {
    display: none !important;
  }

  .as-mobile-card-table .as-table tbody {
    display: grid !important;
    gap: 12px !important;
  }

  .as-mobile-card-table .as-table tr {
    position: relative !important;
    padding: 17px 16px 15px !important;
    border: 1px solid #dfe6ef !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 5px 16px rgba(25, 42, 68, .045) !important;
  }

  .as-mobile-card-table .as-table td {
    padding: 0 !important;
    border: 0 !important;
    color: #17243a !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }

  .as-mobile-card-table .as-table td[data-label="対象者"] {
    padding-right: 96px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
  }

  .as-mobile-card-table .as-table td[data-label="書類"] {
    margin-top: 7px !important;
    padding-right: 8px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  .as-mobile-card-table .as-table td[data-label="書類"] small {
    display: block !important;
    margin-top: 3px !important;
    color: #7a8798 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  .as-mobile-card-table .as-table td[data-label="状態"] {
    position: absolute !important;
    top: 15px !important;
    right: 14px !important;
    width: auto !important;
  }

  .as-mobile-card-table .as-table td[data-label="状態"] .as-badge {
    min-height: 30px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
  }

  .as-mobile-card-table .as-table td[data-label="登録日"] {
    margin-top: 12px !important;
    padding-top: 11px !important;
    border-top: 1px solid #edf1f6 !important;
    color: #6f7c8e !important;
    font-size: 12px !important;
  }

  .as-mobile-card-table .as-table td[data-label="登録日"]::before {
    content: "登録日  ";
    font-weight: 700;
    color: #8a96a6;
  }

  .as-mobile-card-table .as-table .as-row-action {
    margin-top: 10px !important;
  }

  .as-mobile-card-table .as-table .as-row-action .as-button {
    width: 100% !important;
    min-height: 42px !important;
    border-radius: 11px !important;
  }

  .as-dashboard-grid .as-panel-head > a {
    display: inline-flex !important;
    margin-top: 9px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }
}


/* v0.44.2: partner-delivery history uses the same readable mobile card pattern in demo and production. */
@media (max-width: 782px) {
 .as-partner-delivery-cards{overflow:visible!important}
 .as-partner-delivery-cards .as-table,.as-partner-delivery-cards .as-table tbody,.as-partner-delivery-cards .as-table tr,.as-partner-delivery-cards .as-table td{display:block!important;width:100%!important;min-width:0!important}
 .as-partner-delivery-cards .as-table thead{display:none!important}
 .as-partner-delivery-cards .as-table tbody{display:grid!important;gap:12px!important}
 .as-partner-delivery-cards .as-table tr{position:relative!important;padding:17px 16px!important;border:1px solid #dfe6ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 16px rgba(25,42,68,.045)!important}
 .as-partner-delivery-cards .as-table td{padding:0!important;border:0!important;font-size:14px!important;line-height:1.55!important;overflow-wrap:anywhere!important;writing-mode:horizontal-tb!important}
 .as-partner-delivery-cards td[data-label="対象者"]{padding-right:92px!important;font-size:17px!important;font-weight:800!important}
 .as-partner-delivery-cards td[data-label="対象者"] small,.as-partner-delivery-cards td[data-label="書類"]{display:block!important;margin-top:6px!important;font-size:15px!important;font-weight:700!important;color:#17243a!important}
 .as-partner-delivery-cards td[data-label="配信先"]{margin-top:12px!important;padding-top:11px!important;border-top:1px solid #edf1f6!important}
 .as-partner-delivery-cards td[data-label="配信先"]:before{content:"配信先";display:block;margin-bottom:3px;color:#8a96a6;font-size:11px;font-weight:700!important}
 .as-partner-delivery-cards td[data-label="配信先"] small{display:block!important;margin-top:2px!important;color:#7a8798!important;font-size:12px!important}
 .as-partner-delivery-cards td[data-label="確認方法"]{margin-top:9px!important;color:#566477!important}
 .as-partner-delivery-cards td[data-label="確認方法"]:before{content:"確認方法  ";font-size:11px;font-weight:700;color:#8a96a6}
 .as-partner-delivery-cards td[data-label="状態"]{position:absolute!important;top:15px!important;right:14px!important;width:auto!important}
 .as-partner-delivery-cards td[data-label="状態"] .as-badge{white-space:nowrap!important;writing-mode:horizontal-tb!important}
 .as-partner-delivery-cards td[data-label="配信日時"]{margin-top:8px!important;color:#6f7c8e!important;font-size:12px!important}
 .as-partner-delivery-cards td[data-label="配信日時"]:before{content:"配信日時  ";font-weight:700;color:#8a96a6}
 .as-partner-delivery-cards .as-row-action{margin-top:11px!important}
 .as-partner-delivery-cards .as-row-action .as-button{width:100%!important;min-height:42px!important}
 .as-detail-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:14px!important}
 .as-detail-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
 .as-detail-list div{display:grid!important;grid-template-columns:96px 1fr!important;gap:10px!important;padding:11px 0!important;border-bottom:1px solid #edf1f6!important}
 .as-detail-list dt{font-size:12px!important;font-weight:700!important;color:#7a8798!important}
 .as-detail-list dd{margin:0!important;font-weight:700!important;color:#17243a!important}
 .as-detail-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:16px!important}
 .as-timeline{list-style:none!important;margin:0!important;padding:0!important}
 .as-timeline li{position:relative!important;padding:0 0 18px 30px!important}
 .as-timeline li:before{content:""!important;position:absolute!important;left:4px!important;top:4px!important;width:12px!important;height:12px!important;border:2px solid #b8c3d2!important;border-radius:50%!important;background:#fff!important}
 .as-timeline li:not(:last-child):after{content:""!important;position:absolute!important;left:9px!important;top:17px!important;width:2px!important;height:calc(100% - 8px)!important;background:#e1e7ef!important}
 .as-timeline li.is-complete:before{border-color:#18864b!important;background:#18864b!important}
 .as-timeline b,.as-timeline span{display:block!important}
 .as-timeline span{margin-top:2px!important;color:#7a8798!important;font-size:12px!important}
}
@media (min-width: 783px){.as-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.as-detail-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.as-detail-list{margin:0}.as-detail-list div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #edf1f6}.as-detail-list dt{font-weight:700;color:#6b7485}.as-detail-list dd{margin:0;font-weight:700}.as-detail-actions{display:flex;gap:10px;margin-top:18px}.as-timeline{list-style:none;margin:0;padding:0}.as-timeline li{position:relative;padding:0 0 20px 34px}.as-timeline li:before{content:"";position:absolute;left:5px;top:4px;width:13px;height:13px;border:2px solid #b8c3d2;border-radius:50%;background:#fff}.as-timeline li:not(:last-child):after{content:"";position:absolute;left:11px;top:19px;width:2px;height:calc(100% - 8px);background:#e1e7ef}.as-timeline li.is-complete:before{border-color:#18864b;background:#18864b}.as-timeline b,.as-timeline span{display:block}.as-timeline span{margin-top:3px;color:#7a8798;font-size:12px}}


/* v0.44.3: shared production/demo off-canvas navigation behavior. */
@media (max-width: 782px) {
  body.as-mobile-menu-open {
    overflow: hidden !important;
    touch-action: none;
  }

  .aidsign-admin-demo-body.as-mobile-menu-open .as-admin-demo-app .as-business-sidebar {
    transform: translateX(0) !important;
  }

  .aidsign-admin-demo-body .as-business-sidebar {
    visibility: visible !important;
  }

  .aidsign-admin-demo-body .as-sidebar-foot {
    margin-top: auto !important;
  }

  .aidsign-admin-demo-body .as-demo-back-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    margin-top: 12px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 10px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }
}

/* v0.56.7 - mobile client list rebuilt as readable cards */
@media (max-width: 782px) {
  .as-client-table-panel{
    padding:14px!important;
    overflow:visible!important;
  }
  .as-client-toolbar{
    display:block!important;
  }
  .as-client-toolbar-title{
    margin-bottom:12px!important;
  }
  .as-client-toolbar-controls{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .as-client-search,
  .as-client-toolbar-controls select,
  .as-client-create-popover,
  .as-client-create-popover>summary{
    width:100%!important;
    max-width:100%!important;
  }
  .as-client-create-popover>summary{
    min-height:48px!important;
  }

  .as-client-table-wrap{
    overflow:visible!important;
    margin-top:16px!important;
  }
  .as-client-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    border-collapse:separate!important;
  }
  .as-client-table thead{
    display:none!important;
  }
  .as-client-table tbody{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
  }
  .as-client-table tr[data-client-row]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px 12px!important;
    width:100%!important;
    min-width:0!important;
    padding:16px!important;
    border:1px solid #e3e9f1!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(20,38,70,.035)!important;
  }
  .as-client-table tr[data-client-row] td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    vertical-align:top!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .as-client-table .as-client-name-cell{
    grid-column:1/-1!important;
    padding-bottom:12px!important;
    border-bottom:1px solid #eef2f6!important;
  }
  .as-client-table .as-client-name-cell>a{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    width:100%!important;
    min-width:0!important;
    text-decoration:none!important;
  }
  .as-client-table .as-client-avatar-sm{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:13px!important;
  }
  .as-client-table .as-client-name-cell strong{
    display:block!important;
    font-size:17px!important;
    line-height:1.35!important;
    color:#17243a!important;
  }
  .as-client-table .as-client-name-cell small{
    margin-top:3px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  .as-client-table tr[data-client-row] td:nth-child(2),
  .as-client-table tr[data-client-row] td:nth-child(3){
    display:flex!important;
    align-items:center!important;
    min-height:30px!important;
  }
  .as-client-table tr[data-client-row] td:nth-child(2){
    grid-column:1!important;
  }
  .as-client-table tr[data-client-row] td:nth-child(3){
    grid-column:2!important;
    justify-content:flex-end!important;
  }
  .as-client-table .as-service-name{
    display:inline-flex!important;
    max-width:100%!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    color:#475569!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.35!important;
    white-space:normal!important;
  }
  .as-client-table .as-badge{
    max-width:150px!important;
    padding:5px 9px!important;
    font-size:11px!important;
    line-height:1.35!important;
    text-align:center!important;
    white-space:normal!important;
  }

  .as-client-table tr[data-client-row] td:nth-child(4),
  .as-client-table tr[data-client-row] td:nth-child(5),
  .as-client-table tr[data-client-row] td:nth-child(6),
  .as-client-table tr[data-client-row] td:nth-child(7){
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    padding-top:10px!important;
    border-top:1px solid #f0f3f7!important;
    font-size:13px!important;
    line-height:1.55!important;
  }
  .as-client-table tr[data-client-row] td:nth-child(4)::before{content:"最新書類"}
  .as-client-table tr[data-client-row] td:nth-child(5)::before{content:"対応"}
  .as-client-table tr[data-client-row] td:nth-child(6)::before{content:"関係先"}
  .as-client-table tr[data-client-row] td:nth-child(7)::before{content:"最終更新"}
  .as-client-table tr[data-client-row] td:nth-child(4)::before,
  .as-client-table tr[data-client-row] td:nth-child(5)::before,
  .as-client-table tr[data-client-row] td:nth-child(6)::before,
  .as-client-table tr[data-client-row] td:nth-child(7)::before{
    color:#8793a5!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.55!important;
  }
  .as-client-table tr[data-client-row] td:nth-child(4)>*,
  .as-client-table tr[data-client-row] td:nth-child(5)>*,
  .as-client-table tr[data-client-row] td:nth-child(6)>*,
  .as-client-table tr[data-client-row] td:nth-child(7)>*{
    grid-column:2!important;
    min-width:0!important;
  }
  .as-client-table .as-related-count{
    display:inline-flex!important;
    margin:0 10px 3px 0!important;
    white-space:normal!important;
  }
  .as-client-table .as-complete-mark,
  .as-client-table .as-attention-link{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
  }
  .as-client-table .as-latest-document{
    display:block!important;
    font-size:13px!important;
    line-height:1.45!important;
  }

  .as-client-table tr[data-client-row] td:nth-child(8){
    grid-column:1/-1!important;
    padding-top:12px!important;
    border-top:1px solid #eef2f6!important;
  }
  .as-client-table .as-row-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr 44px!important;
    gap:8px!important;
    width:100%!important;
  }
  .as-client-table .as-row-actions .as-button,
  .as-client-table .as-icon-action{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    margin:0!important;
    padding:9px 10px!important;
    font-size:13px!important;
    border-radius:10px!important;
  }
  .as-client-table .as-icon-action{
    display:grid!important;
    place-items:center!important;
    border:1px solid #d5deea!important;
    background:#fff!important;
  }
}


/* v0.57.8 - mobile header and client summary polish */
@media (max-width: 782px) {
  .as-mobile-topbar {
    grid-template-columns: 38px minmax(0, 1fr) minmax(92px, 112px) !important;
    gap: 10px !important;
    min-height: 78px !important;
    padding: 10px 12px !important;
  }
  .as-mobile-brand { min-width: 0 !important; overflow: hidden !important; }
  .as-mobile-brand img { width: 40px !important; height: 40px !important; flex-basis: 40px !important; }
  .as-mobile-brand > div { min-width: 0 !important; }
  .as-mobile-brand strong { font-size: 19px !important; white-space: nowrap !important; }
  .as-mobile-office {
    width: 100% !important;
    max-width: 112px !important;
    overflow: visible !important;
    color: #26364b !important;
    font-size: 11px !important;
    line-height: 1.28 !important;
    font-weight: 800 !important;
    text-align: right !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .as-client-index-summary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    width: 100% !important;
    margin: 0 0 16px !important;
  }
  .as-client-index-summary button {
    appearance: none !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas: "label count" "hint hint" !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 72px !important;
    padding: 12px 13px !important;
    border: 1px solid #dfe6ef !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(26,43,68,.04) !important;
    text-align: left !important;
  }
  .as-client-index-summary button:last-child { grid-column: 1 / -1 !important; }
  .as-client-index-summary button.is-active {
    border-color: #2f63e7 !important;
    background: #f5f8ff !important;
    box-shadow: inset 0 0 0 1px #2f63e7 !important;
  }
  .as-client-index-summary span {
    grid-area: label !important;
    min-width: 0 !important;
    color: #344258 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }
  .as-client-index-summary strong {
    grid-area: count !important;
    margin-left: 8px !important;
    color: #14213a !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }
  .as-client-index-summary small {
    grid-area: hint !important;
    display: block !important;
    margin-top: 7px !important;
    color: #7b8797 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
}
@media (max-width: 370px) {
  .as-mobile-topbar { grid-template-columns: 36px minmax(0,1fr) 88px !important; padding-left:10px !important; padding-right:10px !important; }
  .as-mobile-brand img { width: 36px !important; height: 36px !important; flex-basis:36px !important; }
  .as-mobile-brand strong { font-size: 18px !important; }
  .as-mobile-office { max-width: 88px !important; font-size: 10px !important; }
}

/* v0.58.52 mobile topbar final override */
@media(max-width:782px){
 .as-mobile-office.as-mobile-office-top{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;
  -webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;
 }
 .as-mobile-office.as-mobile-office-top>span:first-child{
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 }
}

/* v0.58.54 final office-name override */
@media(max-width:782px){
 .as-mobile-office.as-mobile-office-top{overflow:visible!important}
 .as-mobile-office.as-mobile-office-top .as-mobile-office-copy strong{
  white-space:normal!important;
  text-overflow:clip!important;
  overflow:visible!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
 }
}

/* v0.58.61 definitive mobile header override */
@media(max-width:782px){
 .as-mobile-topbar{grid-template-columns:38px minmax(126px,146px) minmax(0,1fr)!important;gap:7px!important;min-height:82px!important;padding:10px!important}
 .as-mobile-brand{min-width:0!important;overflow:visible!important}
 .as-mobile-brand img{width:38px!important;height:38px!important;flex-basis:38px!important;object-fit:contain!important}
 .as-mobile-office.as-mobile-office-top{display:grid!important;grid-template-columns:minmax(0,1fr) 16px!important;width:100%!important;max-width:none!important;min-height:54px!important;overflow:visible!important;white-space:normal!important}
 .as-mobile-office.as-mobile-office-top>.as-mobile-office-copy{display:flex!important;flex-direction:column!important;align-items:flex-end!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important}
 .as-mobile-office.as-mobile-office-top .as-mobile-office-copy strong{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;line-height:1.25!important;max-height:2.5em!important;overflow-wrap:anywhere!important}
}

/* v0.58.69: navigation follows the AidSign workflow */
@media (max-width: 782px) {
  .as-mobile-office-card {
    grid-template-columns: 38px minmax(0,1fr) 18px !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
  }
  .as-mobile-office-avatar {
    width: 38px !important;
    height: 38px !important;
    font-size: 16px !important;
  }
  .as-mobile-office-card strong { font-size: 14px !important; }
  .as-mobile-office-card small { margin-top: 2px !important; font-size: 11px !important; }

  .as-business-sidebar nav > a {
    min-height: 62px !important;
    grid-template-columns: 31px minmax(0,1fr) 18px !important;
    gap: 11px !important;
  }
  .as-business-sidebar nav > a > .dashicons {
    width: 25px !important;
    height: 25px !important;
    font-size: 25px !important;
    line-height: 25px !important;
  }
  .as-nav-copy { display:block !important; min-width:0 !important; }
  .as-nav-copy strong {
    display:block !important;
    color:inherit !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
  }
  .as-nav-copy small {
    display:block !important;
    margin-top:3px !important;
    color:#8f9db2 !important;
    font-size:10.5px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
  }
  .as-business-sidebar nav > a.is-active .as-nav-copy small { color:#dce8ff !important; }

  .as-mobile-quick-actions.as-next-action { margin-top:18px !important; }
  .as-mobile-quick-actions.as-next-action > p::before {
    content:'●'; margin-right:7px; color:#5f8fff; font-size:8px; vertical-align:2px;
  }
  .as-mobile-quick-actions.as-next-action > a {
    min-height:68px !important;
    border-color:rgba(104,145,255,.32) !important;
    background:linear-gradient(135deg,rgba(36,104,233,.16),rgba(255,255,255,.055)) !important;
  }
  .as-next-action-copy { display:block !important; min-width:0 !important; }
  .as-next-action-copy strong { display:block !important; font-size:14px !important; }
  .as-next-action-copy small {
    display:block !important;
    margin-top:4px !important;
    overflow:hidden !important;
    color:#aab6c8 !important;
    font-size:10.5px !important;
    font-weight:600 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}


/* v0.64.2 — client filter visibility must override mobile card display */
.as-client-table tr[data-client-row][hidden],
.as-client-table [data-client-row][hidden],
.as-client-index-v2 [data-client-row][hidden]{
  display:none!important;
}
.as-client-empty-filter[hidden]{
  display:none!important;
}


/* v0.66.3 — responsive audit hardening */
@media(max-width:782px){
 .as-admin-shell,.as-business-content,.as-panel,.as-panel-head,.as-table-wrap,.as-detail-grid,.as-form-grid,.as-two-column,.as-dashboard-grid,.as-settings-grid,.as-kpi-grid{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 .as-panel h1,.as-panel h2,.as-panel h3,.as-panel p,.as-panel span,.as-panel small,.as-panel b,.as-panel strong,.as-panel em,.as-panel label,.as-panel dt,.as-panel dd,.as-card h1,.as-card h2,.as-card h3,.as-card span,.as-card small,.as-card b,.as-card strong{writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important;overflow-wrap:anywhere}
 .as-table-wrap:not(.as-mobile-card-table):not(.as-client-doc-table-wrap){overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
 .as-table-wrap:not(.as-mobile-card-table):not(.as-client-doc-table-wrap)>.as-table{min-width:680px}
 .as-filter-row{display:flex!important;overflow-x:auto!important;max-width:100%!important;gap:7px!important;padding-bottom:4px!important}.as-filter-row>*{flex:0 0 auto!important;white-space:nowrap!important}
 .as-panel-head{gap:12px!important}.as-panel-head>div{min-width:0!important}.as-panel-head .as-search{width:100%!important;max-width:none!important}.as-panel-head .as-search input{width:100%!important;min-width:0!important}
 .as-detail-list>div{grid-template-columns:minmax(88px,34%) minmax(0,1fr)!important}.as-detail-list dt,.as-detail-list dd{min-width:0!important;white-space:normal!important}
 .as-head-actions,.as-form-actions,.as-detail-actions{max-width:100%!important;flex-wrap:wrap!important}.as-head-actions .as-button,.as-form-actions .as-button,.as-detail-actions .as-button{max-width:100%!important;white-space:normal!important;text-align:center}
}
/* v0.69.151 partner collaboration navigation */
.as-business-sidebar .as-nav-sub{margin:-8px 0 10px 54px;display:grid;gap:4px}
.as-business-sidebar .as-nav-sub a{min-height:38px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:700;color:#aebbd2;display:flex;align-items:center;justify-content:space-between;text-decoration:none}
.as-business-sidebar .as-nav-sub a.is-current{background:rgba(66,111,232,.16);color:#fff}
.as-business-sidebar .as-nav-sub em{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#4169e1;color:#fff;font-size:12px;font-style:normal;display:inline-flex;align-items:center;justify-content:center}