.fulfill-order{border:1px solid #40354d;border-radius:14px;padding:20px;margin:14px 0;background:#14111e;overflow-wrap:anywhere}
.fulfill-order-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.fulfill-order h4{margin:0}
.fulfill-status,.billing-tag{display:inline-flex;border:1px solid #635078;border-radius:30px;padding:6px 12px;font-size:.8rem;font-weight:700;line-height:1.5}
.status-APPROVED{color:#83eecb;background:#16322d;border-color:#326b59}.status-PENDING{color:#ffd78a;background:#332a18;border-color:#6c5630}.status-DECLINED,.status-ERROR{color:#ff9da8;border-color:#803a47}
.fulfill-summary{display:grid;grid-template-columns:1fr auto;gap:12px;margin:18px 0}.fulfill-summary time{grid-column:1/-1;color:#aaa0ba;font-size:.85rem}
.fulfill-order details{padding-top:12px;border-top:1px solid #352d40}.fulfill-order summary,.fulfill-settings summary{cursor:pointer;color:#c6a5f4;font-size:.85rem}.fulfill-order details p{font-size:.85rem;color:#aaa0ba}
.fulfill-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.fulfill-tabs button{min-height:44px}.fulfill-tools{display:flex;gap:12px;align-items:center}.fulfill-tools input{flex:1;min-width:0}.fulfill-settings{margin-top:18px}
.activation-form{display:grid;gap:16px;margin-top:20px}.activation-form label{display:grid;gap:8px}.activation-form .check-row{display:flex;align-items:start;gap:12px}.activation-form input:not([type=checkbox]),.activation-form select{width:100%;box-sizing:border-box}.activation-form small{color:#aaa0ba}.activation-form button{justify-self:start}.activation-form [role=status]:empty{display:none}
.free-service-actions{border:1px solid #8e374a}.free-service-actions .danger{background:#702d43;color:#fff}.free-room-list{max-height:320px;overflow:auto;padding:12px}.free-room-list p{border-bottom:1px solid #433144;padding:10px 0}.free-service-actions label{display:grid;gap:8px;margin:14px 0}
@media(max-width:600px){.fulfill-summary{grid-template-columns:1fr}.fulfill-tools{align-items:stretch;flex-direction:column}.fulfill-tabs button{flex:1 1 40%}.fulfill-order{padding:15px}.activation-form button{width:100%}}

/* Coupon editor: consistent field sizing and readable responsive rows. */
#couponAdmin .inline-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
#couponAdmin label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:.9rem}
#couponAdmin input,#couponAdmin select{box-sizing:border-box;width:100%;height:46px;min-height:46px;padding:10px 13px;border:1px solid #463951;border-radius:10px;background:#100e19;color:#f4efff;font:inherit;line-height:1.4}
#couponAdmin select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c7a5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;cursor:pointer;color-scheme:dark}
#couponAdmin input:focus,#couponAdmin select:focus{outline:2px solid #c778fa;outline-offset:2px;border-color:#c778fa}
#couponAdmin option{background:#181322;color:#f4efff}
#couponAdmin #couponForm>button{margin-top:20px;min-height:44px}
@media(max-width:900px){#couponAdmin .inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#couponAdmin .inline-form{grid-template-columns:1fr}}