/* Compact inline completion tick v1.0.110, scoped to plugin only. */
#itos2627 .itos-completion-tick,
#itos2627 summary .itos-completion-tick,
#itos2627 .itos-user-section-toggle summary .itos-completion-tick {
  display:inline-flex !important;
  box-sizing:border-box !important;
  position:relative !important;
  vertical-align:middle !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  margin:0 0 1px 7px !important;
  padding:0 !important;
  border:1.5px solid #dcff8c !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,#75ff65,#09c74a) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font:900 14px/1 Arial,sans-serif !important;
  text-shadow:0 1px 1px #065c26 !important;
  box-shadow:0 0 0 1px rgba(37,238,83,.18),0 0 6px 1px rgba(48,250,93,.48) !important;
  animation:itos110pulse 2s ease-in-out infinite alternate !important;
  flex:0 0 20px !important;
  pointer-events:none !important;
  white-space:nowrap !important;
}
#itos2627 .itos-completion-tick[hidden]{display:none !important}
@keyframes itos110pulse{from{box-shadow:0 0 0 1px rgba(37,238,83,.16),0 0 5px 1px rgba(48,250,93,.42)}to{box-shadow:0 0 0 2px rgba(37,238,83,.24),0 0 9px 3px rgba(48,250,93,.68)}}
/* Restore the original title+badge+expand layouts; never assign tick to a grid column. */
#itos2627.itos-public-mode details.itos-user-section-toggle > summary.itos-user-section-summary{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:nowrap !important;}
#itos2627.itos-public-mode details.itos-user-section-toggle > summary.itos-user-section-summary > span:first-child{min-width:0 !important;flex:1 1 auto !important;}
#itos2627.itos-public-mode .itos-paid-toggle-summary{display:flex !important;align-items:center !important;flex-wrap:nowrap !important;gap:9px !important;}
#itos2627.itos-public-mode .itos-paid-toggle-summary > :first-child{min-width:0 !important;flex:1 1 auto !important;}
#itos2627.itos-public-mode .itos-paid-toggle-summary > .itos-live-section-badge,
#itos2627.itos-public-mode .itos-paid-toggle-summary > .itos-10e-relief-badge{flex:0 0 auto !important;margin-left:auto !important;}
#itos2627.itos-public-mode .itos-paid-toggle-summary > .itos-paid-toggle-icon{flex-shrink:0 !important;margin-left:0 !important;}
/* Deduction cards keep a dedicated text region. Tick is inside its bold title. */
#itos2627.itos-public-mode details.itos-ded-toggle > summary.itos-ded-toggle-title,
#itos2627.itos-public-mode details.itos-hra-toggle > summary.itos-hra-heading.itos-ded-toggle-title,
#itos2627.itos-public-mode .itos-house-property-card .itos-house-toggle > summary.itos-ded-toggle-title{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto auto !important;
  align-items:center !important;
  column-gap:10px !important;
}
#itos2627.itos-public-mode details.itos-ded-toggle > summary.itos-ded-toggle-title > .itos-ded-number,
#itos2627.itos-public-mode details.itos-hra-toggle > summary.itos-hra-heading.itos-ded-toggle-title > .itos-ded-number,
#itos2627.itos-public-mode .itos-house-property-card .itos-house-toggle > summary.itos-ded-toggle-title > .itos-ded-number{grid-column:1 !important;grid-row:1 !important;}
#itos2627.itos-public-mode details.itos-ded-toggle > summary.itos-ded-toggle-title > div,
#itos2627.itos-public-mode details.itos-ded-toggle > summary.itos-ded-toggle-title > .itos-ded-title-text,
#itos2627.itos-public-mode details.itos-hra-toggle > summary.itos-hra-heading.itos-ded-toggle-title > .itos-hra-title,
#itos2627.itos-public-mode .itos-house-property-card .itos-house-toggle > summary.itos-ded-toggle-title > .itos-ded-title-text{grid-column:2 !important;grid-row:1 !important;min-width:0 !important;}
#itos2627.itos-public-mode details.itos-ded-toggle > summary.itos-ded-toggle-title > .itos-live-section-badge,
#itos2627.itos-public-mode details.itos-hra-toggle > summary.itos-hra-heading.itos-ded-toggle-title > .itos-live-section-badge,
#itos2627.itos-public-mode .itos-house-property-card .itos-house-toggle > summary.itos-ded-toggle-title > .itos-live-section-badge{grid-column:3 !important;grid-row:1 !important;margin:0 !important;justify-self:end !important;}
#itos2627.itos-public-mode details.itos-ded-toggle > summary.itos-ded-toggle-title > .itos-ded-toggle-icon,
#itos2627.itos-public-mode details.itos-hra-toggle > summary.itos-hra-heading.itos-ded-toggle-title > .itos-ded-toggle-icon,
#itos2627.itos-public-mode .itos-house-property-card .itos-house-toggle > summary.itos-ded-toggle-title > .itos-ded-toggle-icon{grid-column:4 !important;grid-row:1 !important;margin:0 !important;justify-self:end !important;}
/* Completion action always at the bottom of each section. */
#itos2627 .itos-completion-actions{display:flex !important;clear:both !important;justify-content:flex-end !important;align-items:center !important;margin:18px 0 4px !important;padding:12px 0 0 !important;border-top:1px solid rgba(8,122,83,.17) !important;}
#itos2627 button.itos-completion-button{appearance:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border:2px solid #10a653 !important;border-radius:10px !important;background:#e7ffec !important;color:#086635 !important;-webkit-text-fill-color:#086635 !important;font:800 13px/1.4 Arial,sans-serif !important;padding:10px 16px !important;box-shadow:0 2px 8px rgba(10,150,70,.17) !important;cursor:pointer !important;}
#itos2627 .itos-is-complete > .itos-completion-actions > button.itos-completion-button{background:linear-gradient(120deg,#078b43,#0dc95c) !important;border-color:#087d3b !important;color:#fff !important;-webkit-text-fill-color:#fff !important;box-shadow:0 3px 10px rgba(0,180,75,.28) !important;}
#itos2627 button.itos-completion-button:focus-visible{outline:3px solid #7aea9e !important;outline-offset:3px !important;}
@media(max-width:600px){
 #itos2627 .itos-completion-tick{width:16px !important;height:16px !important;min-width:16px !important;flex-basis:16px !important;font-size:11px !important;margin-left:4px !important;border-width:1px !important;box-shadow:0 0 0 1px rgba(37,238,83,.12),0 0 4px 1px rgba(48,250,93,.34) !important;}
 #itos2627.itos-public-mode .itos-paid-toggle-summary{gap:6px !important;}
 #itos2627.itos-public-mode details.itos-ded-toggle > summary.itos-ded-toggle-title,
 #itos2627.itos-public-mode details.itos-hra-toggle > summary.itos-hra-heading.itos-ded-toggle-title,
 #itos2627.itos-public-mode .itos-house-property-card .itos-house-toggle > summary.itos-ded-toggle-title{column-gap:7px !important;}
 #itos2627.itos-public-mode .itos-paid-toggle-summary > .itos-live-section-badge,
 #itos2627.itos-public-mode .itos-paid-toggle-summary > .itos-10e-relief-badge{min-width:0 !important;max-width:92px !important;padding:4px 5px !important;}
}

