/* Box continuation keeps the existing app tokens and button styles. */
#view-box > .box-renewal-pagehead{flex-wrap:wrap;gap:12px;align-items:center}
#view-box > .box-renewal-pagehead > div:first-child{flex:1 1 260px;min-width:0}
.box-renewal-pagehead > .btn{white-space:nowrap}
#boxRenewalEntry[hidden],.box-renewal-dialog [hidden]{display:none!important}
.box-renewal-dialog{width:min(860px,calc(100vw - 32px))}
.box-renewal-dialog .btn{white-space:nowrap;min-height:34px}
.box-renewal-dialog .btn:disabled{opacity:.5;cursor:not-allowed}
.box-renewal-dialog :is(input,button,select):focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.box-renewal-dialog .modal-foot{gap:10px;flex-wrap:wrap}
.box-renewal-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}
.box-renewal-heading > div{min-width:0;overflow-wrap:anywhere}
.box-renewal-heading > .badge{white-space:nowrap;flex-shrink:0}
.box-renewal-heading p,.box-renewal-note{font-size:12px;line-height:1.8;color:var(--ink-2);margin:6px 0 0}
.box-renewal-search{display:flex;gap:10px;margin-bottom:12px}
.box-renewal-search > .input{flex:1;min-width:0}
.box-renewal-selectionbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:13px}
.box-renewal-selectionbar label{display:flex;align-items:center;gap:9px}
.box-renewal-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.box-renewal-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line-2);cursor:pointer;background:var(--card);min-height:64px}
.box-renewal-item:last-child{border-bottom:0}.box-renewal-item.is-selected{background:var(--brand-50)}
.box-renewal-item.is-disabled{cursor:not-allowed;background:var(--bg)}
.box-renewal-item > span:first-of-type{flex:1;min-width:0}
.box-renewal-item b{font-weight:600;font-size:13px;overflow-wrap:anywhere}
.box-renewal-item small{display:block;font-size:12px;line-height:1.7;color:var(--ink-2);margin-top:4px}
.box-renewal-item > .badge{white-space:nowrap;flex-shrink:0}
.box-renewal-count{font-size:12px;color:var(--ink-2);margin-right:auto;line-height:1.6}
.box-renewal-pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;font-size:12px;color:var(--ink-2);margin-top:12px}
.box-renewal-pager:empty{display:none}
.box-renewal-destination{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--line-2);font-size:13px}
.box-renewal-destination > b{font-size:15px;color:var(--brand);flex:1;min-width:0;overflow-wrap:anywhere}
.box-renewal-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 12px;font-size:13px}
.box-renewal-summary > span{font-size:12px;color:var(--ink-2)}
.box-renewal-groups{display:grid;gap:12px}
.box-renewal-group{border:1px solid var(--line);border-radius:10px;padding:15px;background:var(--card);font-size:13px;min-width:0}
.box-renewal-grouphead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px}
.box-renewal-grouphead > b{min-width:0;overflow-wrap:anywhere}
.box-renewal-grouphead > .badge{flex-shrink:0;white-space:nowrap}
.box-renewal-target{font-size:12px;color:var(--ink-2);line-height:1.8;margin:0;overflow-wrap:anywhere}
.box-renewal-target strong{font-weight:500;color:var(--ink)}
.box-renewal-title-label{display:block;font-size:12px;color:var(--ink-2);margin:12px 0 7px}
.box-renewal-group > .btn{margin-top:10px}
.box-renewal-issues{margin-top:12px;border-top:1px solid var(--line-2)}
.box-renewal-issues > div{display:flex;align-items:center;gap:12px;padding-top:12px}
.box-renewal-issues > div > span{flex:1;min-width:0;overflow-wrap:anywhere}
.box-renewal-issues small{display:block;color:var(--danger);font-size:12px;line-height:1.7;margin-top:4px}
.box-renewal-picker{border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--line-2);margin-top:16px}
.box-renewal-picker > .btn{margin-top:12px}
.box-renewal-status{font-size:13px;line-height:1.8;color:var(--brand);margin:14px 0 0;overflow-wrap:anywhere}
.box-renewal-status:empty{display:none}
.box-renewal-error{color:var(--danger)!important;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.box-renewal-warning{padding:12px;margin-top:12px;border:1px solid #e8d9a5;border-radius:8px;background:#fffbed;color:#705521;font-size:13px;line-height:1.8}
.box-renewal-complete{padding:24px 16px;border:1px solid var(--line);border-radius:10px;background:var(--brand-50);text-align:center}
.box-renewal-complete h3{font-size:16px;margin:12px 0}.box-renewal-complete p{font-size:13px;color:var(--ink-2);line-height:1.8;margin:5px 0}
.box-renewal-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.box-renewal-dialog .modal-body{padding:16px}.box-renewal-dialog .modal-foot{padding:14px 16px}.box-renewal-count{flex-basis:100%}.box-renewal-heading{gap:10px}.box-renewal-selectionbar{flex-wrap:wrap}.box-renewal-item{padding:12px;gap:9px}.box-renewal-item > .badge{max-width:90px;white-space:normal}.box-renewal-group{padding:13px}.box-renewal-grouphead{align-items:flex-start;flex-wrap:wrap}.box-renewal-issues > div{align-items:flex-start;flex-wrap:wrap}.box-renewal-destination > b{flex-basis:55%}}