/* ============================================================
   ENTRIES IGNITE — SERVICE PAGES SHARED DESIGN SYSTEM
   Primary: #2e36fd | Secondary: #f18911 | Dark: #202e54
   Header font: Poppins | Body font: Inter
   ============================================================ */

/* ── AUDIT DASHBOARD MOCKUP ── */
.audit-dash {
   background: #fff;
   border: 1px solid var(--border);
   border-radius: var(--r20);
   box-shadow: var(--shadow-lg);
   overflow: hidden;
}

.ad-head {
   background: var(--D);
   padding: 13px 18px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.ad-dots {
   display: flex;
   gap: 5px;
}

.ad-dot {
   width: 9px;
   height: 9px;
   border-radius: 50%;
}

.ad-lbl {
   font-size: 11px;
   color: rgba(255, 255, 255, .4);
}

.ad-body {
   padding: 20px;
}

/* audit progress tracker */
.audit-stage {
   display: flex;
   align-items: center;
   gap: 14px;
   padding: 12px 0;
   border-bottom: 1px solid var(--border);
}

.audit-stage:last-child {
   border-bottom: none;
}

.ast-icon {
   width: 36px;
   height: 36px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 15px;
   font-weight: 800;
   flex-shrink: 0;
   margin-top: 2px;
}

.ast-done {
   background: var(--P);
   color: #fff;
}

.ast-active {
   background: var(--S);
   color: #fff;
   box-shadow: 0 0 0 3px rgba(241, 137, 17, .2);
}

.ast-todo {
   background: var(--g50);
   border: 1px solid var(--border);
   color: var(--ink30);
}

.ast-name {
   font-size: 13px;
   font-weight: 600;
   color: var(--ink);
   line-height: 1.4;
   display: inline-block;
}

.ast-sub {
   font-size: 11px;
   color: var(--ink30);
   margin-top: 2px;
}

.ast-badge {
   font-size: 10px;
   font-weight: 600;
   padding: 2px 9px;
   border-radius: var(--radius);
   margin-left: auto;
   white-space: nowrap;
}

.ab-g {
   background: rgba(22, 163, 74, .1);
   color: #16a34a;
}

.ab-a {
   background: rgba(241, 137, 17, .1);
   color: #b45309;
}

.ab-b {
   background: rgba(46, 54, 253, .1);
   color: var(--P);
}

.ab-q {
   background: var(--ink10);
   color: var(--ink30);
}

/* tax summary */
.tax-strip {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 10px;
   margin-top: 16px;
}

.tx-item {
   background: var(--g50);
   border: 1px solid var(--border);
   border-radius: var(--r12);
   padding: 12px;
}

.tx-label {
   font-size: 9.5px;
   color: var(--ink30);
   text-transform: uppercase;
   letter-spacing: .5px;
   margin-bottom: 4px;
}

.tx-val {
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   font-weight: 600;
   color: var(--ink);
}

.tx-sub {
   font-size: 9px;
   margin-top: 3px;
}

/* ── TAX FILING TABLE ── */
.tax-sec {
   background: #fff;
}

.tax-table {
   background: #fff;
   border: 1px solid var(--border);
   border-radius: var(--r16);
   overflow: hidden;
}

.tt-head {
   display: grid;
   grid-template-columns: 2fr 1fr 1fr 1fr;
   padding: 12px 20px;
   background: var(--PL);
   border-bottom: 1px solid var(--border);
   font-size: 11px;
   font-weight: 700;
   color: var(--ink30);
   text-transform: uppercase;
   letter-spacing: .7px;
}

.tt-row {
   display: grid;
   grid-template-columns: 2fr 1fr 1fr 1fr;
   padding: 16px 20px;
   border-bottom: 1px solid var(--border);
   align-items: center;
}

.tt-row:last-child {
   border-bottom: none;
}

.ttr-name {
   font-family: 'Poppins', sans-serif;
   font-size: 14px;
   font-weight: 600;
   color: var(--ink);
}

.ttr-sub {
   font-size: 11px;
   color: var(--ink30);
}

.ttr-cell {
   font-size: 13px;
   color: var(--ink60);
}

.ttr-pill {
   display: inline-block;
   font-size: 10.5px;
   font-weight: 700;
   padding: 3px 11px;
   border-radius: var(--radius);
}

.tp-g {
   background: rgba(22, 163, 74, .1);
   color: #16a34a;
}

.tp-a {
   background: rgba(241, 137, 17, .1);
   color: #b45309;
}

.tp-b {
   background: rgba(46, 54, 253, .1);
   color: var(--P);
}

@media(max-width:767px) {

   .tt-head,
   .tt-row {
      grid-template-columns: 2fr 1fr;
   }

   .tt-head span:nth-child(n+3),
   .tt-row div:nth-child(n+3) {
      display: none;
   }
}

/* ── IDEAL FOR ── */
.ideal-sec {
   background: #fff;
}

.ideal-ico {
   width: 44px;
   height: 44px;
   border-radius: var(--radius-md);
   background: var(--PL);
   color: var(--P);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   flex-shrink: 0;
}

.ideal-title {
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   font-weight: 600;
   color: var(--ink);
   margin-bottom: 6px;
}

.ideal-desc {
   font-size: 13.5px;
   color: var(--ink60);
   line-height: 1.65;
}