@media(max-width:420px){
 #itos2627 .itos-completion-tick{width:15px !important;height:15px !important;min-width:15px !important;flex-basis:15px !important;font-size:10px !important;margin-left:3px !important;}
}
@media(prefers-reduced-motion:reduce){#itos2627 .itos-completion-tick{animation:none !important;}}


/* v1.0.112 MOBILE: keep content in document flow, never overlay title or subtitle. */
@media (max-width: 650px) {
  /* All numbered deductions, including House Property and HRA, share one layout.
     First row: number and FULL-WIDTH title. Second row: amount and expand button. */
  #itos2627.itos-public-mode .itos-user-deductions details.itos-ded-toggle > summary.itos-ded-toggle-title,
  #itos2627.itos-public-mode .itos-user-deductions details.itos-hra-toggle > summary.itos-hra-heading.itos-ded-toggle-title,
  #itos2627.itos-public-mode .itos-user-deductions .itos-house-property-card details.itos-house-toggle > summary.itos-ded-toggle-title {
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) 36px !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    column-gap:8px !important;
    row-gap:10px !important;
    height:auto !important;
    min-height:0 !important;
    padding:12px 10px !important;
  }
  #itos2627.itos-public-mode .itos-user-deductions details.itos-ded-toggle > summary.itos-ded-toggle-title > .itos-ded-number {
    grid-column:1 !important;grid-row:1 !important;align-self:start !important;
  }
  #itos2627.itos-public-mode .itos-user-deductions details.itos-ded-toggle > summary.itos-ded-toggle-title > div,
  #itos2627.itos-public-mode .itos-user-deductions details.itos-ded-toggle > summary.itos-ded-toggle-title > .itos-ded-title-text,
  #itos2627.itos-public-mode .itos-user-deductions details.itos-hra-toggle > summary.itos-hra-heading.itos-ded-toggle-title > .itos-hra-title {
    grid-column:2 / 4 !important;grid-row:1 !important;
    min-width:0 !important;max-width:100% !important;
    width:auto !important;position:static !important;
    overflow-wrap:anywhere !important;word-break:normal !important;
    align-self:start !important;
  }
  #itos2627.itos-public-mode .itos-user-deductions details.itos-ded-toggle > summary.itos-ded-toggle-title > .itos-live-section-badge,
  #itos2627.itos-public-mode .itos-user-deductions details.itos-hra-toggle > summary.itos-hra-heading.itos-ded-toggle-title > .itos-live-section-badge,
  #itos2627.itos-public-mode .itos-user-deductions .itos-house-property-card details.itos-house-toggle > summary.itos-ded-toggle-title > .itos-live-section-badge {
    grid-column:2 !important;grid-row:2 !important;
    justify-self:end !important;align-self:center !important;
    position:static !important;transform:none !important;
    margin:0 !important;width:auto !important;
    min-width:100px !important;max-width:160px !important;
    box-sizing:border-box !important;
    z-index:0 !important;
  }
  #itos2627.itos-public-mode .itos-user-deductions details.itos-ded-toggle > summary.itos-ded-toggle-title > .itos-ded-toggle-icon,
  #itos2627.itos-public-mode .itos-user-deductions details.itos-hra-toggle > summary.itos-hra-heading.itos-ded-toggle-title > .itos-ded-toggle-icon,
  #itos2627.itos-public-mode .itos-user-deductions .itos-house-property-card details.itos-house-toggle > summary.itos-ded-toggle-title > .itos-ded-toggle-icon {
    grid-column:3 !important;grid-row:2 !important;
    justify-self:end !important;align-self:center !important;
    position:static !important;transform:none !important;
    margin:0 !important;
  }
  /* Advance Tax and Form 39 use the same two-row system without number circle. */
  #itos2627.itos-public-mode .itos-advance-paid-card details.itos-paid-toggle > summary.itos-paid-toggle-summary,
  #itos2627.itos-public-mode .itos-10e-card details.itos-10e-toggle > summary.itos-paid-toggle-summary {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 36px !important;
    grid-template-rows:auto auto !important;
    column-gap:8px !important;
    row-gap:10px !important;
    align-items:center !important;
    height:auto !important;
    min-height:0 !important;
  }
  #itos2627.itos-public-mode .itos-advance-paid-card details.itos-paid-toggle > summary.itos-paid-toggle-summary > :first-child,
  #itos2627.itos-public-mode .itos-10e-card details.itos-10e-toggle > summary.itos-paid-toggle-summary > :first-child {
    grid-column:1 / 3 !important;grid-row:1 !important;
    width:auto !important;min-width:0 !important;max-width:100% !important;
    overflow-wrap:anywhere !important;
  }
  #itos2627.itos-public-mode .itos-advance-paid-card details.itos-paid-toggle > summary.itos-paid-toggle-summary > .itos-live-section-badge,
  #itos2627.itos-public-mode .itos-10e-card details.itos-10e-toggle > summary.itos-paid-toggle-summary > .itos-10e-relief-badge {
    grid-column:1 !important;grid-row:2 !important;
    justify-self:end !important;align-self:center !important;
    margin:0 !important;position:static !important;
    transform:none !important;
  }
  #itos2627.itos-public-mode .itos-advance-paid-card details.itos-paid-toggle > summary.itos-paid-toggle-summary > .itos-paid-toggle-icon,
  #itos2627.itos-public-mode .itos-10e-card details.itos-10e-toggle > summary.itos-paid-toggle-summary > .itos-paid-toggle-icon {
    grid-column:2 !important;grid-row:2 !important;
    justify-self:end !important;align-self:center !important;
    margin:0 !important;position:static !important;
  }
  #itos2627 .itos-completion-tick {
    width:15px !important;height:15px !important;min-width:15px !important;
    flex-basis:15px !important;font-size:10px !important;
    margin-left:4px !important;vertical-align:baseline !important;
  }
}

