/* Kto platil: playful purple, readable everyday app. */
:root{--purple:#6550cf;--purple-dark:#4936a1;--lavender:#eee9ff;--mist:#f6f4fc;--line:#e3dfee;--gray:#686176;--radius:26px;--icon-size:26px}
body{font-size:14px}h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.5px}h2{font-size:24px}h3{font-size:19px}.ui-icon{width:var(--icon-size);height:var(--icon-size);flex:none;vertical-align:middle}.button{border-radius:14px;min-height:48px;font-size:14px;padding:12px 20px;gap:10px}.button.primary{box-shadow:0 4px 0 var(--purple-dark)}.button.primary:active{box-shadow:none}.button.small{font-size:12px;min-height:44px}.text-link{font-size:13px;min-height:44px}.icon-btn{min-height:44px;min-width:44px}.tag{font-size:11px;border-radius:8px}.top-actions{gap:12px}.topbar{padding:0 32px}.demo-badge,.breadcrumb{font-size:11px}.sidebar{padding:28px 16px}.nav-item,.category-item{font-size:13px;min-height:52px;border-radius:14px;gap:12px}.nav-item>span:first-child{display:grid;place-items:center;width:30px}.nav-item.selected{background:var(--purple);color:var(--white)}.category-dot{width:38px;height:38px;border-radius:12px;flex-shrink:0;--icon-size:24px}.category-heading>.category-dot{width:48px;height:48px;--icon-size:28px}.category-heading h2{font-size:22px}.party-switch{border-radius:16px;padding:14px 10px}.party-icon{width:40px;height:40px}.sidebar-note{background:var(--lavender);border:0;border-radius:22px}.sidebar-note strong{font-size:20px}.sidebar-note p{font-size:12px}.profile small{font-size:12px}main{padding:36px 32px}.page-heading{margin-bottom:32px}.page-heading p{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.4px}.recommendation{padding:30px;min-height:300px}.recommendation h2{font-size:38px;max-width:calc(100% - 70px)}.recommendation p{font-size:13px;max-width:75%;margin-bottom:24px}.recommendation .eyebrow{font-size:10px}.rec-footer small{font-size:10px}.rec-token{border:2px solid var(--purple-dark);box-shadow:5px 7px 0 var(--purple-dark)}.participants-panel{padding:26px}.participants-panel>p{font-size:13px}.panel-top h3{font-size:20px}.person-pill{min-height:48px;font-size:13px;padding:7px 12px 7px 7px;gap:8px}.person-pill .avatar{width:30px;height:30px;font-size:10px}.avatar{width:42px;height:42px;font-size:12px}.stat{border-radius:20px;padding:20px 16px;gap:12px}.stat-icon{display:grid;width:48px;height:48px;border-radius:15px;flex-shrink:0;--icon-size:28px}.stat strong{font-size:27px}.stat small,.stat .unit{font-size:11px}.card{padding:26px}.card .subtext{font-size:13px}.activity-copy strong{font-size:14px}.activity-copy p,.activity-meta,.activity-meta .tag{font-size:11px}.activity-value{font-size:13px}.activity-item .avatar{width:38px;height:38px;font-size:11px}.activity-item{padding:20px 0;gap:12px}th{font-size:12px}td{height:48px;font-size:13px;border-radius:10px}.legend{font-size:11px}.matrix-hint{font-size:12px;padding:16px;border-radius:14px}.bottom-note{font-size:12px}.form-note,.demo-callout,.summary-box{font-size:13px;border-radius:14px;padding:16px}label.field,legend{font-size:13px}input:not([type=checkbox]),select{min-height:50px;font-size:16px;border-radius:12px}.error{font-size:13px}.dialog-heading h2{font-size:27px}dialog{width:min(620px,calc(100% - 28px));border-radius:28px;padding:28px}.form-actions{flex-wrap:wrap}.help-intro{color:var(--gray);margin-bottom:24px;font-size:15px}.quick-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none;margin:0}.quick-steps li{display:flex;gap:16px;align-items:flex-start;min-width:0}.step-icon,.section-icon{display:inline-grid;place-items:center;flex-shrink:0;width:54px;height:54px;background:var(--lavender);color:var(--purple-dark);border-radius:17px;--icon-size:30px}.quick-steps li:nth-child(2) .step-icon{background:var(--lime)}.quick-steps li:nth-child(3) .step-icon{background:var(--peach)}.quick-steps small{font-size:10px;letter-spacing:1px;color:var(--gray)}.quick-steps h3{font-size:19px;margin:5px 0 8px}.quick-steps p{font-size:13px;color:var(--gray);line-height:1.7}dialog .quick-steps{grid-template-columns:1fr;gap:22px}dialog .quick-steps h3{font-size:20px}.help-example{display:flex;gap:16px;background:var(--mist);padding:18px;border-radius:18px;margin:24px 0}.help-example p{font-size:13px;margin-top:6px;color:var(--gray)}.help-details{border-top:1px solid var(--line);padding:15px 0}.help-details summary{cursor:pointer;font-weight:bold;padding:5px 0;font-size:14px}.help-details p{margin-top:12px;color:var(--gray);font-size:13px}.section-icon{margin-bottom:20px;width:60px;height:60px;--icon-size:32px}.account-grid .card:nth-child(2) .section-icon{background:var(--lime)}
.account-state main{max-width:1240px;padding-top:28px}.account-state .topbar{max-width:1240px;margin:auto;background:transparent;border:0;height:90px}.account-state .breadcrumb{display:none}.account-state .top-actions{width:100%}.account-state .top-actions .brand{margin-right:auto}.account-state footer{max-width:1240px}.welcome{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:24px;align-items:center;background:var(--purple);color:var(--white);padding:52px 44px;border-radius:34px;overflow:hidden;min-height:400px}.welcome .eyebrow{color:var(--lavender)}.welcome h1{font-size:clamp(42px,4.4vw,66px);line-height:1.12;letter-spacing:-2.5px}.welcome h1 span{color:var(--lime)}.welcome-copy>p{max-width:460px;font-size:16px;color:var(--white);margin-top:22px;line-height:1.8}.welcome-button{margin-top:26px;color:var(--purple-dark);border:0}.welcome-art{position:relative;display:grid;place-items:center;min-height:310px;padding:22px}.receipt-art{background:var(--white);color:var(--ink);border-radius:15px 15px 4px 4px;padding:25px;width:255px;transform:rotate(7deg);box-shadow:9px 10px 0 var(--purple-dark);position:relative}.receipt-art:after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:12px;background:linear-gradient(135deg,var(--white) 25%,transparent 25%) -6px 0/12px 12px,linear-gradient(225deg,var(--white) 25%,transparent 25%) -6px 0/12px 12px}.receipt-symbol{display:block;color:var(--purple);margin-bottom:12px;--icon-size:40px}.receipt-art>strong{display:block;font-family:var(--font-display);font-size:23px}.receipt-art>span:not(.receipt-symbol){color:var(--gray);font-size:14px}.receipt-line{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:13px}.receipt-line>span{display:flex;align-items:center;gap:8px}.receipt-line b{font-weight:400;color:var(--gray)}.receipt-total{border-top:2px dashed var(--line);padding-top:14px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-weight:bold}.receipt-total>span{background:var(--lime);border-radius:50%;padding:3px;color:var(--purple-dark)}.social-sticker{position:absolute;left:0;top:0;background:var(--lime);color:var(--ink);border:2px solid var(--purple-dark);border-radius:12px;padding:10px 15px;transform:rotate(-8deg);font-size:14px;font-weight:bold;z-index:1}.round-sticker{position:absolute;bottom:0;right:0;width:80px;height:80px;display:grid;place-items:center;background:var(--peach);color:var(--purple-dark);border:2px solid var(--purple-dark);border-radius:50%;transform:rotate(12deg);--icon-size:42px}.onboarding{padding:36px 0 40px}.account-grid{gap:24px}.account-grid .card{padding:32px}.account-grid .card .subtext{margin-bottom:24px}.account-grid .form-note{font-size:12px}.party-open{border-radius:15px;padding:20px}.party-open span{font-size:12px}footer,footer button{font-size:11px}.confirmation-card .section-description{font-size:15px}
@media(max-width:1200px){.stats .stat{display:block}.stat-icon{margin-bottom:10px}.hero-grid{grid-template-columns:1.2fr 1fr}.recommendation h2{font-size:32px}.recommendation p{max-width:85%}.rec-token{right:16px;top:65px;width:50px;height:50px;font-size:23px}.rec-footer small{display:none}.top-actions{gap:8px}.topbar{padding:0 24px}.quick-steps li{display:block}.quick-steps .step-icon{margin-bottom:14px}dialog .quick-steps li{display:flex}dialog .quick-steps .step-icon{margin-bottom:0}}
@media(max-width:800px){main{padding:26px 18px}.sidebar{padding:16px 18px 8px;gap:8px}.nav-item{font-size:11px;min-height:58px;flex-direction:column;gap:4px;margin:0}.nav-item .count{display:none}.category-item{padding:8px 12px;font-size:12px}.category-dot{width:32px;height:32px;--icon-size:22px}.topbar{padding:12px 18px}.top-actions .button{min-height:44px}.hero-grid{grid-template-columns:1fr}.recommendation{min-height:280px;padding:26px}.recommendation h2{font-size:34px}.recommendation p{max-width:78%;font-size:14px}.rec-token{width:64px;height:64px;right:20px;top:88px}.page-heading p{font-size:13px;max-width:270px}.page-heading h1{font-size:32px}.heading-actions .button{width:48px;height:48px;min-width:48px}.participants-panel{padding:22px}.stat{padding:14px 10px!important}.stat-icon{width:40px;height:40px;border-radius:12px;--icon-size:24px}.stat small,.stat .unit{font-size:10px}.stat strong{font-size:23px}.card{padding:22px 16px}.card h2{font-size:21px}.card .subtext{font-size:12px}.legend{font-size:10px}.category-heading{flex-wrap:wrap}.category-heading h2{font-size:22px}.category-heading>.category-dot{width:42px;height:42px}.category-heading .text-link{font-size:12px}.form-row{grid-template-columns:1fr}dialog{padding:22px}.dialog-heading h2{font-size:24px}.welcome{padding:32px 26px;grid-template-columns:1fr}.welcome h1{font-size:48px;letter-spacing:-2px}.welcome-art{min-height:280px;width:min(100%,350px);margin:12px auto 0}.receipt-art{width:235px;padding:22px}.welcome-copy>p{font-size:15px}.account-state main{padding:12px 18px 24px}.account-state .topbar{padding:14px 18px}.account-state .top-actions{gap:12px}.account-state .top-actions .brand{font-size:22px}.account-state .top-actions>.text-link{display:none}.account-state .top-actions>.button{font-size:11px;padding:9px 12px}.onboarding{padding:30px 4px}.onboarding .quick-steps{grid-template-columns:1fr;gap:24px}.quick-steps li{display:flex}.quick-steps .step-icon{margin-bottom:0}.account-grid{grid-template-columns:1fr}.account-grid .card{padding:26px}.help-example{padding:16px;gap:12px}.help-example .step-icon{width:42px;height:42px;--icon-size:26px}.confirmation-details{font-size:13px}footer{padding:20px 18px;gap:12px}footer>span{max-width:220px}footer button{font-size:11px;min-width:90px}.bottom-note{flex-wrap:wrap}.activity-meta{gap:5px}.member-info small{font-size:12px}.member-row{gap:12px}}
@media(max-width:380px){.welcome{padding:28px 20px}.welcome h1{font-size:41px}.welcome-art{padding:20px 10px}.receipt-art{width:215px}.social-sticker{font-size:12px}.round-sticker{width:65px;height:65px}.page-heading h1{font-size:28px}.recommendation h2{font-size:30px}.rec-token{right:14px;width:54px;height:54px}.stat small{font-size:9px}.panel-top h3{font-size:18px}.person-pill{font-size:12px}.category-heading .tag{font-size:10px}}

