/* Apna Legal Saathi's active walnut / gold website theme. Scope all selectors to the calculator. */
#als-orop-app{--als-bg:#24170f;--als-panel:#39261c;--als-panel2:#422d1d;--als-border:#8b6240;--als-gold:#e6bf7d;--als-gold2:#edc98b;--als-text:#f1e2d0;--als-muted:#d4bb9b;max-width:1000px;margin:0 auto;color:var(--als-text);font-family:inherit;font-size:15px;line-height:1.55;padding:12px 0;box-sizing:border-box}
#als-orop-app *{box-sizing:border-box}
#als-orop-app .als-orop-card{position:relative;background:linear-gradient(135deg,#302017,#39261c);border:1px solid #8b6240;border-radius:12px;padding:22px;margin:14px 0;box-shadow:0 4px 18px #0004;overflow:visible}
#als-orop-app :is(h1,h2,h3){color:var(--als-gold)!important;-webkit-text-fill-color:var(--als-gold)!important;line-height:1.3}
#als-orop-app h1{font-size:clamp(21px,2.6vw,28px);font-weight:800;margin:0 0 12px}
#als-orop-app h2{font-size:22px;margin:0 0 12px}
#als-orop-app h3{font-size:19px;margin:25px 0 12px}
#als-orop-app .als-orop-note{font-size:13px;color:var(--als-muted)!important;line-height:1.6;margin:10px 0}
#als-orop-app .als-orop-grid,#als-orop-app .als-orop-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#als-orop-app .als-orop-field{display:block;font-weight:700;font-size:14px;margin:0;color:var(--als-gold)!important;min-width:0}
#als-orop-app .als-orop-field > span,#als-orop-app .als-orop-field > label{display:block;margin-bottom:6px;color:var(--als-gold)!important;-webkit-text-fill-color:var(--als-gold)!important;font-size:14px;font-weight:700}
#als-orop-app :is(input,select){width:100%;min-width:0;padding:11px 12px;border:1px solid #a48055;border-radius:8px;font-size:15px;line-height:1.3;height:45px;margin:0;box-shadow:none;background:#24170f!important;color:#f8e5c8!important;-webkit-text-fill-color:#f8e5c8!important;color-scheme:dark!important;font-family:inherit}
#als-orop-app :is(input,select)::placeholder{color:#c1a98a!important;-webkit-text-fill-color:#c1a98a!important;opacity:1}
#als-orop-app :is(input,select):focus-visible{outline:2px solid #edc98b!important;outline-offset:1px}
#als-orop-app select option{background:#24170f!important;color:#f8e5c8!important}
#als-orop-app button{padding:11px 19px;border:1px solid #e2c18d!important;border-radius:8px;background:#d6b17c!important;color:#29190f!important;-webkit-text-fill-color:#29190f!important;font-weight:800;cursor:pointer;line-height:1.45;font-family:inherit;transition:background-color .15s ease;box-shadow:none}
#als-orop-app button:hover{background:#edc992!important;color:#29190f!important;-webkit-text-fill-color:#29190f!important}
#als-orop-app button:focus-visible{outline:2px solid #ffe5ad!important;outline-offset:2px}
#als-orop-app button:disabled{opacity:.5;cursor:not-allowed}
#als-orop-app #als-calc-button{margin-top:20px;min-height:46px;font-size:15px;letter-spacing:.3px}
#als-orop-app .als-orop-item{padding:14px;border:1px solid #8b6240;border-radius:9px;background:#422d1d}
#als-orop-app .als-orop-key{font-size:12px;color:#dbbf91!important}
#als-orop-app .als-orop-value{font-size:18px;font-weight:800;color:#fff3da!important;overflow-wrap:anywhere;margin-top:4px}
#als-orop-app .als-orop-total-label{margin-top:22px;padding-top:16px;border-top:1px solid #8b6240;font-size:15px;font-weight:700;color:var(--als-gold)}
#als-orop-app .als-orop-total{font-weight:800;font-size:25px;margin-top:5px;color:#fbe1b0}
#als-orop-app .als-orop-warning,#als-orop-app .als-orop-error{padding:12px;margin:12px 0;border-radius:8px;background:#473920;border:1px solid #b59354;color:#ffe0a0;font-size:14px}
#als-orop-app .als-orop-error{background:#47251e;border-color:#b75b56;color:#ffb4a8}
#als-orop-app [hidden]{display:none!important}
#als-orop-app .als-orop-details{border:1px solid #8b6240;border-radius:9px;padding:13px 16px;margin-top:20px;background:#2c1d16}
#als-orop-app summary{font-weight:700;cursor:pointer;margin:4px 0 10px;color:#edc98b}
#als-orop-app .als-orop-scroll{overflow-x:auto}
#als-orop-app .als-orop-table{width:100%;border-collapse:collapse;font-size:12px;min-width:560px}
#als-orop-app .als-orop-table th{background:#51371f!important;color:#ffdfa0!important}
#als-orop-app .als-orop-table :is(th,td){border-bottom:1px solid #8b6240;padding:9px 7px;text-align:left;color:#f1e2d0}
#als-orop-app .als-orop-msp-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#als-orop-app .als-orop-msp-pair > div{background:#24170f;border:1px solid #a48055;border-radius:8px;padding:6px 10px;min-height:45px;display:flex;justify-content:space-between;align-items:center;gap:8px}
#als-orop-app .als-orop-msp-pair small{color:#d5b98a;font-size:11px;line-height:1.15}
#als-orop-app .als-orop-msp-amount{color:#fff0d2;font-size:15px;font-weight:800;white-space:nowrap}
#als-orop-app .als-orop-help{display:block;font-size:11px;font-weight:400;margin-top:5px;color:#d8bc9d;line-height:1.4}
/* Right-hand calendar control in each date field, styled to the site's walnut-gold controls. */
#als-orop-app .als-orop-date-wrap{position:relative;display:flex;align-items:stretch;min-width:0}
#als-orop-app .als-orop-date-wrap input{padding-right:55px!important}
#als-orop-app .als-orop-date-wrap .als-orop-calendar-button{position:absolute;right:4px;top:4px;width:39px;height:37px;min-height:37px;margin:0;padding:6px!important;display:flex;align-items:center;justify-content:center;border:1px solid #a48055!important;border-radius:7px;background:#51371f!important;color:#edc98b!important;-webkit-text-fill-color:#edc98b!important;line-height:1}
#als-orop-app .als-orop-date-wrap .als-orop-calendar-button:hover,#als-orop-app .als-orop-date-wrap .als-orop-calendar-button[aria-expanded=true]{background:#d6b17c!important;color:#29190f!important;-webkit-text-fill-color:#29190f!important}
#als-orop-app .als-orop-calendar-button svg{stroke:currentColor!important;color:inherit!important;fill:none!important;display:block}
#als-orop-app .als-orop-calendar{position:absolute;top:calc(100% + 7px);left:0;z-index:10000;width:min(340px, calc(100vw - 42px));border-radius:11px;background:#2c1d16!important;border:1px solid #b38b52!important;box-shadow:0 16px 38px #0009;padding:11px;color:#f1e2d0!important}
#als-orop-app .als-orop-cal-header{display:grid;grid-template-columns:30px minmax(0,1fr) 85px 30px;gap:5px;align-items:center;margin-bottom:9px}
#als-orop-app .als-orop-calendar :is(.als-orop-cal-month,.als-orop-cal-year){height:34px!important;min-width:0;padding:5px!important;font-size:12px!important;border:1px solid #8b6240!important;border-radius:5px!important;background:#24170f!important;color:#f8e5c8!important;-webkit-text-fill-color:#f8e5c8!important}
#als-orop-app .als-orop-calendar .als-orop-month-nav{width:30px;height:34px;min-height:0;margin:0;padding:0!important;border:1px solid #8b6240!important;background:#422d1d!important;color:#edc98b!important;-webkit-text-fill-color:#edc98b!important;font-size:22px;font-weight:600;line-height:1}
#als-orop-app .als-orop-cal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
#als-orop-app .als-orop-weekday{padding:4px 0;font-size:11px;color:#edc98b!important;font-weight:800}
#als-orop-app .als-orop-day{margin:0;padding:0!important;min-height:34px;border-radius:5px;border:1px solid transparent!important;background:#3e2a1f!important;color:#f1e2d0!important;-webkit-text-fill-color:#f1e2d0!important;font-size:13px;font-weight:600}
#als-orop-app .als-orop-day:hover,#als-orop-app .als-orop-day.als-orop-selected{background:#d6b17c!important;color:#29190f!important;-webkit-text-fill-color:#29190f!important}
#als-orop-app .als-orop-day:disabled{background:#2b211a!important;color:#806b56!important;-webkit-text-fill-color:#806b56!important;opacity:1}
#als-orop-app .als-orop-cal-footer{margin-top:10px;text-align:right}
#als-orop-app .als-orop-today{font-size:12px;padding:6px 14px!important;min-height:0!important;margin:0;background:#d6b17c!important;color:#29190f!important;-webkit-text-fill-color:#29190f!important}
/* WordPress walnut global rules apply !important. Override only this calculator and never the site itself. */
body.alsu-walnut-site:not(.wp-admin) .entry-content #als-orop-app .als-orop-calendar :is(.als-orop-month-nav,.als-orop-day){border-color:transparent!important}
body.alsu-walnut-site:not(.wp-admin) .entry-content #als-orop-app .als-orop-calendar .als-orop-month-nav{background:#422d1d!important;color:#edc98b!important;-webkit-text-fill-color:#edc98b!important}
body.alsu-walnut-site:not(.wp-admin) .entry-content #als-orop-app .als-orop-calendar .als-orop-day{background:#3e2a1f!important;color:#f1e2d0!important;-webkit-text-fill-color:#f1e2d0!important}
body.alsu-walnut-site:not(.wp-admin) .entry-content #als-orop-app .als-orop-calendar .als-orop-day.als-orop-selected,body.alsu-walnut-site:not(.wp-admin) .entry-content #als-orop-app .als-orop-calendar .als-orop-day:not(:disabled):hover{background:#d6b17c!important;color:#29190f!important;-webkit-text-fill-color:#29190f!important}
body.alsu-walnut-site:not(.wp-admin) .entry-content #als-orop-app .als-orop-calendar .als-orop-day:disabled{background:#2b211a!important;color:#806b56!important;-webkit-text-fill-color:#806b56!important}
body.alsu-walnut-site:not(.wp-admin) .entry-content #als-orop-app .als-orop-date-wrap .als-orop-calendar-button{background:#51371f!important;color:#edc98b!important;-webkit-text-fill-color:#edc98b!important}
body.alsu-walnut-site:not(.wp-admin) .entry-content #als-orop-app .als-orop-date-wrap .als-orop-calendar-button:hover{background:#d6b17c!important;color:#29190f!important;-webkit-text-fill-color:#29190f!important}
@media(max-width:680px){#als-orop-app .als-orop-grid,#als-orop-app .als-orop-result-grid{grid-template-columns:1fr}#als-orop-app{padding:5px 0}#als-orop-app .als-orop-card{padding:15px}#als-orop-app .als-orop-msp-pair{grid-template-columns:1fr 1fr}} 
@media(max-width:360px){#als-orop-app .als-orop-msp-pair{grid-template-columns:1fr}#als-orop-app .als-orop-cal-header{grid-template-columns:28px minmax(0,1fr) 72px 28px}}

/* 7th CPC notional service-pension clarification spans full input grid without shifting theme/layout. */
#als-orop-app .als-orop-notional-help{grid-column:1/-1;margin-top:-11px;margin-bottom:2px;color:#d8bc9d!important;font-size:12px;font-weight:500;line-height:1.5}
/* Preserve the owner's exact calculator heading capitalization. */
#als-orop-app h1{text-transform:none!important}
#als-orop-app .als-orop-table tfoot th{background:#51371f!important;color:#ffdfa0!important;font-weight:800;border-top:2px solid #b38b52}

/* v1.0.5: align manual and automatic notional service pensions side by side. */
#als-orop-app .als-orop-notional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;grid-column:1/-1;min-width:0}
#als-orop-app #als-autoNotional[readonly]{background:#3a2a1d!important;color:#ffe8b5!important;-webkit-text-fill-color:#ffe8b5!important;cursor:default;font-weight:700}
/* Text that wraps is justified; numbers, buttons, tables and single-line controls are not. */
#als-orop-app :is(.als-orop-note,.als-orop-help,.als-orop-notional-help,.als-orop-key,.als-orop-field>span,.als-orop-field>label,#als-o-message){text-align:justify;text-align-last:left;text-justify:inter-word}
@media(max-width:680px){#als-orop-app .als-orop-notional-grid{grid-template-columns:1fr}}