/* v1.0.113: force an immediate mobile visual update after confirmation. */
#itos2627 .itos-completion-tick.itos-completion-visible,
#itos2627 summary .itos-completion-tick.itos-completion-visible {
 display:inline-flex !important; visibility:visible !important; opacity:1 !important;
}
#itos2627 .itos-completion-tick:not(.itos-completion-visible){display:none !important}

/* v1.0.114: immediate state-driven paint on mobile and desktop. */
#itos2627 .itos-is-complete .itos-completion-tick[data-itos-confirmed],
#itos2627 .itos-is-complete summary .itos-completion-tick[data-itos-confirmed]{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}
#itos2627 :not(.itos-is-complete) > summary .itos-completion-tick,
#itos2627 :not(.itos-is-complete) .itos-completion-tick:not([data-itos-confirmed]){
  display:none !important;
}

/* v1.0.115: isolate each tick from ancestor .itos-is-complete states.
   The DOM attribute on this exact tick is the sole authority. */
#itos2627 .itos-completion-tick[data-itos-own-complete="no"],
#itos2627 .itos-is-complete .itos-completion-tick[data-itos-own-complete="no"],
#itos2627 summary .itos-completion-tick[data-itos-own-complete="no"] {
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}
#itos2627 .itos-completion-tick[data-itos-own-complete="yes"],
#itos2627 summary .itos-completion-tick[data-itos-own-complete="yes"] {
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
}
#itos2627 .itos-completion-tick[hidden] {display:none !important}
/* Completion button color is based on its own aria-pressed value, not parents. */
#itos2627 button.itos-completion-button[aria-pressed="false"] {
  background:#e7ffec !important;color:#086635 !important;-webkit-text-fill-color:#086635 !important;
}
#itos2627 button.itos-completion-button[aria-pressed="true"] {
  background:linear-gradient(120deg,#078b43,#0dc95c) !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
}

/* v1.0.116 — Monthly Salary Components remains a distinct, visible card after PART-B. */
#itos2627.itos-public-mode .itos-monthly-salary-card{box-sizing:border-box!important;margin:14px 0!important;padding:14px!important;border-radius:17px!important;}
#itos2627.itos-public-mode .itos-monthly-salary-card > details.itos-user-salary-toggle{margin:0!important;width:100%!important;}
#itos2627.itos-public-mode .itos-monthly-salary-card > details.itos-user-salary-toggle > summary.itos-user-salary-summary{margin:0!important;}
#itos2627.itos-public-mode .itos-monthly-salary-card .itos-salary-components{margin-top:14px;}
@media(max-width:600px){
 #itos2627.itos-public-mode .itos-monthly-salary-card{padding:10px!important;margin:12px 0!important;}
}