/* FunTarget.shop | Manage My Points preview, traced from supplied reference screenshot.
   Intentionally DESKTOP ONLY on both PC and mobile (1265px design canvas). */
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-width:1265px}
body{font:12px Arial,Helvetica,sans-serif;color:#555;background:#fff}
button,input{font:inherit}
button{cursor:pointer}
.site-header{height:99px;position:relative;min-width:1265px}
.black-band{height:54px;background:#020202}
.top-menu{height:23px;background:#a60000;display:flex;align-items:center;justify-content:center;gap:3px;color:white;white-space:nowrap;padding-left:100px}
.top-menu a{font-size:12px;color:#fff;text-decoration:none}
.account-menu{height:22px;background:#ffc700;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;padding-left:100px;color:#2b1d00}
.account-menu a{color:#241a00;text-decoration:none;font-size:12px}
.account-menu a:hover,.top-menu a:hover{text-decoration:underline}
.brand{position:absolute;left:13px;top:7px;display:block;width:125px;height:91px;z-index:3}
.brand img{width:125px;height:91px;object-fit:contain;filter:drop-shadow(0 1px 1px #111)}
.main-layout{width:1070px;margin:0 auto}
.welcome-summary{height:85px;display:flex;justify-content:space-between;align-items:flex-start;padding-top:10px;font-size:12px}
.hello{line-height:18px}
.player-name{color:#0000bd;font-weight:bold}
.welcome-summary strong{color:#0000b7}
.otc{margin-top:36px;font-weight:bold}
.content-column{width:632px;margin:0 auto}
.frame{border:1px solid #c4c4c4;background:#fff;padding:2px}
.points-panel{height:209px}
.section-title{height:28px;background:linear-gradient(#a70808,#9a0000);display:flex;align-items:center;color:white;font-size:12px;padding:0 4px}
.points-heading{justify-content:space-between}
.points-choice{display:flex;gap:53px;align-items:center;padding-right:96px;font-weight:bold}
.points-choice label{display:flex;align-items:center;gap:2px;white-space:nowrap;cursor:pointer;color:#fff}
.points-choice input{accent-color:#128dff;width:13px;height:13px;margin:0}
.points-tables{height:172px;display:flex}
.table-half{width:50%;min-width:0;display:flex;flex-direction:column}
.table-half:first-child{border-right:1px solid #fff}
.table-toolbar{height:30px;background:#dedede;display:flex;align-items:center;justify-content:space-between;padding-left:4px;padding-right:9px}
.blue-button{border:0;border-radius:0;color:#fff;background:linear-gradient(#3dbeff,#148ce8);font-size:12px;height:24px;padding:0 7px;white-space:nowrap}
.blue-button:hover{filter:brightness(.96)}
.table-head{height:27px;display:grid;grid-template-columns:49px 124px 85px 1fr;align-items:center;background:#f4f4f4;color:#666;font-size:12px}
.table-half:nth-child(2) .table-head{grid-template-columns:48px 129px 83px 1fr}
.table-head span:first-child{padding-left:2px}
.table-head span:nth-child(n+2){text-align:center}
.rows-empty{height:84px;flex:1;background:white}
.table-actions{height:32px;background:#dcdcdc;display:flex;align-items:center;gap:24px;padding:0 5px;color:#777;font-size:12px}
.table-actions label{display:flex;align-items:center;gap:2px;white-space:nowrap;cursor:pointer}
.table-actions input{width:13px;height:13px;accent-color:#198cff;margin:0}
.table-half:nth-child(2) .table-actions{gap:68px}
.transfer-panel{margin-top:7px;height:146px}
.transfer-form{display:grid;grid-template-columns:91px 146px;column-gap:2px;row-gap:4px;justify-content:center;padding-top:6px;align-items:center}
.transfer-form label{height:22px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;color:#555}
.transfer-form input{height:22px;width:146px;border:1px solid #888;padding:0 3px;border-radius:0;color:#333;background:#fff}
.transfer-submit{grid-column:1;justify-self:start;margin-top:0;height:24px;padding:0 7px}
.text-close{grid-column:2;justify-self:end;border:0;background:transparent;color:#9d0000;font-weight:bold;padding-right:17px;height:24px}
#status{color:#8a0000;margin:6px 0;min-height:16px;font-size:11px;text-align:center}
dialog{padding:18px 20px;width:340px;border:1px solid #999;box-shadow:0 7px 28px #0003;color:#444}
dialog::backdrop{background:#0004}
dialog h2{font-size:15px;margin:0 0 12px}
dialog p{font-size:12px;line-height:1.5}

[hidden]{display:none!important}
/* Transfer rows retain the reference table columns and don't change the original frame sizes. */
.rows-empty{overflow-y:auto;overflow-x:hidden;min-height:0}
.transfer-row{display:grid;grid-template-columns:49px 124px 85px 1fr;align-items:center;min-height:22px;border-bottom:1px solid #eee;color:#555;font-size:11px;cursor:pointer}
.table-half:nth-child(2) .transfer-row{grid-template-columns:48px 129px 83px 1fr}
.transfer-row>input{width:13px;height:13px;margin-left:3px;accent-color:#198cff}
.transfer-row>span{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.transfer-row:nth-child(even){background:#fafafa}