.fw-voucher-actions{position:relative;display:inline-block;margin-top:8px;font-size:14px;text-transform:none;letter-spacing:normal}
.fw-voucher-actions summary{list-style:none;cursor:pointer;padding:9px 13px;border-radius:20px;background:#eaf4f6;color:#175566;font-weight:700;white-space:nowrap}
.fw-voucher-actions summary::-webkit-details-marker{display:none}
.fw-voucher-menu{position:absolute;z-index:90;left:0;top:100%;min-width:215px;background:#fff;color:#132536;border:1px solid #dbe5eb;border-radius:16px;box-shadow:0 12px 32px #09243b33;padding:7px}
.hero>.fw-voucher-actions .fw-voucher-menu{left:auto;right:0}
.fw-voucher-menu a,.fw-voucher-menu button{display:block;width:100%;box-sizing:border-box;border:0;background:transparent;color:#132536;text-align:left;padding:12px;border-radius:10px;font:600 14px system-ui;text-decoration:none;box-shadow:none}
.fw-voucher-menu a:hover,.fw-voucher-menu button:hover{background:#eff5f8}
.fw-voucher-menu a:last-child[href*="delete"]{color:#bb283f}
.fw-voucher-deleted{padding:12px;background:#fff2d8;border-radius:12px}
@media print{.fw-voucher-actions,.fw-voucher-deleted{display:none!important}}

.fw-service-voucher-row{position:relative;margin-bottom:10px}.fw-service-voucher-row>.fw-voucher-actions{margin:0 12px 10px}.fw-service-voucher-row .service-queue-row{margin-bottom:0}

.fw-voucher-iconbar{display:block;margin-top:10px}
.fw-voucher-iconbar .fw-voucher-menu{position:static;display:flex;flex-wrap:wrap;gap:9px;min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.fw-voucher-iconbar .fw-voucher-menu .fw-voucher-icon{display:inline-flex;position:relative;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;padding:9px;border:1px solid #dce7ed;border-radius:50%;background:#f1f7fa;color:#235a70;box-shadow:none}
.fw-voucher-iconbar .fw-voucher-icon svg{width:23px;height:23px;display:block}
.fw-voucher-iconbar .fw-voucher-icon[aria-label="Share PDF on WhatsApp"]{background:#e6f7ec;border-color:#c9ecd6;color:#178a49}
.fw-voucher-iconbar .fw-voucher-icon[aria-label="Delete"]{background:#fff0f1;border-color:#f4cfd5;color:#bf2942}
.fw-voucher-iconbar .fw-voucher-icon[aria-label="Download PDF"]{background:#fff5e6;border-color:#f2dfbd;color:#a96b16}
.fw-pdf-tag{position:absolute;bottom:2px;background:#fff5e6;font:700 7px system-ui;line-height:9px}
.fw-voucher-detail-actions .fw-voucher-menu{justify-content:flex-end}
.fw-voucher-icon:focus-visible{outline:3px solid #448fce;outline-offset:3px}
@media(max-width:700px){.fw-voucher-detail-actions{width:100%}.fw-voucher-detail-actions .fw-voucher-menu{justify-content:flex-start}}

/* Consistent action column on desktop and full-width footer on mobile cards. */
.fw-voucher-action-cell{vertical-align:middle;text-align:right}
.fw-voucher-action-heading{text-align:right;white-space:nowrap}
.fw-voucher-action-cell .fw-voucher-iconbar{margin:0}
.fw-voucher-iconbar .fw-voucher-menu{align-items:center;gap:10px;flex-wrap:nowrap}
.fw-voucher-action-cell .fw-voucher-menu{justify-content:flex-end}
.fw-voucher-iconbar .fw-voucher-menu .fw-voucher-icon{margin:0;box-sizing:border-box;line-height:1;vertical-align:middle}
.fw-service-voucher-row>.fw-voucher-actions{display:flex;justify-content:flex-end;margin:0;padding:12px 14px;border-top:1px solid #e5edf2}
@media(max-width:700px){
 .fw-mobile-cards tbody tr>.fw-voucher-action-cell{grid-column:1/-1!important;display:block!important;width:100%!important;box-sizing:border-box;padding:12px 0 0!important;margin-top:4px;border-top:1px solid #e5edf2!important}
 .fw-mobile-cards tbody tr>.fw-voucher-action-cell::before{display:none!important}
 .fw-mobile-cards .fw-voucher-action-cell .fw-voucher-menu{justify-content:flex-end;gap:12px}
 .fw-voucher-detail-actions{margin-top:12px;align-self:stretch}
 .fw-voucher-detail-actions .fw-voucher-menu{justify-content:flex-start;gap:10px}
}

/* Give each voucher action its own space across the card footer. */
.fw-voucher-action-cell .fw-voucher-menu{gap:22px}
.fw-service-voucher-row>.fw-voucher-actions{display:block}
.fw-service-voucher-row>.fw-voucher-actions .fw-voucher-menu{justify-content:space-around;width:100%;gap:24px}
.fw-voucher-detail-actions .fw-voucher-menu{gap:22px}
@media(max-width:700px){
 .fw-mobile-cards .fw-voucher-action-cell .fw-voucher-menu{width:100%;justify-content:space-around;gap:24px;padding:4px 8px;box-sizing:border-box}
 .fw-voucher-detail-actions .fw-voucher-menu{width:100%;justify-content:space-around;gap:12px}
}

/* Detail heading and controls occupy separate rows on phones. */
@media(max-width:760px){
 body.fw-signature main .hero:has(>.fw-voucher-detail-actions){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
 body.fw-signature main .hero:has(>.fw-voucher-detail-actions)>div:first-child{width:100%!important;min-width:0!important;max-width:100%!important}
 body.fw-signature main .hero:has(>.fw-voucher-detail-actions) h1{word-break:normal!important;overflow-wrap:anywhere;white-space:normal!important;font-size:24px!important;line-height:1.25!important;margin-top:8px}
 body.fw-signature main .hero:has(>.fw-voucher-detail-actions)>.print-btn{justify-self:start;width:auto!important;min-width:82px;margin:0!important}
 body.fw-signature main .hero>.fw-voucher-detail-actions{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;box-sizing:border-box}
 body.fw-signature main .hero>.fw-voucher-detail-actions .fw-voucher-menu{display:flex!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;width:100%!important;box-sizing:border-box}
 body.fw-signature main .hero>.fw-voucher-detail-actions .fw-voucher-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;margin:0!important}
}

.fw-voucher-detail-actions .fw-voucher-icon{overflow:visible!important;position:relative}
.fw-detail-action-label{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);white-space:nowrap;font:600 11px system-ui;color:#29475a;text-align:center}
.fw-voucher-detail-actions{padding-bottom:24px!important}
.fw-voucher-detail-actions .fw-voucher-menu{row-gap:32px!important}