/* Scoped additions only. Existing reference/reward layouts and assets stay untouched. */
#screen-coupons.cp-page{box-sizing:border-box;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;padding:0 0 calc(20px + env(safe-area-inset-bottom,0px));background:#f5f7f9;color:var(--ru-ink,#101323);font-size:14px;line-height:1.65;overflow-wrap:anywhere}
#screen-coupons *,#screen-coupons *::before,#screen-coupons *::after{box-sizing:border-box}
#screen-coupons [hidden]{display:none!important}
#screen-coupons .nav-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;width:100%;min-height:64px;margin:0;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;background:#fff;border-bottom:1px solid #edf0f3}
#screen-coupons .nav-bar h1{flex:1;min-width:0;margin:0;font-size:18px;line-height:1.4;font-weight:750}
#screen-coupons .nav-bar .cp-button{flex:0 0 auto;margin:0;min-width:56px}
#cp-content{width:100%;min-width:0;padding:14px}
#screen-coupons h2{margin:0 0 10px;font-size:18px;font-weight:750;line-height:1.45}
#screen-coupons h3{min-width:0;margin:0;font-size:16px;font-weight:650;line-height:1.55}
#screen-coupons p{margin:9px 0;font-size:14px;white-space:pre-wrap}
#screen-coupons strong{font-weight:700}
#screen-coupons .cp-panel,#screen-coupons .cp-ticket{min-width:0;margin:0 0 14px;padding:16px;background:#fff;border:1px solid #edf0f3;border-radius:20px}
#screen-coupons .cp-ticket{border-color:#f3ddcc;background:#fffaf6}
#screen-coupons .cp-ticket p{font-size:13px}
#screen-coupons .cp-used,#screen-coupons .cp-expired{background:#f9fafb;border-color:#dfe3e9;color:#596274}
#screen-coupons .cp-reserved{background:#fff;border-color:#e9d7c7}
#screen-coupons .cp-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#screen-coupons .cp-badge{flex:0 0 auto;max-width:48%;padding:3px 9px;border-radius:8px;background:#fff0e3;color:#9b471c;font-size:13px;font-weight:650}
#screen-coupons .cp-used .cp-badge,#screen-coupons .cp-expired .cp-badge{background:#e9edf1;color:#596274}
#screen-coupons .cp-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 14px}
#screen-coupons .cp-counts>div{padding:12px;border-radius:14px;background:var(--ru-pale,#fff7ef)}
#screen-coupons .cp-counts strong,#screen-coupons .cp-counts span{display:block}
#screen-coupons .cp-counts strong{color:var(--ru-orange,#ff6414);font-size:27px;line-height:1.35;font-variant-numeric:tabular-nums}
#screen-coupons .cp-counts span{margin-top:5px;font-size:13px}
#screen-coupons .cp-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;max-width:100%;margin:5px 0;padding:10px 14px;border:1px solid #d9dde5;border-radius:24px;background:#fff;color:var(--ru-ink,#101323);font-family:inherit;font-size:14px;line-height:1.5;font-weight:600;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation;-webkit-appearance:none}
#screen-coupons .cp-button.cp-primary{border-color:var(--ru-orange,#ff6414);background:var(--ru-orange,#ff6414);color:#fff}
#screen-coupons .cp-button:disabled{opacity:.52;cursor:default}
#screen-coupons button:focus-visible,#screen-coupons input:focus-visible,#screen-coupons textarea:focus-visible,#screen-coupons select:focus-visible{outline:3px solid #f7a05d;outline-offset:3px}
#screen-coupons .cp-warning{padding:9px 11px;border-radius:10px;background:#fff3e9;color:#91441e;font-size:13px;white-space:pre-wrap}
#screen-coupons .cp-warning:empty{display:none}
#screen-coupons .cp-attention{border:1px solid #e9bf9c;background:#fff9f1}
#screen-coupons .cp-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
#screen-coupons .cp-segment .cp-button{width:100%;margin:0;padding:10px 7px;border-radius:12px}
#screen-coupons .cp-segment [aria-pressed="true"]{background:#fff0e4;border-color:var(--ru-orange,#ff6414);color:#aa4819}
#screen-coupons .cp-field{display:block;min-width:0;margin:12px 0;font-size:14px;font-weight:550}
#screen-coupons input:not([type="checkbox"]),#screen-coupons textarea,#screen-coupons select{display:block;width:100%;min-width:0;max-width:100%;min-height:46px;margin:6px 0 0;padding:11px 12px;border:1px solid #dce1e8;border-radius:12px;background:#fff;color:#18212c;font-weight:400;font-family:inherit;font-size:16px;line-height:1.5;box-shadow:none}
#screen-coupons textarea{resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}
#screen-coupons select{padding-right:28px;text-overflow:ellipsis}
#screen-coupons input:disabled,#screen-coupons textarea:disabled,#screen-coupons select:disabled{background:#f4f5f7;color:#596274;opacity:1}
#screen-coupons .cp-search{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
#screen-coupons .cp-source{min-width:0;margin:12px 0;padding:12px;border:1px solid #e7eaf0;border-radius:14px;background:#fff}
#screen-coupons .cp-catalog .cp-source:last-child{margin-bottom:0}
#screen-coupons .cp-source p{font-size:13px}
#screen-coupons .cp-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;margin:12px 0;padding:8px 0;font-size:14px}
#screen-coupons .cp-check input{flex:0 0 20px;width:20px;height:20px;margin:3px 0 0;accent-color:var(--ru-orange,#ff6414)}
#screen-coupons .cp-check span{min-width:0;flex:1}
#screen-coupons .cp-quote{margin-top:14px;border-color:#ffd5b7;background:#fff8f1}
#screen-coupons #cp-submit{width:100%;margin-top:10px}
#screen-coupons .cp-code{display:block;max-width:100%;padding:12px;border-radius:12px;background:#fff3e9;color:#a84613;font-size:23px;line-height:1.5;letter-spacing:1px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#screen-coupons .cp-local-note{margin:14px 3px;color:#667085;font-size:13px}
#screen-coupons .cp-actions{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
@media(max-width:380px){#cp-content{padding:12px}#screen-coupons .cp-panel,#screen-coupons .cp-ticket{padding:14px}#screen-coupons .cp-row{gap:7px}}
@media(prefers-reduced-motion:reduce){#screen-coupons *{scroll-behavior:auto;transition:none}}