/* Shared application canvas. The active theme otherwise constrains app pages
   to its prose-oriented article width. */
:root{
  --auditteam-shell-width:1232px;
  --auditteam-content-width:1184px;
}

body:has(:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access)) main.flex-1>article{
  box-sizing:border-box!important;
  width:min(var(--auditteam-shell-width),100%)!important;
  max-width:var(--auditteam-shell-width)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* WordPress themes use several different prose wrappers. Limit these changes
   to a page that actually contains the application. */
body:has(:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access)) :is(main>article,.site-main>article,article.page,.entry-content,.wp-block-post-content){
  box-sizing:border-box!important;
  width:min(var(--auditteam-shell-width),calc(100vw - 24px))!important;
  max-width:var(--auditteam-shell-width)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:var(--auditteam-content-width)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow-x:clip;
}

.auditteam-actions-access{
  width:min(760px,calc(100% - 24px))!important;
  max-width:760px!important;
}

:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access),
:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access) *{
  box-sizing:border-box;
}

:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access) :is(.at-row,.at-between,.at-dashboard-actions,.at-v16-section-head,.at-db-toolbar,.at-report-toolbar,.at-followup-toolbar){
  min-width:0;
}

:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access) :is(.at-table-wrap,.at-db-table-wrap,.at-followup-table-wrap,.at-report-table-wrap){
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
}

:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access) :is(img,svg,canvas){
  max-width:100%;
}

/* Canonical Dashboard control: the supplied product mark plus a visible label. */
:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access)
:is(.at-nav-dashboard,.auditteam-account-dashboard,.auditteam-actions-dashboard){
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}
:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access)
:is(.at-nav-dashboard,.auditteam-account-dashboard,.auditteam-actions-dashboard)::before{
  content:"";
  display:inline-block;
  box-sizing:border-box;
  width:24px;
  height:24px;
  min-width:24px;
  flex:0 0 24px;
  border:2px solid #fff;
  border-radius:50%;
  background:url("auditteam-dashboard-icon.png") center/contain no-repeat;
}
:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access)
:is(.at-nav-dashboard,.auditteam-account-dashboard,.auditteam-actions-dashboard)>
:is(.at-v16-nav-icon,.at-v13-icon,span[aria-hidden="true"]){
  display:none!important;
}

/* My Actions uses the requested follow-up green and the shared icon-tile form. */
:is(.auditteam-ui,.auditteam-account-wrap) .auditteam-actions-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  background:#91c900!important;
  border-color:#91c900!important;
  color:#fff!important;
}
:is(.auditteam-ui,.auditteam-account-wrap) .auditteam-actions-link:hover,
:is(.auditteam-ui,.auditteam-account-wrap) .auditteam-actions-link:focus-visible{
  background:#82b500!important;
  border-color:#82b500!important;
  color:#fff!important;
}
:is(.auditteam-ui,.auditteam-account-wrap) .auditteam-actions-check{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  box-sizing:border-box!important;
  border:2px solid rgba(255,255,255,.92)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-family:"Arial Black",Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:900!important;
  -webkit-text-stroke:.6px #fff;
  text-shadow:0 0 .4px #fff;
  line-height:1!important;
}

/* The remaining colored navigation buttons use the same heavy white icon frame. */
.auditteam-ui :is(.at-nav-insights,.at-nav-audit-plan,.at-nav-strategic-risk,.at-nav-followup,.at-nav-summary-findings,.at-nav-audit-report,.at-nav-followup-report)>
:is(.at-v16-nav-icon,.at-v13-icon),
.auditteam-ui .auditteam-account-icon,
.auditteam-account-wrap .auditteam-account-icon{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border:2px solid rgba(255,255,255,.92)!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.18)!important;
  line-height:1!important;
}

.auditteam-product-logo{
  box-sizing:content-box!important;
  padding:2px!important;
  border:2px solid #fff!important;
  border-radius:10px!important;
}

:is(
  #at-dashboard-render,
  #at-rcm-render,
  #at-report-render,
  #at-report-v13-render,
  #at-followup-render,
  #at-followup-v13-render,
  #at-test-v13-render,
  #at-auditplan-render,
  #at-document-builder-render
){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

@media(max-width:760px){
  body:has(:is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access)) main.flex-1>article{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  :is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access) :is(.at-dashboard-actions,.at-db-toolbar,.at-report-toolbar,.at-followup-toolbar){
    flex-wrap:wrap;
  }
}

@media(prefers-reduced-motion:reduce){
  :is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access) *,
  :is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access) *::before,
  :is(.auditteam-ui,.auditteam-account-wrap,.auditteam-plans,.auditteam-actions,.auditteam-actions-access) *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}


/* Create Audit has one canonical requirement-source control. The legacy
   requirements UI can still be present in the active theme; suppress it with
   CSS rather than mutating the modal DOM. This keeps modal opening passive and
   avoids observer/timer feedback loops. */
#at-modal-bg.open #at-modal-body .at-req-v4,
#at-modal-bg.open #at-modal-body .at-req-public,
body:has(#at-modal-bg.open #at-create-requirement-source) #at-req-dialog{
  display:none!important;
}
