/* Recently viewed planning records, using the shared Off2Class navigation style. */
.planning-recent-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0;color:#364153;border:0;border-radius:0;background:transparent;font:500 13px/1.35 Inter,Arial,sans-serif;transition:background-color 180ms ease-out,border-color 180ms ease-out,color 180ms ease-out;white-space:nowrap;cursor:pointer;flex:none;}
.planning-recent-trigger>svg{width:17px;height:17px;flex:none;}
.planning-recent-short{display:none;}
.planning-recent-trigger:focus-visible,.planning-recent-dialog button:focus-visible{outline:2px solid #297D77;outline-offset:3px;}
.planning-recent-dialog{position:fixed;inset:min(12vh,105px) 5vw auto auto;margin:0;width:min(560px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - min(12vh,105px) - 28px);padding:0;border:1px solid #D5D7DA;border-radius:8px;background:#FFFFFF;color:#161616;box-shadow:var(--ds-shadow);overflow:auto;overscroll-behavior:contain;border-color:#D5D7DA;}
.planning-recent-dialog::backdrop{background:#0006;backdrop-filter:none;}
.planning-recent-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 28px 20px;background:#FFFFFF;border-radius:8px 8px 0 0;}
.planning-recent-kicker{display:block;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.095em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;}
.planning-recent-heading h2{font-size:27px;line-height:1.17;letter-spacing:-.025em;margin:0;font-weight:700;}
.planning-recent-heading p{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0 0;}
.planning-recent-close{flex:none;display:grid;place-items:center;width:36px;height:36px;min-height:36px;border:0;background:transparent;border-radius:50%;cursor:pointer;color:#364153;}
@media (hover:hover) and (pointer:fine){.planning-recent-close:not(:disabled):hover{background:#F3F4F6;color:#161616;}}
.planning-recent-close svg{width:18px;height:18px;}
.planning-recent-close,.planning-recent-footer button{transition:background-color 180ms ease-out,border-color 180ms ease-out,color 180ms ease-out}
.planning-recent-list{list-style:none;margin:0;padding:0 16px 12px;}
.planning-recent-list li{margin:0;padding:0;}
.planning-recent-item{display:flex;align-items:center;gap:16px;width:100%;min-height:126px;text-align:left;padding:16px 12px;border:1px solid transparent;border-top-color:#D5D7DA;background:#FFFFFF;color:#161616;cursor:pointer;border-radius:8px;transition:background-color 180ms ease-out,border-color 180ms ease-out,color 180ms ease-out;}
.planning-recent-list li:first-child .planning-recent-item{border-top-color:transparent;}
.planning-recent-item:focus-visible{background:#FFFFFF;border-radius:8px;}
@media (hover:hover) and (pointer:fine){.planning-recent-item:not(:disabled):not(.is-current):hover{background:#F0FDFA;color:#216861;border-color:#297D77;}}
@media (hover:hover) and (pointer:fine){.planning-recent-item.is-current:not(:disabled):hover .planning-recent-copy>strong{color:#216861;text-decoration:none;}}
@media (hover:hover) and (pointer:fine){.planning-recent-item.is-current:not(:disabled):hover{background:#F0FDFA;border-color:#297D77;color:#216861;}}
.planning-recent-item.is-current{background:#F0FDFA;border-radius:8px;}
.planning-recent-item>:is(img,.preview-unavailable){display:grid;place-items:center;width:112px;min-width:112px;height:84px;object-fit:contain;border:1px solid #D5D7DA;border-radius:8px;background:#F3F4F6;box-shadow:none;border-color:#D5D7DA;}
.planning-recent-placeholder{display:grid;place-items:center;width:112px;min-width:112px;height:84px;background:#F3F4F6;border-radius:7px;}
.planning-recent-placeholder svg{width:28px;height:28px;color:var(--muted);}
.planning-recent-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;flex:1;}
.planning-recent-copy>small{font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.025em;color:var(--muted);}
.planning-recent-copy>strong{font-size:17px;line-height:1.25;letter-spacing:-.02em;font-weight:700;text-wrap:pretty;}
.planning-recent-identity{font-size:12px;line-height:1.5;color:#4D5056;}
.planning-recent-level{font-size:12px;line-height:1.5;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.planning-recent-current{font-size:12px;padding:1px 5px;border-radius:9999px;background:#F0FDFA;color:#297D77;}
.planning-recent-arrow{width:20px;height:20px;flex:none;opacity:1;transform:none;transition:transform 180ms ease-out;}
.planning-recent-arrow svg{width:20px;height:20px;}
@media (hover:hover) and (pointer:fine){.planning-recent-item:not(:disabled):hover .planning-recent-arrow{transform:translateX(4px);}}
.planning-recent-empty{padding:34px 28px 42px;font-size:14px;line-height:1.6;color:var(--muted);}
.planning-recent-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 28px;border-top:1px solid #D5D7DA;background:#FFFFFF;color:var(--muted);font-size:12px;line-height:1.5;}
.planning-recent-footer button{color:#297D77;min-height:30px;font-size:12px;font-weight:700;white-space:nowrap;padding:0;border:0;background:none;cursor:pointer;}
@media (hover:hover) and (pointer:fine){.planning-recent-footer button:not(:disabled):hover{background:#F3F4F6;color:#161616;}}
@media(max-width:1530px){.planning-recent-wide{display:none;}.planning-recent-short{display:inline;}}
@media(max-width:640px){
 .planning-recent-trigger{display:none;font-size:12px;min-height:40px;padding:0 5px;gap:4px;margin-left:auto;}
 .planning-recent-trigger>svg{width:14px;height:14px;}
 .planning-recent-dialog{inset:auto 10px 12px;width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:8px;border-color:#D5D7DA;box-shadow:var(--ds-shadow);color:#161616;}
 .planning-recent-heading{padding:23px 21px 18px;border-radius:8px 8px 0 0;}.planning-recent-heading h2{font-size:25px;}
 .planning-recent-list{padding:0 10px 10px;}
 .planning-recent-item{gap:12px;padding:15px 11px;min-height:113px;color:#161616;}
 .planning-recent-placeholder{width:90px;min-width:90px;height:68px;}
.planning-recent-item>:is(img,.preview-unavailable){width:90px;min-width:90px;height:68px;border-color:#D5D7DA;background:#F3F4F6;border-radius:8px;box-shadow:none;}
 .planning-recent-copy>strong{font-size:16px;}.planning-recent-copy>small{font-size:12px;}
 .planning-recent-identity{font-size:12px;color:#4D5056;}.planning-recent-level{font-size:12px;}
 .planning-recent-arrow{width:16px;}.planning-recent-arrow svg{width:16px;}
 .planning-recent-footer{padding:14px 21px;gap:12px;font-size:12px;}
}
@media(max-width:350px){.planning-recent-short{display:none;}.planning-recent-trigger{width:36px;padding:0;}}
@media(prefers-reduced-motion:reduce){.planning-recent-arrow{transition:none;transform:none!important;}
.planning-recent-item{transition:none;}}
@media print{.planning-recent-trigger,.planning-recent-dialog{display:none!important;}}
.planning-recent-trigger:disabled{opacity:.45;cursor:default;}