@charset "utf-8";
:root {
	--owner-primary: #4875FD;
	--owner-text: #1a1a1a;
	--owner-muted: #8b93a7;
	--owner-bg: #f5f6f8;
	--owner-card: #ffffff;
	--owner-border: #e5e7eb;
}

@font-face {
	font-family: "Pretendard";
	src: url("/landing/fonts/Pretendard-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Pretendard";
	src: url("/landing/fonts/Pretendard-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Pretendard";
	src: url("/landing/fonts/Pretendard-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	word-break:keep-all;
}
body {
	width: 100%;
	font-family: "Pretendard", sans-serif;
	font-weight: 400;
	line-height:1.3;
	letter-spacing:-.3px;
	background: #FFF;
}
a {
	text-decoration:none; 	
}
li { 
	list-style:none; 
}
label, button, a, select, textarea, input { 
	font-family: "Pretendard", sans-serif;
	letter-spacing:-.3px;
	line-height:1.3;
}
input, button, select, textarea { 
	background:transparent;
	border:none;
}
label, button, a { 
	cursor:pointer;
}
input { 
	display:block;
	min-width: 0;
}
textarea { 
	resize:none; 
}
table { 
	width: 100%;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
}
table td,
table td * { 
	word-break:break-all; 
}
.wrapper {
	position:relative; 
	width: 100%;
	max-width: 360px;
	margin:0 auto;
	padding:56px 0;
}
.comPopBg { 
	position:fixed;
	display:none;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background:rgba(0,0,0,.7);
	z-index: 100;
}
.comLoadingBox01 { 
	position:fixed;
	display:flex;
	align-items:center;
	justify-content:center;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background: #FFF;
	text-align: center;
	z-index: 999;
}
.comLoadingBox01 .imgBox { 
	position:relative;
	width: 55px;
	height: 55px;
	margin:0 auto 16px;
	font-size: 0;
}
.comLoadingBox01 .imgBox img { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	animation:loadingTurn01 1s infinite;
}
@keyframes loadingTurn01 { 
	0% { 
		transform:rotate(0deg);
	}
	100% { 
		transform:rotate(360deg);
	}
}
.comLoadingBox01 .txt01 { 
	font-size: 15px;		
	letter-spacing: -.18px;
	color: #212121;
}
@media all and (max-width:999px){ 
	.wrapper { 
		max-width: 100%;
	}
}

/* 헤더 시작
------------------------------------------------------ */
header { 
	position: fixed;	
	width: 100%;
	max-width: 360px;
	height: 56px;	
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #FFF;
	border-bottom:1px solid #F0F0F0;
	z-index: 10;
}
header .hConBox01,
header .hConBox02 { 
	display:flex;
	align-items:center;
	height: 100%;
}
header .hConBox01 {
	justify-content:space-between;
	padding:0 16px;
}
header .hConBox02 { 
	position:relative;
	justify-content:center;
	padding:0 50px;
}
header .hLogo01 { 
	width: 120px;
	font-size: 0;
}
header .hLogo01 img { 
	max-width: 100%;
}
header .hLangSel01 { 
	position:relative;
	display:flex;
	align-items:center;
	gap:8px;
}
header .hLangSel01 span { 
	display:block;
}
header .hLangSel01 .btnIco { 
	flex-shrink:0;
	font-size: 0;
}
header .hLangSel01 .btnIco img { 
	max-width: 100%;
}
header .hLangSel01 .btnTxt01 { 
	font-weight: 500;
	font-size: 13px;
	line-height: 1;
	color: #000;
}
header .hLangSelBox01 { 
	position:relative;
}
header .hLangSelBox01 > .hLangSel01 { 
	padding:0 20px 0 0;
}
header .hLangSelBox01 > .hLangSel01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 5px;
	right: 0;
	transform:rotate(45deg);
	border-bottom:2px solid #999;
	border-right:2px solid #999;
	transition:all .3s ease;
}
header .hLangSelBox01 > .hLangSel01.on:after { 
	top: 8px;
	transform:rotate(225deg);
}
header .hLangOptBox01 { 
	position:absolute;
	display:none;
	width: 83px;
	top: calc(100% + 8px);
	right: 0;
	padding:8px 0;
	background: #FFF;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	z-index: 3;
}
header .hLangOptBox01 .hLangSel01 { 
	margin:0 auto 8px;
}
header .hLangOptBox01 .hLangSel01:last-child { 
	margin-bottom:0;
}
header .hBackBtn01 { 
	position:absolute;
	display:block; 
	width: 50px;
	height: 100%;
	top: 0;
	left: 0;
}
header .hBackBtn01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top: 50%;
	left: 50%;
	margin:-6px 0 0 -6px;
	transform:rotate(-45deg);
	border-top:2px solid #111827;
	border-left:2px solid #111827;
}
header .hPageName01 { 
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	color: #212121;
}
header .hReroadBtn01 { 
	position:absolute;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 50px;
	height: 100%;
	top: 0;
	right: 0;
	font-size: 0;
}
@media all and (max-width:999px){
	header {
		max-width: 100%;
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 로그인 시작
------------------------------------------------------ */
.loginWr header .hConBox01 { 
	justify-content:flex-end;
}
.loginWr .loginBox01 {	
	padding:88px 32px 0;
}
.loginWr .loginBox01 .logo01 { 
	margin:0 0 47px;
	font-size: 0;
	text-align: center;
}
.loginWr .loginBox01 .logo01 img { 
	max-width: 100%;
}
.loginWr .loginBox01 .tit01 { 
	margin:0 0 12px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
	text-align: center;
	color: #212121;
}
.loginWr .loginBox01 .ipt01 { 
	padding:13px 15px 12px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-size: 14px;
	letter-spacing: 0;
	color: #212121;
}
.loginWr .loginBox01 .ipt01::placeholder { 
	color: #999;
}
.loginWr .loginBox01 .ipt01.fullWid { 
	width: 100%;
}
.loginWr .loginBox01 .ipt01 + .ipt01 { 
	margin-top:16px;
}
.loginWr .loginBox01 .errorTxt01 { 
	margin: 8px 0 0;
	color: #e03131;
	font-size: 13px;
}
.loginWr .loginBox01 .saveIdBox01 {
	position:relative;
	margin:14px 0 0;
}
.loginWr .loginBox01 .saveIdBox01 .chkIpt {
	position:absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
}
.loginWr .loginBox01 .saveIdBox01 .chkLbl {
	position:relative;
	display:block;
	padding:0 0 0 30px;
	font-size: 15px;
	color: #424242;
}
.loginWr .loginBox01 .saveIdBox01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 0;
	left: 0;
	background: #ADADAD url(/owner/img/comChk01.svg) no-repeat center center;
	border-radius: 3px;
}
.loginWr .loginBox01 .saveIdBox01 .chkIpt:checked + .chkLbl:before { 
	background-color: #448AFF;
}
.loginWr .loginBox01 .findBox01 { 
	margin:16px 0 0;
	text-align: center;
}
.loginWr .loginBox01 .findBox01 .lnk01 { 
	display:inline-block;
	color:var(--owner-muted);
	font-size: 13px;
	transition:all .3s ease;
}
.loginWr .loginBox01 .findBox01 .lnk01:focus,
.loginWr .loginBox01 .findBox01 .lnk01:hover { 
	color: #4875FD;
}
.loginWr .loginBox01 .certifyBox01 { 
	display:flex;
	gap:10px;
}
.loginWr .loginBox01 .certifyBox01 .iptBox01 { 
	position:relative;
	width: calc((100% - 50px)/6);
	padding:14.39% 0 0;
	font-size: 0;
}
.loginWr .loginBox01 .certifyBox01 .certifyIpt01 { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
	text-align: center;
	color: #212121;
}
.loginWr .loginBox01 .certifyBox01 .certifyIpt01::placeholder { 
	color: #999;
}
.loginWr .loginBox01 .btnSmt { 
	display:block; 
	width: 100%;
	margin:16px 0 0;
	padding:16px 10px 13px;
	background: linear-gradient(to right, #48A7FD, #4875FD);
	border-radius: 15px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.loginWr .loginBtmBox01,
.loginWr .loginBtmBox02 { 
    position: fixed;
	width: 100%;
    max-width: 360px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
.loginWr .loginBtmBox01 {
	display:flex;
	align-items:center;
	height: 48px;
	padding:0 16px;
	border-top:1px solid #F0F0F0;
}
.loginWr .loginBtmBox01 .lnk01 { 
	position:relative;
	display:block;
	padding:0 0 0 25px;
}
.loginWr .loginBtmBox01 .lnk01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 16px;
	top: 3px;
	left: 0;
	background:url(/landing/images/payment/fTopLnk01.svg) no-repeat center / cover;
}
.loginWr .loginBtmBox01 .lnk01 span { 
	position:relative;
	display:inline-block;
    background: linear-gradient(to right, #48A7FD, #4875FD);
    background-clip: text;
    -webkit-background-clip: text;
	font-weight: 500;
    font-size: 13px;
	letter-spacing: 0;
    color: transparent;
}
.loginWr .loginBtmBox01 .lnk01 span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, #48A7FD, #4875FD);
}
.loginWr .loginBtmBox02 { 
	padding:16px;
}
.loginWr .loginBtmBox02 .btn { 
	display:block; 
	width: 100%;
	padding:15px 10px 14px;
	background: linear-gradient(to right, #48A7FD, #4875FD);
	border-radius: 15px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.loginWr.stCertify01 { 
	padding-bottom: 82px;
}
@media all and (max-width:999px){
	.loginWr .loginBtmBox01,
	.loginWr .loginBtmBox02 { 
		max-width: 100%;
	}
}
/* 로그인 끝
------------------------------------------------------ */
/* 네비 시작
------------------------------------------------------ */
.comNavBox01 { 
	position: fixed;
	display:flex;
	width: 100%;
	height: 56px;
    max-width: 360px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
	background: #FFF;
	box-shadow:0 -1px 3px 0 rgba(188,188,188,.25);
    z-index: 10;
}
.comNavBox01 .navLnk01 { 
	display:block; 
	width: 25%;
	padding:5px;
	text-align: center;
}
.comNavBox01 .navLnk01:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	margin:0 auto 4px;
	background-repeat:no-repeat;
	background-size:cover;
}
.comNavBox01 .navLnk01 .lnkTxt01 { 
	display:block;
	font-size: 12px;
	letter-spacing: 0;
	color: #797979;
}
.comNavBox01 .navLnk01.stHome01:before { 
	background-image:url(/owner/img/comNav01_home01_off.svg);
}
.comNavBox01 .navLnk01.stHome01.on:before { 
	background-image:url(/owner/img/comNav01_home01_on.svg);
}
.comNavBox01 .navLnk01.stPay01:before { 
	background-image:url(/owner/img/comNav01_pay01_off.svg);
}
.comNavBox01 .navLnk01.stPay01.on:before { 
	background-image:url(/owner/img/comNav01_pay01_on.svg);
}
.comNavBox01 .navLnk01.stSettle01:before { 
	background-image:url(/owner/img/comNav01_settle01_off.svg);
}
.comNavBox01 .navLnk01.stSettle01.on:before { 
	background-image:url(/owner/img/comNav01_settle01_on.svg);
}
.comNavBox01 .navLnk01.stQr01:before { 
	background-image:url(/owner/img/comNav01_qr01_off.svg);
}
.comNavBox01 .navLnk01.stQr01.on:before { 
	background-image:url(/owner/img/comNav01_qr01_on.svg);
}
.comNavBox01 .navLnk01.stMore01:before { 
	background-image:url(/owner/img/comNav01_more01_off.svg);
}
.comNavBox01 .navLnk01.stMore01.on:before { 
	background-image:url(/owner/img/comNav01_more01_on.svg);
}
.comNavBox01 .navLnk01.on .lnkTxt01 { 
	color: #212121;
}
@media all and (max-width:999px){
	.comNavBox01 {
		max-width: 100%;
	}
}
/* 네비 끝
------------------------------------------------------ */
/* 통계 시작
------------------------------------------------------ */
.statisticWr { 
	padding:56px 0;
}
.statisticWr .statBox01 { 
	padding:20px 16px;
}
.statisticWr .statTit01 { 
	position:relative;
	margin:0 0 10px;
	padding:0 0 0 26px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
	color: #585858;
}
.statisticWr .statTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 2px;
	left: 0;
	background:url(/owner/img/statTit01.svg) no-repeat center / cover;
}
.statisticWr .statTit01 span { 
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.statisticWr .statTopBox01 { 
	display:flex;
	gap:10px;
	margin:0 0 12px;
}
.statisticWr .statTopBox01 .lBox,
.statisticWr .statTopBox01 .lnk01 { 
	width: calc((100% - 10px)/2);
}
.statisticWr .statTopBox01 .infoDl01 { 
	padding:13px 15px 12px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.statisticWr .statTopBox01 .infoDl01 dt { 
	margin:0 0 7px;
	font-size: 14px;
	letter-spacing: 0;
	color: #999;
}
.statisticWr .statTopBox01 .infoDl01 dd { 
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #212121;
	word-break:break-all;
}
.statisticWr .statTopBox01 .infoDl01 dd.stClr01 { 
	color: #4875FD;
}
.statisticWr .statTopBox01 .infoDl01 + .infoDl01 { 
	margin-top:12px;
}
.statisticWr .statTopBox01 .lnk01 { 
	display:flex;
	align-items:center; 
	justify-content:center;
	padding:0 8px;
	background: #F6F9FF;
	border:1px solid #F0F0F0;
	border-radius: 5px;
	text-align: center;
}
.statisticWr .statTopBox01 .lnk01 span { 
	display:block;
}
.statisticWr .statTopBox01 .lnk01 .lnkImgBox01 { 
	margin:0 0 15px;
	font-size: 0;
}
.statisticWr .statTopBox01 .lnk01 .lnkImgBox01 img { 
	max-width: 100%;
}
.statisticWr .statTopBox01 .lnk01 .lnkTit01 { 
	margin:0 0 10px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	color: #212121;
}
.statisticWr .statTopBox01 .lnk01 .lnkTxt01 { 
	font-size: 14px;
	letter-spacing: 0;
	color: #999;
}
.statisticWr .statMonthBox01 { 
	margin:0 0 10px;
	padding:14px 15px 13px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.statisticWr .statMonthBox01 .tit01 { 
	margin:0 0 6px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0;
	color: #212121;
}
.statisticWr .statMonthBox01 .infoDl01 { 
	display:flex;
	align-items:center;
	gap:8px;
}
.statisticWr .statMonthBox01 .infoDl01 dt { 
	flex-shrink:0;
	font-size: 14px;
	letter-spacing: 0;
	color: #666;
}
.statisticWr .statMonthBox01 .infoDl01 dd { 
	flex-grow:1;
	min-width: 0;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0;
	text-align: right;
	color: #212121;
}
.statisticWr .statMonthBox01 .infoDl01 dd.stClr01 { 
	color: #4875FD;
}
.statisticWr .statMonthBox01 .infoDl01 + .infoDl01 { 
	margin-top:7px;
}
.statisticWr .statDayLst01 > li { 
	margin:0 0 10px;
}
.statisticWr .statDayLst01 > li:last-child { 
	margin:0;
}
.statisticWr .statDayLst01 .lstTit01 { 
	margin:0 0 10px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	color: #212121;
}
.statisticWr .statDayLst01 .lstInfoBox01 { 
	padding:0 15px;
	border:1px solid #F0F0F0;
	border-radius: 10px;
}
.statisticWr .statDayLst01 .sLst01 li { 
	padding:12px 0;
	border-bottom:1px solid #F0F0F0;
}
.statisticWr .statDayLst01 .sLst01 li:last-child { 
	border-bottom:none;
}
.statisticWr .statDayLst01 .lstCardBox01,
.statisticWr .statDayLst01 .lstCardBox02 { 
	display:flex;
	align-items:center;
}
.statisticWr .statDayLst01 .lstCardBox01 { 
	justify-content:space-between;
	gap:8px;
	margin:0 0 7px;
}
.statisticWr .statDayLst01 .lstCardBox02 { 
	gap:5px;
}
.statisticWr .statDayLst01 .lstName01 { 
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #212121;
}
.statisticWr .statDayLst01 .lstName02 {
	flex-grow:1;
	min-width: 0;
	font-size: 14px;
	letter-spacing: 0;
	color: #999;
}
.statisticWr .statDayLst01 .lstPrc01 { 
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0;
	color: #4875FD;
}
.statisticWr .statDayLst01 .lstPrc02 {
	font-size: 15px;
	letter-spacing: 0;
	color: #797979;
}
.statisticWr .statDayLst01 .lstTime01 { 
	position:relative;
	padding:0 6px 0 0;
	font-size: 14px;
	letter-spacing: 0;
	color: #999;
}
.statisticWr .statDayLst01 .lstTime01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 3px;
	right: 0;
	background: #999;
}
/* 통계 끝
------------------------------------------------------ */
/* QR 결제 시작
------------------------------------------------------ */
.payQrWr .payQrBox01 {
	padding:16px;
	text-align: center;
}
.payQrWr .payQrBox01 .tit01 { 
	margin:0 0 24px;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 0;
	color: #212121;
}
.payQrWr .payQrBox01 * + .tit01 { 
	margin-top:16px;
}
.payQrWr .payQrBox01 .ipt01 {
	padding: 12px 13px;
	background: #FFF url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b93a7' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 13px center;
	appearance: none; 
	border: 1px solid var(--owner-border); 
	border-radius: 10px; 
	font-weight: 600; 
	font-size: 15px; 
	color: var(--owner-text);
}
.payQrWr .payQrBox01 .ipt01.fullWid { 
	width: 100%;
}
.payQrWr .payQrBox01 .qrImgBox01 { 
	font-size: 0;
}
.payQrWr .payQrBox01 .qrImgBox01 img { 
	max-width: 100%;
}
.payQrWr .payQrBox01 .infoTxt01 { 
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
	text-align: center;
	color: #EA4848;
}
.payQrWr .payQrBox01 .infoTxt02 { 
	margin:18px 0 0;
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	color: #5D5D5D;
}
.payQrWr .queue-setting-box { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:16px 0 0;
	padding:16px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.payQrWr .queue-setting-box .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.payQrWr .queue-setting-box .chkLbl { 
	position:relative;
	display:block;
	padding:3px 0 3px 30px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0;
	color: #212121;
}
.payQrWr .queue-setting-box .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;	
	top: 3px;
	left: 0;
	background:#D9DCE3 url(/owner/img/comChk01.svg) no-repeat center center;
	border-radius: 3px;
}
.payQrWr .queue-setting-box .chkIpt:checked + .chkLbl:before { 
	background-color:#4875FD;
}
.payQrWr .queue-setting-box .btn01 { 
	display:block;
	padding:5px 13px 4px;
	background: #EFEFEF;
	border-radius: 100px;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0;
	color: #606060;
	transition:all .3s ease;
}
.payQrWr .queue-setting-box .btn01:focus,
.payQrWr .queue-setting-box .btn01:hover { 
	background: #4875FD;
	color: #FFF;
}
.payQrWr .qr-boothname { margin: 16px 16px 0; font-size: 15px; font-weight: 700; text-align: center; }
.payQrWr .qr-carousel { position: relative; margin: 8px 16px 0; }
.payQrWr .qr-track { display: flex; overflow: hidden; border-radius: 16px; }
.payQrWr .qr-slide { min-width: 100%; display: flex; flex-direction: column; align-items: center; gap: 14px; transition: transform .28s ease; }
.payQrWr .qr-canvas-box { width: 240px; height: 240px; background: #fff; border: 1px solid var(--owner-border); border-radius: 16px; display: grid; place-items: center; padding: 14px; box-shadow: 0 4px 16px rgba(0,0,0,.05); position: relative; }
.payQrWr .qr-canvas { width: 212px; height: 212px; display: grid; place-items: center; }
.payQrWr .qr-canvas canvas, .qr-canvas img { width: 212px !important; height: 212px !important; display: block; }
.payQrWr .qr-badge { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 46px; height: 46px; border-radius: 11px; background: #fff; display: grid; place-items: center; border: 3px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.18); overflow: hidden; }
.payQrWr .qr-badge img { width: 100%; height: 100%; object-fit: contain; display: block; }
.payQrWr .qr-meta__label { font-size: 14px; color: var(--owner-muted); font-weight: 600; }
.payQrWr .qr-meta__amount { font-size: 26px; font-weight: 800; color: var(--owner-primary); margin-top: 2px; }
.payQrWr .qr-nav { position: absolute; top: 128px; width: 38px; height: 38px; border-radius: 50%; background: #fff; border: 1px solid var(--owner-border); display: grid; place-items: center; cursor: pointer; font-size: 18px; color: #555; box-shadow: 0 2px 8px rgba(0,0,0,.1); user-select: none; z-index: 2; }
.payQrWr .qr-nav--prev { left: -4px; }
.payQrWr .qr-nav--next { right: -4px; }
.payQrWr .qr-dots { display: flex; gap: 7px; justify-content: center; margin-top: 14px; }
.payQrWr .qr-dot { width: 8px; height: 8px; border-radius: 50%; background: #d2d6df; cursor: pointer; transition: width .2s, background .2s; }
.payQrWr .qr-dot.is-on { background: var(--owner-primary); width: 20px; border-radius: 5px; }
/* QR 결제 시작
------------------------------------------------------ */
/* "전체" 시작
------------------------------------------------------ */
.moreWr .moreBox01 { 
	padding:22px 16px 16px;
}
.moreWr .infoBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	padding:15px;
	border:1px solid #F2F2F2;
	border-radius: 15px;
}
.moreWr .infoBox01 .name01 { 
	position:relative;
	padding:0 0 0 26px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
	color: #585858;
}
.moreWr .infoBox01 .name01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top: 2px;
	left: 0;
	background:url(/owner/img/moreName01.svg) no-repeat center / cover;
}
.moreWr .infoBox01 .name01 span { 
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.moreWr .infoBox01 .btn { 
	display:block;
	padding:5px 10px 4px;
	border-width:1px;
	border-style:solid;
	border-radius: 100px;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 0;
	text-align: center;
	color: #575757;
	transition:all .3s ease;
}
.moreWr .infoBox01 .btn.st01 { 
	background: #F0F0F0;
	border-color: #F0F0F0;
	color: #575757;
}
.moreWr .infoBox01 .btn.st01:focus,
.moreWr .infoBox01 .btn.st01:hover { 
	background: #FFF;
	border-color: #4875FD;
	color: #4875FD;
}
.moreWr .menuBox01 { 
	margin:16px 0 0;
	padding:0 16px 16px;
	border-top:8px solid #F5F5F5;
}
.moreWr .menuLst01 .lstLnk { 
	position:relative; 
	display:block;
	width: 100%;
	padding:16px 0;
	font-weight: 500;
	font-size: 14px;
	color: #212121;
	text-align: left;
	transition:all .3s ease;
}
.moreWr .menuLst01 .lstLnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 17px;
	right: 8px;
	transform:rotate(45deg);
	border-top:2px solid #DBDBDB;
	border-right:2px solid #DBDBDB;
	transition:all .3s ease;
}
.moreWr .menuLst01 .lstLnk:focus,
.moreWr .menuLst01 .lstLnk:hover { 
	color: #4875FD;
}
.moreWr .menuLst01 .lstLnk:focus:after,
.moreWr .menuLst01 .lstLnk:hover:after { 
	border-color: #4875FD;
}
/* 결제 알림 토글 행 (Web Push) */
.moreWr .menuLst01 .lstTgl {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	width:100%;
	padding:16px 8px 16px 0;
}
.moreWr .menuLst01 .lstTgl .tglLabelWrap {
	display:flex;
	flex-direction:column;
	gap:3px;
	min-width:0;
}
.moreWr .menuLst01 .lstTgl .tglLabel {
	font-weight:500;
	font-size:14px;
	color:#212121;
	text-align:left;
}
.moreWr .menuLst01 .lstTgl .tglLabel.is-disabled {
	color:#9aa0ad;
}
.moreWr .menuLst01 .lstTgl .tglHint {
	font-size:12px;
	color:var(--owner-muted);
	line-height:1.45;
	text-align:left;
}
.moreWr .menuLst01 .lstTgl .tglHint.warn {
	color:#e8590c;
}
.moreWr .menuLst01 .tglSwitch {
	position:relative;
	flex:0 0 auto;
	width:46px;
	height:26px;
	display:inline-block;
}
.moreWr .menuLst01 .tglSwitch input {
	position:absolute;
	opacity:0;
	width:100%;
	height:100%;
	margin:0;
	cursor:pointer;
}
.moreWr .menuLst01 .tglTrack {
	position:absolute;
	inset:0;
	border-radius:100px;
	background:#D9DCE3;
	transition:background .25s;
	pointer-events:none;
}
.moreWr .menuLst01 .tglTrack:before {
	content:"";
	position:absolute;
	width:22px;
	height:22px;
	left:2px;
	top:2px;
	border-radius:50%;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.25);
	transition:transform .25s;
}
.moreWr .menuLst01 .tglSwitch input:checked + .tglTrack {
	background:var(--owner-primary);
}
.moreWr .menuLst01 .tglSwitch input:checked + .tglTrack:before {
	transform:translateX(20px);
}
.moreWr .menuLst01 .tglSwitch input:disabled + .tglTrack {
	background:#ECECEC;
}
.moreWr .menuLst01 .tglSwitch input:disabled + .tglTrack:before {
	background:#f7f7f7;
	box-shadow:none;
}
/* on 상태에서 해제 진행 중(checked+disabled): 회색 대신 반투명 파랑으로 "켜진 채 잠금 중" 표현 */
.moreWr .menuLst01 .tglSwitch input:checked:disabled + .tglTrack {
	background:var(--owner-primary);
	opacity:.6;
}
.moreWr .menuLst01 .tglSwitch input:checked:disabled + .tglTrack:before {
	background:#fff;
}
.morePopBox01 { 
	position: absolute;
	width: 296px;
	max-width: 90%;	
	top: 50%;
	left: 50%;
	padding:18px 20px 20px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 20px;
}
.morePopBox01 .tit01 { 
	margin:0 0 14px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	text-align: center;
	color: #212121;
}
.morePopBox01 .guidePageBox01 { 
	margin:0 0 16px;
	font-size: 0;
	text-align: center;
}
.morePopBox01 .swiper-pagination-bullet { 
	width: 6px;
	height: 6px;
	margin:0 5px !important;
	background: #D9D9D9;
	opacity: 1;
}
.morePopBox01 .swiper-pagination-bullet-active { 
	background:linear-gradient(to right, #48A7FD, #4875FD);
}
.morePopBox01 .guideImgSwipeBox01 { 
	position:relative;
	margin:0 0 16px;
	font-size: 0;
}
.morePopBox01 .guideImgSwipeBox01 .guideArrow { 
	position:absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	margin:-20px 0 0;
	border-radius: 50%;
	z-index: 2;
}
.morePopBox01 .guideImgSwipeBox01 .guideArrow:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 50%;
	left: 50%;
	border-top:2px solid #000;
	border-right:2px solid #000;
	transition:all .3s ease;
}
.morePopBox01 .guideImgSwipeBox01 .guideArrow.stPrev { 
	left: -12px;
}
.morePopBox01 .guideImgSwipeBox01 .guideArrow.stPrev:before { 
	margin:-7px 0 0 -3px;
	transform:rotate(-135deg);
}
.morePopBox01 .guideImgSwipeBox01 .guideArrow.stNext { 
	right: -12px;
}
.morePopBox01 .guideImgSwipeBox01 .guideArrow.stNext:before { 
	margin:-7px 0 0 -11px;
	transform:rotate(45deg);
}
.morePopBox01 .guideImgSwipeBox01 .guideArrow:focus:before,
.morePopBox01 .guideImgSwipeBox01 .guideArrow:hover:before { 
	border-color:#4875FD;
}
.morePopBox01 .guideImgSwipe01 {
	text-align: center;
	overflow: hidden;
}
.morePopBox01 .guideImgSwipe01 img { 
	max-width: 100%;
}
.morePopBox01 .guideTxtSwipe01 { 
	padding:17px 19px 19px;	
	border:1px solid #F2F2F2;
	border-radius: 20px; 
	overflow: hidden;
}
.morePopBox01 .guideTxtSwipe01 .swiper-slide { 
	background: #FBFBFB;
}
.morePopBox01 .guideTxtSwipe01 .num01 { 
	margin:0 0 9px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	color: #4875FD;
}
.morePopBox01 .guideTxtSwipe01 .txt01 { 
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0;
	color: #212121;
}
.morePopBox01 .guideTxtSwipe01 .txt01 span { 
	font-weight: 500;
}
/* "전체" 끝
------------------------------------------------------ */
/* 정산내역 시작
------------------------------------------------------ */
.payHistoryWr .historyBox01 { 
	padding:16px;
}
.payHistoryWr .caldTopBox01 { 
	margin:0 0 14px;
	padding:13px 15px 14px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.payHistoryWr .caldCtrlBox01 { 
	display:flex;
	align-items:center;
	justify-content:center;
	gap:11px;
	margin:0 0 8px;
}
.payHistoryWr .caldCtrlBox01 .caldCtrl { 
	position:relative;
	display:block;
	width: 20px;
	height: 20px;
}
.payHistoryWr .caldCtrlBox01 .caldCtrl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	border-top:2px solid #111827;
	border-right:2px solid #111827;
}
.payHistoryWr .caldCtrlBox01 .caldCtrl.stPrev:before { 
	margin:-5px 0 0 -3px;
	transform:rotate(-135deg);
}
.payHistoryWr .caldCtrlBox01 .caldCtrl.stNext:before { 
	margin:-5px 0 0 -8px;
	transform:rotate(45deg);
}
.payHistoryWr .caldCtrlBox01 .caldMonth01 { 
	min-width: 104px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	color: #212121;
}
.payHistoryWr .caldInfoDl01 { 
	display:flex;
	align-items:center;
	gap:5px;
}
.payHistoryWr .caldInfoDl01 dt { 
	flex-shrink:0;
	font-size: 14px;
	letter-spacing: 0;
	color: #666;
}
.payHistoryWr .caldInfoDl01 dd { 
	flex-grow:1;
	min-width: 0;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0;
	text-align: right;
	color: #212121;
}
.payHistoryWr .caldInfoDl01 dd.stClr01 { 
	color: #4875FD;
}
.payHistoryWr .caldInfoDl01 + .caldInfoDl01 { 
	margin-top:6px;
}
.payHistoryWr .caldInfoBox01 { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:5px;
	margin:0 0 8px;
}
.payHistoryWr .caldInfoBox01 .txt01 { 
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	color: #212121;
}
.payHistoryWr .caldInfoBox01 .txt01 span { 
	color: #4875FD;
}
.payHistoryWr .caldInfoBox01 .lst01 { 
	display:flex;	
	gap:12px;
}
.payHistoryWr .caldInfoBox01 .lst01 li { 
	position:relative;
	padding:0 0 0 14px;
	font-size: 12px;
	letter-spacing: 0;
	color: #212121;
}
.payHistoryWr .caldInfoBox01 .lst01 li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 6px;
	height: 6px;
	top: 4px;
	left: 0;
	border-radius: 50%;
}
.payHistoryWr .caldInfoBox01 .lst01 li.st01:before { 
	background: #75B31E;
}
.payHistoryWr .caldInfoBox01 .lst01 li.st02:before { 
	background: #379ACC;
}
.payHistoryWr .caldInfoBox01 .lst01 li.st03:before { 
	background: #EF4040;
}
.payHistoryWr .caldTblBox01 table { 
	text-align: center;
}
.payHistoryWr .caldTblBox01 thead { 
	border-bottom:1px solid #F0F0F0;
}
.payHistoryWr .caldTblBox01 thead th { 
	padding:16px 3px 15px;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: -.3px;
	color: #212121;
}
.payHistoryWr .caldTblBox01 thead th.stSun { 
	color: #E04034;
}
.payHistoryWr .caldTblBox01 thead th.stSat { 
	color: #379DEE;
}
.payHistoryWr .caldTblBox01 tbody tr { 
	border-bottom:1px solid #F0F0F0;
}
.payHistoryWr .caldTblBox01 .tdTxtBox01 { 
	display:flex;
	flex-direction:column;
	min-height: 100px;
	padding:15px 0;
}
.payHistoryWr .caldTblBox01 .dateTxt01 { 
	font-size: 13px;
	letter-spacing: -.3px;
	color: #212121;
}
.payHistoryWr .caldTblBox01 .stSun .dateTxt01 { 
	color: #E04034;
}
.payHistoryWr .caldTblBox01 .stSat .dateTxt01 { 
	color: #379DEE;
}
.payHistoryWr .caldTblBox01 .stOther .dateTxt01 { 
	color: #999;
}
.payHistoryWr .caldTblBox01 .datePrc01 {
	margin:2px 0 0;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0;
}
.payHistoryWr .caldTblBox01 .datePrc01.st01 { 
	color: #75B31E;
}
.payHistoryWr .caldTblBox01 .datePrc01.st02 { 
	color: #379ACC;
}
.payHistoryWr .caldTblBox01 .datePrc01.st03 { 
	color: #EF4040;
}
/* 정산내역 끝
------------------------------------------------------ */
/* 결제조회 시작
------------------------------------------------------ */
.payInquiryWr .inquiryBox01 { 
	padding:16px;
}
.payInquiryWr .iqSchBox01 { 
	margin:0 0 12px;
}
.payInquiryWr .iqSchBox01 .ipt01 {
	padding:11px 15px 8px;
	border:1px solid #F0F0F0;
	border-radius: 100px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
	color: #212121;
}
.payInquiryWr .iqSchBox01 .ipt01::placeholder { 
	color: #898989;
}
.payInquiryWr .iqSchBox01 select.ipt01,
.payInquiryWr .iqSchBox01 .ipt01.date_input { 
	padding-right:40px;
	appearance: none;
	background-repeat: no-repeat;
	background-position:center right 15px;
}
.payInquiryWr .iqSchBox01 select.ipt01 {
	background-image: url(/owner/img/comSel01.svg);
}
.payInquiryWr .iqSchBox01 .ipt01.date_input {
	background-image: url(/owner/img/comDate01.svg);
}
.payInquiryWr .iqSchBox01 .ipt01.fullWid {
	width: 100%;
}
.payInquiryWr .iqSchBox01 .dateBox01 { 
	display:flex;
	align-items:center;
	gap:12px;
	margin:12px 0 0;
}
.payInquiryWr .iqSchBox01 .dateBox01 .midTxt01 { 
	flex-shrink:0;
	display:block;
	width: 10px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
	text-align: center;
	color: #898989;
}
.payInquiryWr .iqSchBox01 .dateBox01 .ipt01 { 
	width: calc((100% - 34px)/2);
}
.payInquiryWr .iqInfoBox01 { 
	padding:12px 15px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.payInquiryWr .iqInfoBox01 .tit01 { 
	margin:0 0 7px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #212121;
}
.payInquiryWr .iqInfoBox01 .infoDl01 { 
	display:flex;
	align-items:center; 
	gap:8px;
}
.payInquiryWr .iqInfoBox01 .infoDl01 dt { 
	flex-shrink:0;
	font-size: 14px;
	letter-spacing: 0;
	color: #424242;
}
.payInquiryWr .iqInfoBox01 .infoDl01 dd { 
	flex-grow:1;
	min-width: 0;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0;
	text-align: right;
	color: #212121;
}
.payInquiryWr .iqInfoBox01 .infoDl01 dd.stClr01 { 
	color: #E93737;
}
.payInquiryWr .iqInfoBox01 .infoDl01 dd.stClr02 { 
	color: #4875FD;
}
.payInquiryWr .iqInfoBox01 .infoDl01.stTotal { 
	padding:14px 0 0;
	border-top:1px solid #F0F0F0;
}
.payInquiryWr .iqInfoBox01 .infoDl01.stTotal dd { 
	font-size: 16px;
}
.payInquiryWr .iqInfoBox01 .infoDl01 + .infoDl01 { 
	margin-top:7px;
}
.payInquiryWr .iqInfoBox01 .infoDl01 + .infoDl01.stTotal { 
	margin-top:13px;
}
.payInquiryWr .iqInfoLst01 li { 
	margin:0 0 12px;
	padding:12px 15px 11px;
	border:1px solid #F0F0F0;
	border-radius: 5px;
}
.payInquiryWr .iqInfoLst01 li:last-child { 
	margin:0;
}
.payInquiryWr .iqInfoLst01 .lstTitBox01,
.payInquiryWr .iqInfoLst01 .lstTxtBox01 { 
	display:flex;
	align-items:center;
	gap:8px;
}
.payInquiryWr .iqInfoLst01 .lstTitBox01 { 
	margin:0 0 7px;
}
.payInquiryWr .iqInfoLst01 .lstTit01 { 
	flex-grow:1;
	min-width: 0;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #212121;
}
.payInquiryWr .iqInfoLst01 .lstStat01 { 
	flex-shrink:0;
	padding:2px 7px;
	border:1px solid #2E73F2;
	border-radius: 4px;
	font-size: 14px;
	letter-spacing: 0;
	color: #2E73F2;
}
.payInquiryWr .iqInfoLst01 .lstDate01 {
	flex-grow:1;
	min-width: 0;
	font-size: 14px;
	letter-spacing: 0;
	color: #424242;
}
.payInquiryWr .iqInfoLst01 .lstStat02 { 
	position:relative;
	padding:0 0 0 6px;
	font-size: 12px;
	letter-spacing: 0;
}
.payInquiryWr .iqInfoLst01 .lstStat02:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 6px;
	left: 0;
	border-radius: 50%;
}
.payInquiryWr .iqInfoLst01 .lstStat02.stClr01 { 
	color: #239326;
}
.payInquiryWr .iqInfoLst01 .lstStat02.stClr01:before { 
	background: #239326;
}
.payInquiryWr .iqInfoLst01 .lstStat02.stClr02 { 
	color: #FF2222;
}
.payInquiryWr .iqInfoLst01 .lstStat02.stClr02:before { 
	background: #FF2222;
}
.payInquiryWr .iqInfoLst01 .lstBtmDl01 { 
	display:flex;
	align-items:center;
	gap:8px;
	margin:11px 0 0;
	padding:15px 0 0;
	border-top:1px solid #F0F0F0;
}
.payInquiryWr .iqInfoLst01 .lstBtmDl01 dt { 
	flex-shrink:0;
	font-size: 14px;
	color: #424242;
	letter-spacing: 0;
}
.payInquiryWr .iqInfoLst01 .lstBtmDl01 dd { 
	flex-grow:1;
	min-width: 0;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0;
	text-align: right;
	color: #4875FD;
	word-break:break-all;
}
/* 결제조회 끝
------------------------------------------------------ */

.owner-wrap { max-width: 480px; margin: 0 auto; min-height: 100vh; background: var(--owner-bg); }
.owner-header { padding: 20px 16px; background: var(--owner-card); border-bottom: 1px solid var(--owner-border); }
.owner-header__title { font-size: 18px; font-weight: 700; }
.owner-card { background: var(--owner-card); border: 1px solid var(--owner-border); border-radius: 12px; padding: 16px; margin: 12px 16px; }
.owner-card__label { font-size: 13px; color: var(--owner-muted); margin-bottom: 6px; }
.owner-card__value { font-size: 22px; font-weight: 700; }
.owner-card__value--primary { color: var(--owner-primary); }
.owner-btn { display: block; width: 100%; padding: 14px; border: none; border-radius: 10px; background: var(--owner-primary); color: #fff; font-size: 15px; font-weight: 600; cursor: pointer; }
.owner-btn:disabled { opacity: .6; cursor: not-allowed; }
.owner-btn--logout { background: #fff; color: #e03131; border: 1px solid var(--owner-border); }
.owner-btn--logout:active { background: #fff5f5; opacity: .8; }
.owner-field { margin-bottom: 12px; }
.owner-field input { width: 100%; padding: 13px; border: 1px solid var(--owner-border); border-radius: 10px; font-size: 15px; }
.owner-error { color: #e03131; font-size: 13px; margin: 8px 0; min-height: 18px; }
.owner-login { padding: 40px 24px; max-width: 480px; margin: 0 auto; }
.owner-login__logo { text-align: center; font-size: 22px; font-weight: 800; color: var(--owner-primary); margin-bottom: 32px; }
.owner-login__sub { text-align: center; font-size: 13.5px; color: var(--owner-muted); line-height: 1.5; margin: -20px 0 28px; }
.owner-field__label { font-size: 13px; color: var(--owner-muted); margin: 0 0 6px 2px; font-weight: 600; }
.owner-placeholder { padding: 60px 24px; text-align: center; color: var(--owner-muted); }
/* 하단 탭바 */
.tabbar { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 480px; height: 64px; display: flex; background: var(--owner-card); border-top: 1px solid var(--owner-border); }
.tabbar__item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; font-size: 11px; color: var(--owner-muted); text-decoration: none; }
.tabbar__item--active { color: var(--owner-primary); font-weight: 600; }

/* 세션 전환 등 1회성 안내 토스트 (owner.js showToast) */
.owner-toast { position: fixed; left: 50%; bottom: 88px; transform: translateX(-50%) translateY(12px); max-width: 88%; background: rgba(33,37,41,.95); color: #fff; font-size: 13.5px; line-height: 1.5; padding: 12px 18px; border-radius: 12px; box-shadow: 0 6px 24px rgba(0,0,0,.22); opacity: 0; transition: opacity .3s ease, transform .3s ease; z-index: 9999; text-align: center; }
.owner-toast.is-on { opacity: 1; transform: translateX(-50%) translateY(0); }
/* 결제 알림 in-app 스낵바 (owner.js showPaymentSnackbar / sw.js postMessage) — 상단 고정·위로 스택 */
.owner-snackbar-stack { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 480px; padding: 10px 12px 0; z-index: 10000; display: flex; flex-direction: column; gap: 8px; pointer-events: none; }
.owner-snackbar { pointer-events: auto; display: flex; align-items: center; gap: 12px; background: var(--owner-card); border: 1px solid var(--owner-border); border-left: 4px solid var(--owner-primary); border-radius: 12px; padding: 12px 12px 12px 14px; box-shadow: 0 8px 28px rgba(20,30,60,.16); transform: translateY(-130%); opacity: 0; transition: transform .32s cubic-bezier(.2,.8,.2,1), opacity .32s; }
.owner-snackbar.is-on { transform: translateY(0); opacity: 1; }
.owner-snackbar__icon { flex: none; width: 38px; height: 38px; border-radius: 10px; background: rgba(72,117,253,.1); display: flex; align-items: center; justify-content: center; font-size: 19px; }
.owner-snackbar__body { flex: 1; min-width: 0; }
.owner-snackbar__title { font-size: 14px; font-weight: 700; color: var(--owner-text); margin: 0 0 2px; }
.owner-snackbar__desc { font-size: 12.5px; color: var(--owner-muted); margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.owner-snackbar__btn { flex: none; border: none; background: var(--owner-primary); color: #fff; font-size: 12.5px; font-weight: 600; padding: 8px 14px; border-radius: 8px; cursor: pointer; }
.owner-snackbar__btn:active { opacity: .8; }