.party-open[aria-current="true"]{border-color:var(--purple);background:var(--lavender)}.party-list{max-height:45dvh;overflow:auto;padding:4px}.party-switch strong{max-width:145px}@media(max-width:800px){.party-switch{min-height:44px}.party-switch strong{max-width:100px}.party-switch .chevron{display:block}}

.delete-zone{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.delete-zone h3{color:var(--red)}.delete-zone p{font-size:13px;color:var(--gray);margin:12px 0}.deletion-approvers{padding-left:20px;line-height:1.9;margin:20px 0}#delete-form,#delete-cancel-form,#delete-resend-form{margin-top:20px}

.reset-consent{display:flex;align-items:flex-start;gap:12px;color:var(--red);font-weight:bold}.reset-consent input{width:22px;height:22px;flex:none;margin:3px 0;accent-color:var(--purple)}

/* Square wordmark: KTO? / platil.sk. */
.brand{padding:0;flex-shrink:0;width:max-content}.brand-logo{display:block;width:88px;height:88px;flex-shrink:0}.account-state .topbar{height:116px}.sidebar>.brand{margin-bottom:12px}@media(max-width:800px){.brand-logo{width:76px;height:76px}.account-state .topbar{height:104px}.sidebar>.brand{margin-bottom:0}}
footer{flex-wrap:wrap}footer>a{min-height:32px;display:inline-flex;align-items:center}@media(max-width:550px){footer>span{flex-basis:100%;max-width:none!important}}

.brand-logo{width:112px;height:auto;border-radius:7px;mix-blend-mode:multiply}@media(max-width:800px){.brand-logo{width:96px;height:auto}}