/* Scoped composition from accepted Forms HTML; shared controls remain in packages/ui. */
.forms-client-page .client-sign-document{max-width:720px;margin:0 auto}
.forms-client-page .client-sign-document #clientSign{margin-top:24px}
.forms-client-page .client-sign-document .heading{padding-bottom:18px;min-height:0}
.forms-client-page .signature-declarations{font-size:13px;color:#677587;line-height:1.6;margin:18px 0}
.forms-client-page .signature-declarations p+p{margin-top:10px}
.forms-client-page .client-waiting{min-height:calc(100svh - 180px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:660px;margin:auto;padding:36px 12px;gap:20px}
.forms-client-page .waiting-symbol{display:grid;place-items:center;width:96px;height:96px;border-radius:30px;background:#252e3c;color:#fff;box-shadow:0 12px 36px #252e3c12;margin-bottom:8px}
.forms-client-page .waiting-symbol svg{width:42px;height:42px;stroke-width:1.5}
.forms-client-page .waiting-eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#7a6370}
.forms-client-page .client-waiting h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1px;line-height:1.15}
.forms-client-page .waiting-copy{max-width:430px;font-size:16px;color:#677587;line-height:1.7}
.forms-client-page .waiting-status{display:flex;align-items:center;gap:9px;font-size:13px;color:#677587;margin-top:16px}
.forms-client-page .waiting-status span{width:7px;height:7px;background:#d92558;border-radius:50%}
.forms-client-page .client-document-info{margin-top:22px;padding-top:18px;border-top:1px solid #dfe5ec}
.forms-client-page .client-document-info h4{margin-bottom:12px}
@media(max-width:480px){.forms-client-page .client-waiting{min-height:calc(100svh - 145px);gap:16px}.forms-client-page .waiting-symbol{width:80px;height:80px;border-radius:25px}.forms-client-page .waiting-copy{font-size:15px;max-width:320px}}
.forms-page button.form-choice{text-align:left;width:100%}
.forms-page div.field{display:grid;gap:6px;font-size:12px;align-content:start}
:is(body.forms-page,[data-module-root="formularze"].forms-page){color-scheme:light;--ink:#293443;--muted:#677587;--line:#dfe5ec;--pink:#d92558;--dark:#252e3c;--soft:#f2f5f8}
:is(body.forms-page,[data-module-root="formularze"].forms-page) *{box-sizing:border-box}
:is(body.forms-page,[data-module-root="formularze"].forms-page){scrollbar-gutter:stable}
:is(body.forms-page,[data-module-root="formularze"].forms-page){margin:0;background:var(--soft);color:var(--ink);font:14px/1.5 "Segoe UI",Arial,sans-serif}
:is(body.forms-page,[data-module-root="formularze"].forms-page) h1,:is(body.forms-page,[data-module-root="formularze"].forms-page) h2,:is(body.forms-page,[data-module-root="formularze"].forms-page) h3,:is(body.forms-page,[data-module-root="formularze"].forms-page) h4,:is(body.forms-page,[data-module-root="formularze"].forms-page) p{margin:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) h2{font-size:24px;line-height:1.3;letter-spacing:-.5px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) h3{font-size:18px;line-height:1.35}
:is(body.forms-page,[data-module-root="formularze"].forms-page) h4{font-size:15px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) a{color:inherit;text-underline-offset:3px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) button,:is(body.forms-page,[data-module-root="formularze"].forms-page) input,:is(body.forms-page,[data-module-root="formularze"].forms-page) select,:is(body.forms-page,[data-module-root="formularze"].forms-page) textarea{font:inherit;color:inherit}
:is(body.forms-page,[data-module-root="formularze"].forms-page) button,:is(body.forms-page,[data-module-root="formularze"].forms-page) a,:is(body.forms-page,[data-module-root="formularze"].forms-page) summary{touch-action:manipulation}
:is(body.forms-page,[data-module-root="formularze"].forms-page) button{cursor:pointer}
:is(body.forms-page,[data-module-root="formularze"].forms-page) button:disabled{cursor:default}
:is(body.forms-page,[data-module-root="formularze"].forms-page) svg{vertical-align:middle;flex-shrink:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) [hidden]{display:none!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) input,:is(body.forms-page,[data-module-root="formularze"].forms-page) select,:is(body.forms-page,[data-module-root="formularze"].forms-page) textarea{width:100%;min-width:0;min-height:42px;border:1px solid #bdc9d7;border-radius:10px;background:#fff;padding:10px 12px;font:14px "Segoe UI",Arial,sans-serif}
:is(body.forms-page,[data-module-root="formularze"].forms-page) textarea{resize:vertical;min-height:86px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) input:hover,:is(body.forms-page,[data-module-root="formularze"].forms-page) select:hover,:is(body.forms-page,[data-module-root="formularze"].forms-page) textarea:hover{border-color:#8d9cae}
:is(body.forms-page,[data-module-root="formularze"].forms-page) input:focus,:is(body.forms-page,[data-module-root="formularze"].forms-page) select:focus,:is(body.forms-page,[data-module-root="formularze"].forms-page) textarea:focus{outline:2px solid #d9255840;border-color:var(--pink)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) input[readonly]{background:var(--soft);border-color:transparent;color:#47566a}
:is(body.forms-page,[data-module-root="formularze"].forms-page) input[type=checkbox],:is(body.forms-page,[data-module-root="formularze"].forms-page) input[type=radio]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;accent-color:var(--pink)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) label.field{display:grid;gap:6px;font-size:12px;min-width:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .field>span{font-weight:600}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .hint,:is(body.forms-page,[data-module-root="formularze"].forms-page) .muted,:is(body.forms-page,[data-module-root="formularze"].forms-page) small{font-size:12px;color:var(--muted)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .hint{margin-top:7px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .row{display:flex;align-items:center;gap:10px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .wrap{flex-wrap:wrap}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .between{justify-content:space-between}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .actions.end{justify-content:flex-end}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .full{width:100%}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .system-header{background:var(--dark);color:#fff;height:153px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-inner{max-width:1320px;height:153px;padding:23px 30px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-title .back{display:flex!important;justify-content:flex-start!important;min-height:28px!important;padding:0!important;font-size:12px!important;color:#c2ccdb!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-title h1{font-size:30px;line-height:39px;letter-spacing:-.8px;margin-top:4px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-title h1 span,:is(body.forms-page,[data-module-root="formularze"].forms-page) .wordmark span{color:#f34479}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-title p{color:#c2ccdb;font-size:12px;margin-top:2px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-context{display:flex;gap:14px;align-items:end}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-context label{width:220px;font-size:11px;color:#c2ccdb}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-context select{margin-top:5px;background:#354154;color:#fff;border-color:#536071;height:42px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-context select option{color:var(--ink);background:#fff}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-user{font-size:12px;color:#c2ccdb;min-width:126px;display:grid;gap:3px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-user strong{color:#fff;font-weight:600}
:is(body.forms-page,[data-module-root="formularze"].forms-page) main.workspace{max-width:1320px;margin:auto;padding:0 30px 35px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .module-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;border-bottom:1px solid var(--line)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .tabs{display:flex;align-items:center;gap:4px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .tabs .count{font-size:11px;opacity:.8}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .heading{min-height:94px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .heading p{color:var(--muted);font-size:13px;margin-top:5px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .design-label{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:4px 7px;white-space:nowrap}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .panel h3+.hint{margin-top:5px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .panel+.panel{margin-top:18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-choice{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:213px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-choice:hover{border-color:#a9b6c6}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .choice-icon{display:grid;place-items:center;background:var(--dark);color:#fff;border-radius:11px;width:46px;height:46px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .choice-icon svg{width:22px;height:22px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-choice h3{font-size:21px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-choice p{font-size:13px;color:var(--muted);margin-top:6px;max-width:290px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-choice .card-action{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#a91c47;margin-top:auto}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px;gap:15px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .section-title h3{font-size:17px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .section-title a{font-size:12px;color:var(--muted)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 155px 135px;align-items:center;gap:20px;padding:17px 19px;border-bottom:1px solid var(--line)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row:last-child{border-bottom:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row strong{font-size:14px;font-weight:650}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row small{display:block;margin-top:4px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row .actions{justify-content:end}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .status{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:7px;padding:5px 8px;background:var(--soft);width:fit-content;line-height:1.4}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .status.good{color:#286247;background:#eef7f1;border-color:#d2e6d9}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .status.attention{color:#85611c;background:#fff8e6;border-color:#eadcae}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .status.pink{color:#a91e49;background:#fff0f5;border-color:#efc8d6}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .status.error{color:#b52b48;background:#fff0f3;border-color:#efc8d2}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .status.blue{color:#38668c;background:#edf5fc;border-color:#d3e1ef}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .notice{border:1px solid #eadcae;border-radius:11px;padding:13px 16px;background:#fffaf0;font-size:13px;display:flex;gap:11px;align-items:flex-start}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .notice svg{margin-top:3px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .notice strong{display:block}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .notice p{color:#856b37;font-size:12px;margin-top:3px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .notice+.panel,:is(body.forms-page,[data-module-root="formularze"].forms-page) .notice+.doc-list{margin-top:18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .searchbox{position:relative;flex:1;max-width:430px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .searchbox>svg{position:absolute;left:12px;top:14px;color:var(--muted)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .searchbox>input{padding-left:38px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .toolbar select{max-width:185px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px;align-items:start}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .span2{grid-column:1/-1}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .section-rule{border:0;border-top:1px solid var(--line);margin:22px 0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .person-summary{display:flex;align-items:center;gap:13px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--soft);color:#586a80;font-size:14px;font-weight:650;flex-shrink:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .person-summary h3{font-size:18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .person-summary p{font-size:12px;color:var(--muted);margin-top:3px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .key-values{display:grid;gap:11px;margin:18px 0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .kv{display:flex;align-items:start;justify-content:space-between;gap:18px;font-size:13px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .kv dt{color:var(--muted)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .kv dd{margin:0;text-align:right;font-weight:600}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .metric{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.7px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .metric.pink{color:var(--pink)}
/* Termination/freeze editor: person and fixed facts on top, sections in working order, one footer bar. */
.forms-page .ed-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.forms-page .ed-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.forms-page .ed-section{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.forms-page .ed-section>h4{font-size:15px;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.forms-page .ed-section>h4 .hint{margin:0;font-weight:500}
.forms-page .ed-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;margin-top:12px}
.forms-page .ed-line .hint{margin:0}
.forms-page .ed-source{margin-top:4px;min-height:46px}
.forms-page .ed-result{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--soft);border-radius:10px;padding:11px 14px;margin-top:14px;font-size:13px}
.forms-page .ed-result strong{font-size:14px}
.forms-page .ed-promotion:not(:empty){margin-top:14px}
.forms-page .ed-section textarea{min-height:64px}
.forms-page .ed-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.forms-page .ed-foot .form-actions{margin-top:0;flex-shrink:0}
.forms-page .ed-device{font-size:13px;min-width:0}
.forms-page .ed-device>summary{cursor:pointer;font-weight:600;padding:8px 0}
.forms-page .ed-device[open]>div{padding-top:8px;max-width:340px}
.forms-page .ed-test{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin-top:12px;cursor:pointer}
.forms-page .ed-after{margin-top:10px}
/* Missing amount is a warning, not a result: ochre like the notice, pink stays for the confirmed fee. */
:is(body.forms-page,[data-module-root="formularze"].forms-page) .metric.pink.pending{color:#85611c;font-size:22px;letter-spacing:-.3px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .summary-box{border-radius:11px;background:var(--soft);padding:17px;margin:16px 0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .summary-box .kv{margin:7px 0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .amount-row{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .check-row{display:flex;gap:11px;align-items:center;min-height:48px;font-size:13px;padding:10px 0;cursor:pointer}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .check-row input{margin-top:1px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .disclosure{border:1px solid var(--line);border-radius:11px;background:#fff;margin-top:16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .disclosure>summary{padding:14px 16px;font-size:13px;cursor:pointer;font-weight:600}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .disclosure>div{padding:0 16px 16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .disclosure .hint{font-size:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-actions{margin-top:23px;display:flex;gap:10px;justify-content:flex-end}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .document-frame{background:#e4e9ef;border:1px solid #d5dde7;border-radius:12px;padding:16px;min-width:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .paper{display:block;width:100%;max-width:595px;height:auto;background:white;box-shadow:0 4px 16px #18223220;margin:0 auto}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .history-line{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .history-line:last-child{border:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .history-line small{display:block;margin-top:3px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .history-dot{height:8px;width:8px;flex:0 0 8px;border-radius:50%;background:#7c8da4;margin-top:7px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .device-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);gap:18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .device-row:last-child{border:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .device-row .device-title{display:flex;gap:12px;align-items:center}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .qr-panel{display:flex;gap:20px;align-items:center}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .qr-image{width:126px;height:126px;background:#fff;padding:5px;border:1px solid var(--line);border-radius:9px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .empty-state{padding:48px 22px;text-align:center;display:grid;justify-items:center;gap:15px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .empty-state h3{font-size:21px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .empty-state p{max-width:440px;color:var(--muted);font-size:14px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .empty-state .big-symbol{display:grid;place-items:center;background:#fff;color:var(--muted);border:1px solid var(--line);border-radius:18px;width:72px;height:72px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .big-symbol svg{width:30px;height:30px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .mobile-only{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-header{background:var(--dark);color:#fff}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-head-inner{max-width:1000px;height:86px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .wordmark{font-size:24px;letter-spacing:-.7px;font-weight:750}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-header .club{font-size:12px;color:#c2ccdb;margin-top:2px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-header .header-note{font-size:12px;color:#c2ccdb;display:flex;align-items:center;gap:7px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main{max-width:1000px;margin:auto;padding:28px 32px 32px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .heading{min-height:70px;padding:0 0 22px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main h2{font-size:26px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:22px;align-items:start}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .form-actions{justify-content:stretch}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .form-actions>*{flex:1}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .panel{padding:24px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .signature{width:100%;height:154px;display:block;border:1px solid #bdc9d7;border-radius:10px;background:linear-gradient(#fff,#fff);touch-action:none;cursor:crosshair}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .signature-wrap{position:relative;margin-top:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .signature-guide{position:absolute;left:18px;right:18px;top:65px;text-align:center;color:#8b98a8;font-size:13px;pointer-events:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .signature-wrap.signed .signature-guide{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .signature-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .signature-label h3{font-size:17px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .signature-label button{font-size:12px!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-summary .key-values{margin:14px 0 0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .required-note{font-size:12px;color:var(--muted);margin-top:10px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .step-line{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin:0 0 22px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .step-dot{height:6px;flex:1;background:#dce3eb;border-radius:4px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .step-dot.done{background:var(--pink)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .guest-form{max-width:760px;margin:auto}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .guest-form .form-grid{gap:18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .guest-form h3{font-size:16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .question{border:0;padding:0;margin:0 0 23px;min-width:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .question legend{font-weight:650;font-size:15px;margin-bottom:11px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .options{display:flex;flex-wrap:wrap;gap:9px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .option{display:flex;align-items:center;gap:10px;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:13px;cursor:pointer;background:white;flex:1 1 190px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .option:has(input:checked){border-color:#d9255866;background:#fff4f7}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .yesno .option{flex:0 1 150px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .consent{display:flex;align-items:start;gap:11px;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px;line-height:1.55;cursor:pointer}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .consent input{margin-top:3px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .consent:last-child{border-bottom:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .legal-text{font-size:12px;line-height:1.7;color:#4c5a6d;max-height:380px;overflow:auto}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .legal-text p{margin:10px 0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .design-label{margin-left:10px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .success-symbol{height:72px;width:72px;background:#eef7f1;border:1px solid #d2e6d9;border-radius:22px;display:grid;place-items:center;color:#286247}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .success-symbol svg{width:32px;height:32px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-result{max-width:650px;margin:55px auto;padding:42px;text-align:center;display:grid;justify-items:center;gap:18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-result h2{font-size:28px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-result p{color:var(--muted);max-width:450px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-result .actions{justify-content:center;margin-top:8px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .error-text{border-radius:9px;background:#fff0f3;color:#a92343;font-size:13px;padding:12px 14px;margin-top:14px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .status-message:empty{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .standalone-modal-stage{min-height:100vh;background:#20293877;display:grid;place-items:center;padding:30px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) dialog#modal{padding:0;border:0;border-radius:22px;box-shadow:0 20px 70px #17202d33;max-width:calc(100vw - 44px);max-height:calc(100dvh - 44px);width:780px;color:var(--ink);background:#fff}
:is(body.forms-page,[data-module-root="formularze"].forms-page) dialog::backdrop{background:#17202da3}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-card{width:780px;max-width:100%;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 20px 70px #17202d30}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-card.narrow{width:540px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-head{background:var(--dark);color:#fff;padding:25px 28px;display:flex;justify-content:space-between;align-items:start;gap:20px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-head h2{font-size:25px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-head p{color:#c2ccdb;font-size:12px;margin-top:6px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-head button{color:#c2ccdb!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-body{padding:25px 28px;max-height:calc(100dvh - 190px);overflow:auto}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-body .form-actions{margin-top:20px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-split{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:345px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-side{padding:25px 23px;background:var(--dark);color:#fff}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-side p{font-size:12px;color:#c2ccdb;margin-top:8px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-side strong{font-size:19px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-side .status{margin-top:18px;border-color:#536071;background:#354154;color:#e6edf5}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-split .modal-body{padding:25px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .candidate{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .candidate:last-child{border-bottom:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .candidate p{font-size:12px;color:var(--muted);margin-top:3px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .search-form{display:flex;gap:9px;margin-bottom:17px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .search-form .searchbox{max-width:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .search-meta{font-size:12px;color:var(--muted);margin-bottom:4px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .pair-code{font-size:36px;font-weight:700;letter-spacing:6px;text-align:center;border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--soft);margin:18px 0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .waiting-line{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .waiting-line .state-circle{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef7f1;color:#286247}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .waiting-line small{display:block;margin-top:3px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .waiting-line.current .state-circle{background:#fff0f5;color:#b12551}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .prototype-links{margin-top:14px;font-size:12px;color:var(--muted)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .prototype-links a{margin-right:14px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) #toast{position:fixed;right:22px;bottom:22px;z-index:50;background:var(--dark);color:#fff;padding:13px 18px;max-width:calc(100vw - 32px);border-radius:11px;box-shadow:0 6px 25px #17202d30;font-size:13px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .pager{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:12px;color:var(--muted)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .tablet-badge{display:flex;align-items:center;gap:8px;color:#c2ccdb;font-size:12px}
@media(min-width:701px){:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=tablet] [data-xtreme-control]{min-height:44px!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=tablet] input,:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=tablet] select,:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=tablet] textarea{min-height:46px;font-size:16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=tablet] input[type=checkbox],:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=tablet] input[type=radio]{min-height:20px;width:20px;height:20px;flex-basis:20px}
}
@media(max-width:1000px) and (min-width:701px){:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-head-inner{padding:0 24px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main{padding:24px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .panel{padding:20px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-grid{gap:18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .split{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}
}
@media(max-width:700px){:is(body.forms-page,[data-module-root="formularze"].forms-page){scrollbar-gutter:auto}
:is(body.forms-page,[data-module-root="formularze"].forms-page) h2{font-size:22px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) h3{font-size:17px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .system-header,:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-inner{height:84px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-inner{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;padding:0 16px;gap:10px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-title{display:contents}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-title .back{grid-column:1;grid-row:1;min-height:44px!important;width:44px!important;justify-content:center!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-title .back .back-text{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-title h1{grid-column:2;grid-row:1;font-size:20px;line-height:26px;margin:0;align-self:start;padding-top:17px;letter-spacing:-.4px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-title p{grid-column:2;grid-row:1;align-self:start;margin-top:46px;font-size:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .head-context{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .mobile-context{grid-column:3;grid-row:1}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .mobile-only{display:block}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .desktop-only{display:none!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) main.workspace{padding:0 16px 24px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .module-nav{display:block;padding:14px 0 12px;min-height:74px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .module-nav .tabs{width:100%;gap:2px;justify-content:space-between}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .module-nav .tabs [data-xtreme-control]{padding:7px 8px!important;min-height:44px!important;font-size:12px!important;gap:4px!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .module-nav .nav-tools{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .heading{min-height:84px;padding:18px 0;gap:10px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .heading h2{font-size:22px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .heading p{font-size:12px;max-width:270px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .heading>.design-label{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .panel{padding:17px;border-radius:13px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .three{grid-template-columns:1fr;gap:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-choice{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;gap:13px;min-height:108px;align-items:center;padding:17px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .choice-icon{width:42px;height:42px;grid-column:1;grid-row:1/3}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-choice>div:not(.choice-icon){grid-column:2;grid-row:1/3}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-choice h3{font-size:17px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-choice p{font-size:12px;margin-top:4px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-choice .card-action{grid-column:3;grid-row:1/3;font-size:0;margin:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-choice .card-action svg{width:16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .section-title{margin-top:22px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-list{border:0;background:none;border-radius:0;display:grid;gap:10px;overflow:visible}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row .person-col{grid-column:1;grid-row:2}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row>.status{grid-column:1;grid-row:3}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row .actions{grid-column:2;grid-row:1/4}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row .person-col small{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row strong{font-size:14px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row small{font-size:11px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .doc-row .actions [data-xtreme-control]{padding:8px 10px!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .toolbar{flex-wrap:wrap;gap:10px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .toolbar .searchbox{flex:1 1 100%;max-width:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .toolbar select{max-width:none;flex:1}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .toolbar .actions{width:100%}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .split{grid-template-columns:1fr;gap:16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-grid{grid-template-columns:1fr;gap:15px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .span2{grid-column:auto}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .notice{padding:12px;font-size:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .notice p{font-size:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .key-values{gap:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .kv{font-size:13px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-actions{margin-top:19px;flex-wrap:wrap}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-actions>*{flex:1}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .detail-top-actions{width:100%;margin-top:3px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .document-frame{padding:10px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .detail-tabs{margin-bottom:16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .qr-panel{align-items:start;gap:14px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .qr-image{width:100px;height:100px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .device-row{flex-wrap:wrap;gap:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .device-row .actions{margin-left:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .metric{font-size:28px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-head-inner{height:78px;padding:0 18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .wordmark{font-size:21px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-header .header-note{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main{padding:20px 16px 26px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .heading{min-height:0;padding:0 0 18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main h2{font-size:23px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .panel{padding:18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-grid{grid-template-columns:1fr;gap:16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .design-label{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .key-values{gap:10px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .form-grid{grid-template-columns:1fr}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main input,:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main select,:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main textarea{font-size:16px;min-height:46px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main input[type=checkbox],:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main input[type=radio]{min-height:20px;width:20px;height:20px;flex-basis:20px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .signature{height:150px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .signature-guide{top:65px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-result{margin:28px auto;padding:28px 20px;gap:16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-result h2{font-size:25px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-result .actions{width:100%}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-result .actions>*{width:100%}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .option{flex:1 1 100%;min-height:48px;font-size:14px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .yesno .option{flex:1}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .question{margin-bottom:21px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .question legend{font-size:15px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .consent{font-size:13px;padding:15px 0;gap:10px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .step-line{margin-bottom:18px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-head{padding:21px 20px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-head h2{font-size:22px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-body,:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-split .modal-body{padding:20px;max-height:calc(100dvh - 155px)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) dialog#modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-card{width:100%;border-radius:22px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-split{grid-template-columns:1fr}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-side{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .standalone-modal-stage{padding:12px;align-items:start;padding-top:30px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .candidate{align-items:start;gap:12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .candidate p{overflow-wrap:anywhere}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .search-form{flex-wrap:wrap}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .search-form .searchbox{flex:1 1 100%}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .search-form>button{flex:1}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-main .form-actions>*{min-width:100px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .tablet-badge{font-size:11px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .empty-state{padding:30px 12px}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .prototype-links{line-height:2}
}
@media print{:is(body.forms-page,[data-module-root="formularze"].forms-page){background:#fff}
:is(body.forms-page,[data-module-root="formularze"].forms-page) header,:is(body.forms-page,[data-module-root="formularze"].forms-page) .module-nav,:is(body.forms-page,[data-module-root="formularze"].forms-page) .heading,:is(body.forms-page,[data-module-root="formularze"].forms-page) .actions,:is(body.forms-page,[data-module-root="formularze"].forms-page) .disclosure,:is(body.forms-page,[data-module-root="formularze"].forms-page) .prototype-links,:is(body.forms-page,[data-module-root="formularze"].forms-page) .design-label{display:none!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .workspace{padding:0!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .paper{max-width:none;box-shadow:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .document-frame{border:0;background:#fff;padding:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) button{display:none!important}
}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .pair-code{font-size:52px;font-weight:750;letter-spacing:.09em;color:#252e3c;margin:26px 0;font-variant-numeric:tabular-nums}
@media(max-width:700px){:is(body.forms-page,[data-module-root="formularze"].forms-page) .mobile-only.detail-tabs{display:flex}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .pair-code{font-size:36px}
}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .three>.panel,:is(body.forms-page,[data-module-root="formularze"].forms-page) .client-grid>.panel{margin-top:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .standalone-modal-stage{grid-template-columns:minmax(0,1fr);justify-items:center}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-split .modal-head{background:#fff;color:var(--ink)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-split .modal-head p{color:var(--muted)}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-split .modal-head button{color:var(--muted)!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .heading>[data-xtreme-control]{flex:0 0 auto}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .heading>div{min-width:0}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-body>.field+.field{margin-top:16px}
:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=mobile]{max-width:390px;margin:0 auto}
:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=mobile] [data-xtreme-control]{min-height:44px!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=mobile] input:not([type=checkbox]):not([type=radio]),:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=mobile] select,:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=mobile] textarea{min-height:44px}
:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=mobile] dialog#modal{width:366px;max-width:calc(100vw - 24px)}
:is(body.forms-page,[data-module-root="formularze"].forms-page)[data-device=tablet]{max-width:1024px;margin:0 auto}
@media(max-width:700px){:is(body.forms-page,[data-module-root="formularze"].forms-page) .module-nav .tabs{flex-wrap:nowrap}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .module-nav .tabs svg{display:none}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .module-nav .tabs [data-xtreme-control]{white-space:nowrap;padding:7px!important}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .modal-card.narrow{width:100%}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .form-actions [data-xtreme-control]{white-space:normal;text-align:center}
:is(body.forms-page,[data-module-root="formularze"].forms-page) .module-nav{min-height:74px}
}
/* Runtime hooks only: shared shell geometry, focus, real empty states and variable client data. */
.forms-page .forms-header{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border-radius:0!important;display:block!important;background:#252e3c!important;gap:0!important}
.forms-page #formsSearch{padding:0;border:0;border-radius:22px;box-shadow:0 20px 70px #17202d33;max-width:calc(100vw - 44px);max-height:calc(100dvh - 44px);width:780px;color:var(--ink);background:#fff}
.forms-page .searchbox>[data-forms-icon]{position:absolute;left:12px;top:14px;color:var(--muted);line-height:1}
.forms-page .searchbox input{padding-left:38px}
.forms-page [data-forms-icon] svg{width:16px;height:16px}
.forms-page .choice-icon svg{width:22px;height:22px}
.forms-page .candidate>div,.forms-page .person-summary>div{min-width:0;overflow-wrap:anywhere}
.forms-page .candidate button{flex:0 0 auto}
.forms-page .candidate-person{display:flex;align-items:center;gap:12px;flex:1}
.forms-page .candidate-person>div{min-width:0;overflow-wrap:anywhere}
.forms-page .candidate-avatar{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border-radius:50%;background:var(--soft);color:var(--muted);font-size:14px;font-weight:700}
.forms-page .candidate-avatar img{position:absolute;inset:0;width:48px;height:48px;object-fit:cover;opacity:0}
.forms-page .candidate-avatar img[data-photo-ready]{opacity:1}
.forms-page #formsSearch{height:min(560px,calc(100dvh - 44px));animation:none!important;transition:none!important}
.forms-page #formsSearch[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.forms-page #formsSearch>.modal-body{display:flex;flex-direction:column;min-height:0;max-height:none;overflow:hidden}
.forms-page #formsSearchForm,.forms-page #formsSearchStatus,.forms-page #formsSearch>.modal-body>.hint{flex-shrink:0}
.forms-page #formsCandidates{min-height:0;flex:1;overflow-y:auto;scrollbar-gutter:stable}
.forms-page .forms-error{color:#a92343}
.forms-page .prep-status{margin:16px 0 0}
.forms-page .heading h2{overflow-wrap:anywhere}
.forms-page .mobile-context{position:relative;height:44px;width:44px;align-items:center;justify-content:center;color:#c2ccdb}
.forms-page .mobile-context select{position:absolute;inset:0;width:44px;height:44px;opacity:0;cursor:pointer}
.forms-page .mobile-context:focus-within{outline:3px solid #8dabe0;outline-offset:3px;border-radius:10px}
.forms-page .empty-state{min-height:180px}
.forms-page .heading>button{flex:0 0 auto}
.forms-page .form-choice:focus-visible{outline:3px solid #8dabe0;outline-offset:3px}
.forms-page #formsSearchForm{display:block}
.forms-page #formsSearchForm .searchbox{display:block;width:100%}
.forms-page .searchbox input:disabled{background:var(--soft)}
.forms-page #formsWorkflowDialog{padding:0;border:0;border-radius:22px;box-shadow:0 20px 70px #17202d33;width:min(780px,calc(100vw - 44px));max-width:calc(100vw - 44px);max-height:calc(100dvh - 44px);color:var(--ink);background:#fff;animation:none!important;transition:none!important}
.forms-page #formsWorkflowDialog .modal-card{width:auto;max-height:calc(100dvh - 44px);overflow:auto;border:0;box-shadow:none}
.forms-page #formsWorkflowDialog .modal-card.narrow{max-width:560px;margin:auto}
.forms-page #formsWorkflowDialog:has(.narrow){width:min(560px,calc(100vw - 44px))}
.forms-page .forms-document-preview iframe{width:100%;min-height:650px;border:0;background:white}
.forms-page .forms-document-preview canvas.paper{display:block;width:100%;height:auto;min-height:200px;background:white}
.forms-page .device-card{padding:18px 0;border-bottom:1px solid var(--line)}
.forms-page .forms-device-setup{display:flex;gap:20px;align-items:center;margin-bottom:16px}
.forms-page .forms-device-setup img{flex:none;width:160px;height:160px}
.forms-page .forms-device-setup ol{padding-left:20px;margin:0;line-height:1.5}
.forms-page .forms-device-setup li+li{margin-top:10px}
.forms-page #formsPairForm{display:grid;gap:16px;margin-top:20px}
.forms-client-page .client-result .disclosure{max-width:480px;margin:22px auto 0;text-align:left}
@media(max-width:480px){.forms-page .forms-device-setup{flex-direction:column;align-items:flex-start;gap:12px}.forms-page .forms-device-setup img{align-self:center;width:128px;height:128px}.forms-page .forms-device-setup li+li{margin-top:6px}.forms-page #formsWorkflowDialog .modal-head h2{font-size:24px}}
.forms-client-page #clientSignature{display:block;width:100%;height:200px;touch-action:none;user-select:none}
.forms-client-page #guestSignature{display:block;width:100%;height:200px;touch-action:none;user-select:none}
.forms-page .error-text:empty{display:none}
.forms-client-page .notice{margin-bottom:20px}
.forms-client-page .client-result .success-symbol svg{width:28px;height:28px}
@media(max-width:700px){.forms-page .forms-document-preview{display:none}.forms-page .forms-document-preview.forms-mobile-visible{display:block}.forms-page .forms-mobile-hidden{display:none}.forms-client-page .client-grid{grid-template-columns:1fr}.forms-client-page .header-note{max-width:130px}.forms-client-page #clientSignature{height:180px}.forms-page .device-card .row{flex-wrap:wrap}}
@media(max-width:700px){.forms-page #formsSearch{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.forms-page .head-inner>.mobile-context{display:flex}.forms-page .module-nav .tabs [data-xtreme-control]{white-space:nowrap!important}.forms-page #formsSearchForm{margin-top:0}}
/* Workflow windows (accepted mockups 19.10): option cards, QR, transfer timeline, Glofox steps. Main action is last in the DOM, so phones stack it on top. */
.forms-page #formsWorkflowDialog .wf-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px}
.forms-page #formsWorkflowDialog .wf-actions .wf-left{margin-right:auto}
.forms-page #formsWorkflowDialog .wf-option{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px}
.forms-page #formsWorkflowDialog .wf-option+.wf-option{margin-top:12px}
.forms-page #formsWorkflowDialog .wf-ico{width:40px;height:40px;border-radius:11px;background:var(--soft);display:grid;place-items:center;color:#41506a}
.forms-page #formsWorkflowDialog .wf-option h3{font-size:15px}
.forms-page #formsWorkflowDialog .wf-option p{font-size:12px;color:var(--muted);margin-top:3px}
.forms-page #formsWorkflowDialog .wf-device{margin-top:10px;font-size:13px}
.forms-page #formsWorkflowDialog .wf-device>summary{cursor:pointer;font-weight:600;padding:4px 0}
.forms-page #formsWorkflowDialog .wf-device[open]>div{padding-top:8px}
.forms-page #formsWorkflowDialog .wf-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:12px}
.forms-page #formsWorkflowDialog .wf-qr{display:grid;justify-items:center;text-align:center;gap:10px;padding:6px 0}
.forms-page #formsWorkflowDialog .wf-qr img{width:230px;height:230px}
.forms-page #formsWorkflowDialog .wf-qr strong{font-size:15px}
.forms-page #formsWorkflowDialog .wf-qr p{font-size:13px;color:var(--muted)}
.forms-page #formsWorkflowDialog .wf-ctx{display:none}
.forms-page #formsWorkflowDialog .wf-info{margin-top:12px}
.forms-page #formsWorkflowDialog .waiting-line:last-child{border-bottom:0}
.forms-page #formsWorkflowDialog .waiting-line strong{font-size:14px}
.forms-page #formsWorkflowDialog .waiting-line.todo .state-circle{background:var(--soft);color:#8a97a8}
.forms-page #formsWorkflowDialog .modal-side p+p{margin-top:6px}
.forms-page #formsWorkflowDialog .modal-split #formsDeviceOptions{margin-top:12px}
.forms-page #formsWorkflowDialog ol.wf-steps{margin:0 0 4px 18px;padding:0;font-size:14px;line-height:1.6}
.forms-page #formsWorkflowDialog ol.wf-steps li+li{margin-top:6px}
.forms-page #formsWorkflowDialog .wf-note{background:var(--soft);border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.5;margin-top:8px;user-select:all}
.forms-page #formsWorkflowDialog .wf-copy{display:flex;align-items:center;gap:8px;margin-top:6px}
.forms-page #formsWorkflowDialog .wf-copy .hint{margin:0}
.forms-page #formsWorkflowDialog .wf-text{font-size:14px;line-height:1.55}
.forms-page #formsWorkflowDialog .wf-field{margin-top:16px}
.forms-page #formsWorkflowDialog .wf-field textarea{min-height:84px}
.forms-page #formsWorkflowDialog .wf-pair{margin-top:18px}
@media(max-width:700px){
 .forms-page #formsWorkflowDialog .wf-actions{flex-direction:column-reverse;align-items:stretch;gap:8px}
 .forms-page #formsWorkflowDialog .wf-actions>*{width:100%;justify-content:center}
 .forms-page #formsWorkflowDialog .wf-actions .wf-left{margin-right:0}
 .forms-page #formsWorkflowDialog .wf-option{grid-template-columns:1fr}
 .forms-page #formsWorkflowDialog .wf-ico{display:none}
 .forms-page #formsWorkflowDialog .wf-btns{display:grid;grid-template-columns:1fr 1fr}
 .forms-page #formsWorkflowDialog .wf-btns>*:only-child{grid-column:1/-1}
 .forms-page #formsWorkflowDialog .wf-ctx{display:block;font-size:13px;font-weight:600;color:#41506a;margin:-4px 0 6px}
 .forms-page #formsWorkflowDialog .wf-qr img{width:210px;height:210px}
 .forms-page #formsWorkflowDialog .wf-pair{grid-template-columns:1fr}
}
/* Client search: compact rows so 5–6 people are visible, one meta line. */
.forms-page #formsSearch .candidate{padding:10px 0}
.forms-page #formsSearch .candidate-avatar,.forms-page #formsSearch .candidate-avatar img{flex:0 0 40px;width:40px;height:40px}
.forms-page #formsSearch .candidate p{margin-top:2px}
/* Compact guest questionnaire (accepted mockup 19.10): less on screen — title+step in one line, thin bar, one card, segmented yes/no, chips, short consents. */
.forms-client-page .g-compact .g-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.forms-client-page .g-compact .g-top h2{font-size:24px}
.forms-client-page .g-compact .g-step{font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap}
.forms-client-page .g-compact .g-bar{display:flex;gap:5px;margin:10px 0 6px}
.forms-client-page .g-compact .g-bar span{flex:1;height:4px;border-radius:3px;background:#dce3eb}
.forms-client-page .g-compact .g-bar span.on{background:var(--pink)}
.forms-client-page .g-compact .g-test{font-size:12px;color:#85611c;margin:0 0 12px}
.forms-client-page .g-compact #guestForm{padding:18px}
.forms-client-page .g-compact .form-grid{gap:12px}
.forms-client-page .g-compact .field{gap:4px}
.forms-client-page .g-compact input:not([type=checkbox]):not([type=radio]){width:100%;min-width:0;max-width:100%;box-sizing:border-box}
/* Native date inputs keep an intrinsic minimum width on iOS/Android and overflowed the card. */
.forms-client-page .g-compact input[type=date]{-webkit-appearance:none;appearance:none;display:block;text-align:left}
.forms-client-page .g-compact .g-q{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid var(--line);margin:0;padding:9px 0;min-width:0}
.forms-client-page .g-compact .g-q legend{float:left;font-size:15px;font-weight:600;padding:0;max-width:60%}
.forms-client-page .g-compact .g-seg{display:flex;background:var(--soft);border-radius:10px;padding:3px;flex-shrink:0;margin-left:auto}
.forms-client-page .g-compact .g-seg label,.forms-client-page .g-compact .g-chips label{position:relative;cursor:pointer}
.forms-client-page .g-compact .g-seg input,.forms-client-page .g-compact .g-chips input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.forms-client-page .g-compact .g-seg span{display:block;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:600;color:#586a80}
.forms-client-page .g-compact .g-seg label:has(input:checked) span{background:#fff;color:#252e3c;box-shadow:0 1px 3px #0002}
.forms-client-page .g-compact .g-seg label:has(input:focus-visible) span,.forms-client-page .g-compact .g-chips label:has(input:focus-visible) span{outline:2px solid var(--pink);outline-offset:1px}
.forms-client-page .g-compact .g-group{border:0;margin:0;padding:12px 0 2px;min-width:0}
.forms-client-page .g-compact .g-group legend{float:left;width:100%;font-size:15px;font-weight:600;padding:0;margin-bottom:8px}
.forms-client-page .g-compact .g-group .g-chips{clear:both}
.forms-client-page .g-compact .g-group legend small{font-weight:500;color:var(--muted)}
.forms-client-page .g-compact .g-chips{display:flex;flex-wrap:wrap;gap:7px}
.forms-client-page .g-compact .g-chips span{display:block;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;background:#fff}
.forms-client-page .g-compact .g-chips label:has(input:checked) span{border-color:#d9255866;background:#fff4f7;color:#a91e49;font-weight:600}
.forms-client-page .g-compact .g-consent{padding:10px 0;border-bottom:1px solid var(--line)}
.forms-client-page .g-compact .g-consent label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer}
.forms-client-page .g-compact .g-consent input{width:22px;height:22px;flex:0 0 22px;margin:0}
.forms-client-page .g-compact .g-consent details{margin:4px 0 0 32px}
.forms-client-page .g-compact details>summary{font-size:13px;font-weight:600;color:#41506a;cursor:pointer}
.forms-client-page .g-compact .g-consent details p{font-size:13px;line-height:1.5;color:#4c5a6d;margin-top:6px}
.forms-client-page .g-compact .g-decl{padding:10px 0 4px;font-size:13px;line-height:1.5;color:#4c5a6d}
.forms-client-page .g-compact .g-decl details>div{margin-top:8px}
.forms-client-page .g-compact .g-decl .g-legal-p{margin:8px 0}
.forms-client-page .g-compact .g-decl .legal-text{max-height:none;overflow:visible;font-size:13px}
.forms-client-page .g-compact .g-decl-full .legal-text{max-height:220px;overflow:auto}
.forms-client-page .g-compact .g-sign{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:15px}
.forms-client-page .g-compact #guestSignature{height:160px;margin-top:6px}
.forms-client-page .g-compact .g-actions{display:grid;gap:6px;margin-top:16px}
.forms-client-page .g-compact .g-actions [data-guest-action=next],.forms-client-page .g-compact .g-actions [data-guest-action=submit]{width:100%;min-height:48px;justify-content:center}
.forms-client-page .g-compact .g-actions [data-guest-action=back]{justify-self:center}
@media(min-width:701px){.forms-client-page .g-compact{max-width:640px}.forms-client-page .g-compact .g-top h2{font-size:28px}}
@media(max-width:700px){body.forms-client-page .client-main:has(.g-compact){padding:14px 14px 22px}.forms-client-page .g-compact .g-top h2{font-size:21px}.forms-client-page .g-compact #guestForm{padding:14px}}
/* Queue and Documents extend the accepted editor without changing its sections. */
.forms-queue-bar{position:sticky;top:8px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:12px 18px;margin:0 0 18px;background:#fff;border:1px solid var(--border,#dce3eb);border-radius:14px;box-shadow:0 4px 14px #2634470a}
.queue-summary{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0}.queue-summary strong{font-size:14px}.queue-summary span,.queue-summary small{font-size:13px}.queue-summary small{flex-basis:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Own popup shell: one surface, no inherited outer padding or inner shadow. */
.forms-page #formsQueueDialog{box-sizing:border-box;padding:0;border:0;border-radius:22px;width:min(760px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:hidden;color:var(--ink);background:#fff;box-shadow:0 24px 80px #17202d33;animation:none;transition:none}
.forms-page #formsQueueDialog[data-mode=empty],.forms-page #formsQueueDialog[data-mode=confirm]{width:min(520px,calc(100vw - 32px))}
.forms-page #formsQueueDialog::backdrop{background:#17202d99;backdrop-filter:blur(4px)}
.forms-page #formsQueueDialog .queue-card{display:flex;flex-direction:column;width:100%;max-width:none;max-height:calc(100dvh - 32px);margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.forms-page #formsQueueDialog .modal-head{flex:none;align-items:flex-start;padding:22px 24px;gap:16px}
.forms-page #formsQueueDialog .modal-head h2{font-size:24px;line-height:1.25;margin:0}
.forms-page #formsQueueDialog .modal-head p{margin:7px 0 0;font-size:13px;line-height:1.5}
.forms-page #formsQueueDialog .modal-head button{flex:none;min-width:44px;min-height:44px;margin:-6px -8px -6px 0}
.forms-page #formsQueueDialog .modal-body{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;padding:20px 24px}
.forms-page #formsQueueDialog .error-text:empty{display:none}
.forms-page #formsQueueDialog .queue-empty{text-align:center;padding:24px 8px 12px}
.forms-page #formsQueueDialog .queue-empty-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:16px;background:var(--soft);color:var(--muted)}
.forms-page #formsQueueDialog .queue-empty-icon svg{width:25px;height:25px}
.forms-page #formsQueueDialog .queue-empty h3{margin:0;font-size:19px}
.forms-page #formsQueueDialog .queue-empty p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
.forms-page #formsQueueDialog .queue-empty-actions{justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid var(--line,#e3e8ee)}
.forms-page #formsQueueDialog .queue-group+.queue-group{margin-top:24px}
.forms-page #formsQueueDialog .queue-group-title{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.forms-page #formsQueueDialog .queue-group-title h3{font-size:14px;margin:0}
.forms-page #formsQueueDialog .queue-group-title>span{font-size:12px;font-weight:600;min-width:22px;text-align:center;border-radius:7px;padding:2px 6px;background:var(--soft);color:var(--muted)}
.forms-page #formsQueueDialog .queue-items{display:grid;gap:10px}
.forms-page #formsQueueDialog .queue-item{padding:14px 16px;border:1px solid var(--line,#e3e8ee);border-radius:12px;min-width:0}
.forms-page #formsQueueDialog .queue-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.forms-page #formsQueueDialog .queue-item-person{min-width:0}
.forms-page #formsQueueDialog .queue-item-person>strong{font-size:15px;overflow-wrap:anywhere}
.forms-page #formsQueueDialog .queue-item-person>p{font-size:13px;margin:4px 0 0;color:var(--muted)}
.forms-page #formsQueueDialog .queue-item-meta{font-size:12px;color:var(--muted);margin:8px 0 12px;overflow-wrap:anywhere}
.forms-page #formsQueueDialog .queue-item-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.forms-page #formsQueueDialog .queue-locked{margin:10px 0 0}
@media(max-width:700px){.forms-page #formsQueueDialog,.forms-page #formsQueueDialog[data-mode]{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.forms-page #formsQueueDialog .queue-card{max-height:calc(100dvh - 24px)}.forms-page #formsQueueDialog .modal-head{padding:20px 18px}.forms-page #formsQueueDialog .modal-head h2{font-size:22px}.forms-page #formsQueueDialog .modal-body{padding:16px}.forms-page #formsQueueDialog .queue-item{padding:12px}.forms-page #formsQueueDialog .queue-item-head{gap:8px}.forms-page #formsQueueDialog .queue-item-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.forms-page #formsQueueDialog .queue-item-actions [data-action=queue-send]{grid-column:1/-1}.forms-page #formsQueueDialog .queue-item-actions button{min-height:44px;min-width:0}.forms-page #formsQueueDialog .queue-empty-actions button{width:100%}}
.forms-document-kinds{margin-bottom:16px}.forms-monthly{margin-top:12px;border-top:1px solid #e3e8ee;padding-top:12px}#formsMonthlyResult{margin-top:8px}#formsDocumentsFilters .field{margin:0}#formsDocumentsFilters input[type=month]{min-height:44px;min-width:0;max-width:100%}#formsDocumentRows:empty{min-height:80px}
@media(max-width:700px){.forms-queue-bar{top:4px;min-height:104px;padding:10px 12px;gap:8px;flex-direction:column;align-items:stretch}.forms-queue-bar .actions{justify-content:space-between;flex-wrap:wrap}.queue-summary{gap:3px 8px}.queue-summary small{font-size:12px}.forms-document-kinds{overflow:auto;flex-wrap:nowrap}#formsDocumentsFilters .toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.forms-monthly{align-items:stretch;flex-direction:column}.queue-item .actions{display:grid;grid-template-columns:1fr 1fr}}

/* Tablet as reception's second screen (accepted mockup 20.10.2026): membership offer and guest QR, view only on the tablet. */
:is(.forms-client-page,#formsWorkflowDialog,.qr-sheet) .qr-steps{display:grid;gap:14px;margin-top:28px}
:is(.forms-client-page,#formsWorkflowDialog,.qr-sheet) .qr-step{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;text-align:left}
:is(.forms-client-page,#formsWorkflowDialog,.qr-sheet) .qr-step i{width:52px;height:52px;border-radius:16px;background:#fde8ef;color:var(--pink);display:grid;place-items:center;position:relative;font-style:normal}
:is(.forms-client-page,#formsWorkflowDialog,.qr-sheet) .qr-step i svg{width:24px;height:24px}
:is(.forms-client-page,#formsWorkflowDialog,.qr-sheet) .qr-step i b{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--dark);color:#fff;font-size:11px;display:grid;place-items:center}
:is(.forms-client-page,#formsWorkflowDialog,.qr-sheet) .qr-step strong{font-size:17px;display:block}
:is(.forms-client-page,#formsWorkflowDialog,.qr-sheet) .qr-step span{font-size:13.5px;color:var(--muted)}
:is(.forms-client-page,#formsWorkflowDialog,.qr-sheet) .qr-step.last i{background:#e3f4ea;color:#1f7a4a}
.forms-client-page .client-qr{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center;max-width:1000px;margin:0 auto;height:100%}
.forms-client-page .client-qr-code{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 18px 50px rgba(37,46,60,.10);text-align:center}
.forms-client-page .client-qr-code img{width:330px;height:330px;display:block}
.forms-client-page .client-qr-code small{display:block;margin-top:12px;color:var(--muted);font-size:13px}
.forms-client-page .client-qr h2{font-size:40px;letter-spacing:-1px;line-height:1.1}
.forms-client-page .client-qr h2 span{color:var(--pink)}
.forms-client-page .client-qr h2+p{color:var(--muted);font-size:16px;margin-top:10px}
.forms-client-page .client-qr .client-qr-timer{margin-top:26px;font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center}
.forms-client-page .client-qr-timer::before{content:'';width:8px;height:8px;border-radius:50%;background:#2f8f5b}
.forms-client-page .client-offer{padding-top:6px}
/* Reception control window "Ekran tabletu": dark view list, 1:1 preview where reception clicks for the tablet. */
.forms-page #formsWorkflowDialog[data-catalog-popup=forms-tablet-screen]{width:min(1180px,calc(100vw - 48px));max-width:none}
.forms-page #formsWorkflowDialog[data-catalog-popup=forms-tablet-screen] .modal-card{max-width:none;width:100%}
@media(min-width:701px){.forms-page #formsWorkflowDialog[data-catalog-popup=forms-tablet-screen] .modal-split{grid-template-columns:250px minmax(0,1fr)}}
.forms-page #formsWorkflowDialog .ts-views{display:grid;gap:6px;margin-top:20px}
.forms-page #formsWorkflowDialog .ts-views button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:11px;background:none;color:#dbe3ee;font:600 14px/1.2 inherit;text-align:left;cursor:pointer;min-height:44px}
.forms-page #formsWorkflowDialog .ts-views button svg{width:18px;height:18px}
.forms-page #formsWorkflowDialog .ts-views button[aria-pressed=true]{background:#fff;color:var(--ink)}
.forms-page #formsWorkflowDialog .ts-views button:disabled{opacity:.5;cursor:default}
.forms-page #formsWorkflowDialog .ts-views small{margin-left:auto;font-size:11px;font-weight:600;opacity:.8}
.forms-page #formsWorkflowDialog .ts-live{margin-top:22px;font-size:12px;color:#c2ccdb;display:flex;gap:8px;align-items:center}
.forms-page #formsWorkflowDialog .ts-live::before{content:'';width:8px;height:8px;border-radius:50%;background:#8792a2}
.forms-page #formsWorkflowDialog .ts-live.ready::before{background:#45c27a}
.forms-page #formsWorkflowDialog .modal-side .ts-device{margin-top:14px}
.forms-page #formsWorkflowDialog .modal-side .ts-device select{width:100%;min-height:44px;padding:0 36px 0 12px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background-color:#fff;color:var(--ink);font:600 14px/1.2 inherit;-webkit-text-fill-color:var(--ink)}
.forms-page #formsWorkflowDialog .modal-side .ts-device select option{color:var(--ink);background:#fff}
.forms-page #formsWorkflowDialog .ts-frame{border:1px solid var(--line);border-radius:16px;background:var(--soft);overflow:hidden}
.forms-page #formsWorkflowDialog .ts-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;background:#fff;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.forms-page #formsWorkflowDialog .ts-bar b{color:var(--ink)}
.forms-page #formsWorkflowDialog .ts-wrap{height:445px;overflow:hidden}
.forms-page #formsWorkflowDialog .ts-scale{width:1100px;transform:scale(.735);transform-origin:top left;padding:20px 24px 4px}
.forms-page #formsWorkflowDialog .ts-scale :is(.tv-seg button,.tv-card){cursor:pointer}
.forms-page #formsWorkflowDialog .ts-empty{padding:40px 24px;text-align:center;color:var(--muted)}
.forms-page #formsWorkflowDialog .ts-empty h3{color:var(--ink);font-size:18px;margin-bottom:6px}
.forms-page #formsWorkflowDialog .ts-qr{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding:22px}
.forms-page #formsWorkflowDialog .ts-qr img{width:190px;height:190px;background:#fff;border-radius:14px;padding:10px;border:1px solid var(--line)}
.forms-page #formsWorkflowDialog .ts-timer{font-size:34px;font-weight:800;letter-spacing:-1px}
.forms-page #formsWorkflowDialog .ts-timer small{display:block;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0;margin-top:2px}
.forms-page #formsWorkflowDialog .ts-qr .form-actions{justify-content:flex-start;margin-top:16px}
.forms-page #formsWorkflowDialog .ts-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px}
.forms-page #formsWorkflowDialog .ts-foot .form-actions{margin:0}
.forms-page #formsWorkflowDialog .ts-hint{font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center}
.forms-page #formsWorkflowDialog .ts-phone{display:none}
@media(max-width:700px){
 .forms-page #formsWorkflowDialog[data-catalog-popup=forms-tablet-screen]{width:calc(100vw - 24px)}
 .forms-page #formsWorkflowDialog .ts-desktop{display:none}
 .forms-page #formsWorkflowDialog .ts-phone{display:grid;gap:12px}
 .forms-page #formsWorkflowDialog .ts-phone .ts-views{margin:0}
 .forms-page #formsWorkflowDialog .ts-phone .ts-views button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:14px;padding:13px 14px;font-size:14.5px}
 .forms-page #formsWorkflowDialog .ts-phone .ts-views button svg{color:var(--pink);width:20px;height:20px}
 .forms-page #formsWorkflowDialog .ts-phone .ts-views button[aria-pressed=true]{border:2px solid var(--pink);background:#fff}
 .forms-page #formsWorkflowDialog .ts-phone .ts-views small{color:var(--muted)}
 .forms-page #formsWorkflowDialog .ts-phone .tv-seg{display:flex;width:100%}
 .forms-page #formsWorkflowDialog .ts-phone .tv-seg button{flex:1;justify-content:center;padding:10px 6px;font-size:12.5px;min-height:40px}
 .forms-page #formsWorkflowDialog .ts-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
 .forms-page #formsWorkflowDialog .ts-plans button{border:1px solid var(--line);border-radius:12px;padding:10px 6px;background:#fff;font:inherit;color:var(--ink);min-height:56px}
 .forms-page #formsWorkflowDialog .ts-plans button[aria-pressed=true]{border:2px solid #2f8f5b}
 .forms-page #formsWorkflowDialog .ts-plans b{display:block;font-size:12px}
 .forms-page #formsWorkflowDialog .ts-plans strong{font-size:17px}
 .forms-page #formsWorkflowDialog .ts-foot{flex-direction:column;align-items:stretch}
}
/* Fitness timetable on the tablet and in the reception preview (accepted mockups 20.10.2026; markup: packages/schedule/fitness-timetable.js). */
:is(.forms-client-page,#formsWorkflowDialog) .fx-tab{max-width:1130px;margin:0 auto}
:is(.forms-client-page,#formsWorkflowDialog) .fx-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}
:is(.forms-client-page,#formsWorkflowDialog) .fx-head>div{flex:0 0 auto}
:is(.forms-client-page,#formsWorkflowDialog) .fx-head h2{font-size:24px;letter-spacing:-.5px;margin:0}
:is(.forms-client-page,#formsWorkflowDialog) .fx-head p{font-size:12.5px;color:var(--muted);margin:2px 0 0}
:is(.forms-client-page,#formsWorkflowDialog) .fx-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
:is(.forms-client-page,#formsWorkflowDialog) .fx-legend span{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:600;color:var(--ink)}
:is(.forms-client-page,#formsWorkflowDialog) .fx-legend i{width:8px;height:8px;border-radius:3px;display:block}
:is(.forms-client-page,#formsWorkflowDialog) .fx-missing{margin:0 0 8px;padding:8px 12px;border-radius:10px;background:#fbf1d6;color:#7a5600;font-size:13px;font-weight:600}
:where(.forms-client-page,#formsWorkflowDialog) .fx-wrap{position:relative}
:is(.forms-client-page,#formsWorkflowDialog) .fx-grid{display:grid;grid-template-columns:52px repeat(7,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
:is(.forms-client-page,#formsWorkflowDialog) .fx-grid>div{border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5;min-width:0}
:is(.forms-client-page,#formsWorkflowDialog) .fx-grid>div:nth-child(8n){border-right:0}
:is(.forms-client-page,#formsWorkflowDialog) .fx-h{background:#f7f9fb;padding:5px 4px;text-align:center;font-size:12px;color:var(--muted);font-weight:600}
:is(.forms-client-page,#formsWorkflowDialog) .fx-h b{display:block;font-size:13px;color:var(--ink)}
:is(.forms-client-page,#formsWorkflowDialog) .fx-h.today{background:#fde8ef}:is(.forms-client-page,#formsWorkflowDialog) .fx-h.today b{color:var(--pink)}
:is(.forms-client-page,#formsWorkflowDialog) .fx-t{background:#f7f9fb;font-size:11.5px;font-weight:700;color:var(--ink);padding:4px 6px;text-align:right}
:is(.forms-client-page,#formsWorkflowDialog) .fx-c{padding:3px;display:flex;flex-direction:column;gap:4px}
:is(.forms-client-page,#formsWorkflowDialog) .fx-c.today{background:#fff8fa}
:is(.forms-client-page,#formsWorkflowDialog) .fx-none{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted);border:0!important}
:is(.forms-client-page,#formsWorkflowDialog) .fx-k{display:block;width:100%;min-height:0;height:auto;margin:0;border:0;border-radius:8px;padding:3px 6px 3px 9px;position:relative;background:var(--bg);color:var(--ink);text-align:left;font:inherit;line-height:15px;box-shadow:none}
:is(.forms-client-page,#formsWorkflowDialog) .fx-k *{line-height:15px}
:is(.forms-client-page,#formsWorkflowDialog) .fx-k::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:8px 0 0 8px;background:var(--c)}
:is(.forms-client-page,#formsWorkflowDialog) .fx-k .nm{display:block;font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.forms-client-page,#formsWorkflowDialog) .fx-k .tr{display:block;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.forms-client-page,#formsWorkflowDialog) .fx-k .tm{color:var(--c);font-weight:700}
:is(.forms-client-page,#formsWorkflowDialog) .fx-k .full-dot{font-style:normal;font-weight:800;color:#b42318}
:is(.forms-client-page,#formsWorkflowDialog) .fx-k.past{opacity:.45}
:is(.forms-client-page,#formsWorkflowDialog) .fx-k.sel{outline:3px solid var(--c);outline-offset:1px}
#formsWorkflowDialog .fx-k{cursor:pointer}
:where(.forms-client-page,#formsWorkflowDialog) .fx-dim{position:absolute;inset:0;background:rgba(37,46,60,.35);border-radius:14px}
:where(.forms-client-page,#formsWorkflowDialog) .fx-sheet{position:absolute;top:0;right:0;height:min(100%,640px);width:430px;background:#fff;border-radius:18px;box-shadow:-10px 0 40px rgba(37,46,60,.25);padding:24px 26px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
:is(.forms-client-page,#formsWorkflowDialog) .fx-chip{align-self:flex-start;padding:5px 11px;border-radius:999px;background:var(--bg);color:var(--c);font-size:12px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}
:is(.forms-client-page,#formsWorkflowDialog) .fx-sheet h3{margin:0;font-size:30px;letter-spacing:-.6px;line-height:1.1}
:is(.forms-client-page,#formsWorkflowDialog) .fx-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--soft);border-radius:14px;padding:12px 14px}
:is(.forms-client-page,#formsWorkflowDialog) .fx-facts small{display:block;font-size:11.5px;color:var(--muted)}
:is(.forms-client-page,#formsWorkflowDialog) .fx-facts b{font-size:15px}
:is(.forms-client-page,#formsWorkflowDialog) .fx-bar{height:8px;border-radius:99px;background:#e3e8ee;overflow:hidden;margin-top:6px}
:is(.forms-client-page,#formsWorkflowDialog) .fx-bar i{display:block;height:100%;background:var(--c)}
:is(.forms-client-page,#formsWorkflowDialog) .fx-sheet p{margin:0;font-size:14px;line-height:1.5;color:#45526a;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
:is(.forms-client-page,#formsWorkflowDialog) .fx-trainer{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:14px}
:is(.forms-client-page,#formsWorkflowDialog) .fx-trainer>small{grid-column:1/-1;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);margin-bottom:-6px}
:is(.forms-client-page,#formsWorkflowDialog) .fx-photo{position:relative;width:64px;height:64px;flex:0 0 64px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#f0b6c8,#d92558);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px}
:is(.forms-client-page,#formsWorkflowDialog) .fx-photo-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
:is(.forms-client-page,#formsWorkflowDialog) .fx-photo-img{position:absolute;inset:0;width:64px;height:64px;border-radius:inherit;object-fit:cover;opacity:0}
:is(.forms-client-page,#formsWorkflowDialog) .fx-photo-img[data-fitness-photo-state=ready]{opacity:1}
:is(.forms-client-page,#formsWorkflowDialog) .fx-photo-img[hidden]{display:none!important}
:is(.forms-client-page,#formsWorkflowDialog) .fx-trainer b{font-size:16px;display:block}
:is(.forms-client-page,#formsWorkflowDialog) .fx-trainer .fx-trainer-description{grid-column:1/-1;min-height:1.4em;font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.forms-client-page .client-schedule{padding-top:0}
/* Reception preview of the timetable: 1:1 tablet layout scaled into the window. */
.forms-page #formsWorkflowDialog .ts-wrap.schedule{height:548px}
.forms-page #formsWorkflowDialog .ts-scale.schedule{width:1180px;transform:scale(.74);padding:14px 22px 0}
.forms-page #formsWorkflowDialog .ts-phone .fx-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.forms-page #formsWorkflowDialog .ts-phone .fx-days button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px 0;font:600 11px inherit;color:var(--muted);text-align:center;min-height:50px}
.forms-page #formsWorkflowDialog .ts-phone .fx-days button b{display:block;font-size:16px;color:var(--ink)}
.forms-page #formsWorkflowDialog .ts-phone .fx-days button[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:#c2ccdb}
.forms-page #formsWorkflowDialog .ts-phone .fx-days button[aria-pressed=true] b{color:#fff}
.forms-page #formsWorkflowDialog .ts-phone .fx-list{display:grid;gap:8px}
.forms-page #formsWorkflowDialog .ts-phone .fx-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px 10px 14px;position:relative;min-height:58px;font:inherit;color:var(--ink);text-align:left}
.forms-page #formsWorkflowDialog .ts-phone .fx-row::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--c)}
.forms-page #formsWorkflowDialog .ts-phone .fx-row[aria-pressed=true]{border:2px solid var(--c)}
.forms-page #formsWorkflowDialog .ts-phone .fx-row .tm{font-weight:800;font-size:15px}
.forms-page #formsWorkflowDialog .ts-phone .fx-row .tm small,.forms-page #formsWorkflowDialog .ts-phone .fx-row .nm small{display:block;font-size:11.5px;color:var(--muted);font-weight:500}
.forms-page #formsWorkflowDialog .ts-phone .fx-row .nm{font-weight:800;font-size:14.5px}
.forms-page #formsWorkflowDialog .ts-phone .fx-row .pl{font-size:12.5px;font-weight:700;background:var(--soft);border-radius:999px;padding:4px 9px}
.forms-page #formsWorkflowDialog .ts-phone .fx-row .pl.full{background:#fde5e5;color:#b42318}
/* Client screens without a header (decision 20.10.2026): content uses the whole screen. Display views (offer, QR, timetable)
   are a fixed 1180×820 canvas scaled by --fit (client.js) so they always fit the tablet, whatever its size or orientation. */
body.forms-client-page{min-height:100dvh}
.forms-client-page .client-waiting{min-height:calc(100dvh - 60px)}
.forms-client-page .client-main:has(> .fit-stage){max-width:none;margin:0;padding:0}
.forms-client-page .fit-stage{position:fixed;inset:0;overflow:hidden;background:var(--soft)}
.forms-client-page .fit-canvas{position:absolute;left:0;top:0;width:var(--cw,1280px);height:var(--ch,800px);padding:24px 30px;box-sizing:border-box;transform:scale(var(--fit,1));transform-origin:top left}
.forms-client-page .fit-canvas>section{height:100%}
.forms-client-page .fit-canvas .client-offer{display:flex}
.forms-client-page .fit-canvas .client-offer>.of{width:100%}
/* Offer cards, round 2 (accepted mockup 20.10.2026): Platinum first, then Gold, then all; perk icons by kind. */
:is(.forms-client-page,#formsWorkflowDialog) .of{display:flex;flex-direction:column;height:100%;color:var(--ink)}
:is(.forms-client-page,#formsWorkflowDialog) .of-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}
:is(.forms-client-page,#formsWorkflowDialog) .of-top h2{font-size:34px;letter-spacing:-.8px;margin:0}
:is(.forms-client-page,#formsWorkflowDialog) .of-top p{margin:4px 0 0;color:var(--muted);font-size:15px}
:is(.forms-client-page,#formsWorkflowDialog) .of-seg{display:flex;gap:10px;flex-wrap:wrap}
:is(.forms-client-page,#formsWorkflowDialog) .of-seg-g{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px}
:is(.forms-client-page,#formsWorkflowDialog) .of-seg-g>*{padding:9px 16px;border-radius:999px;font:600 14px/1.2 inherit;color:var(--muted);display:inline-flex;gap:6px;align-items:center;border:0;background:none;min-height:0}
:is(.forms-client-page,#formsWorkflowDialog) .of-seg-g>.on{background:var(--dark);color:#fff}
:is(.forms-client-page,#formsWorkflowDialog) .of-seg-g em{font-style:normal;font-size:11px;background:#e3f4ea;color:#1f7a4a;border-radius:999px;padding:2px 7px}
:is(.forms-client-page,#formsWorkflowDialog) .of-seg-g>.on em{background:#2f8f5b;color:#fff}
:is(.forms-client-page,#formsWorkflowDialog) .of-cards{flex:1;display:flex;gap:22px;justify-content:center;align-items:stretch;min-height:0}
:is(.forms-client-page,#formsWorkflowDialog) .of-cards.one{align-items:center}
:is(.forms-client-page,#formsWorkflowDialog) .of-card{background:#fff;border:0;border-radius:22px;box-shadow:0 14px 40px rgba(37,46,60,.10);display:flex;flex-direction:column;overflow:hidden;width:360px;position:relative;padding:0;text-align:left;font:inherit;color:var(--ink);min-height:0}
:is(.forms-client-page,#formsWorkflowDialog) .of-card.hero{width:820px}
:is(.forms-client-page,#formsWorkflowDialog) .of-card.sel{outline:3px solid #2f8f5b;outline-offset:3px}
:is(.forms-client-page,#formsWorkflowDialog) .of-band{padding:18px 24px 16px;color:#fff;position:relative}
:is(.forms-client-page,#formsWorkflowDialog) .of-card.silver .of-band{background:linear-gradient(135deg,#7d8a9c,#a9b4c3)}
:is(.forms-client-page,#formsWorkflowDialog) .of-card.gold .of-band{background:linear-gradient(135deg,#b7862a,#e3b64d)}
:is(.forms-client-page,#formsWorkflowDialog) .of-card.platinum .of-band{background:linear-gradient(135deg,#1f2733,#3a2c44 60%,#5a2347)}
:is(.forms-client-page,#formsWorkflowDialog) .of-stars{letter-spacing:3px;font-size:15px;color:#ffd35c}
:is(.forms-client-page,#formsWorkflowDialog) .of-card.silver .of-stars{color:#fff}
:is(.forms-client-page,#formsWorkflowDialog) .of-band h3{margin:6px 0 0;font-size:26px;letter-spacing:1px;font-weight:900;color:#fff}
:is(.forms-client-page,#formsWorkflowDialog) .of-band h3 small{display:block;font-size:13px;font-weight:600;letter-spacing:.3px;color:rgba(255,255,255,.82);margin:2px 0 0}
:is(.forms-client-page,#formsWorkflowDialog) .of-badge{position:absolute;top:18px;right:20px;background:var(--pink);color:#fff;font-size:12px;font-weight:800;letter-spacing:.6px;padding:6px 12px;border-radius:999px;display:inline-flex;gap:6px;align-items:center}
:is(.forms-client-page,#formsWorkflowDialog) .of-badge svg{width:14px;height:14px}
:is(.forms-client-page,#formsWorkflowDialog) .of-body{padding:18px 24px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
:is(.forms-client-page,#formsWorkflowDialog) .of-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
:is(.forms-client-page,#formsWorkflowDialog) .of-price{display:flex;align-items:baseline;gap:6px}
:is(.forms-client-page,#formsWorkflowDialog) .of-price b{font-size:54px;letter-spacing:-2px;line-height:1}
:is(.forms-client-page,#formsWorkflowDialog) .of-price i{font-style:normal;font-size:24px;font-weight:800}
:is(.forms-client-page,#formsWorkflowDialog) .of-price span{color:var(--muted);font-size:14px;margin-left:4px}
:is(.forms-client-page,#formsWorkflowDialog) .of-fee{font-size:13px;color:var(--muted);margin-top:4px}
:is(.forms-client-page,#formsWorkflowDialog) .of-fee b{color:var(--ink)}
:is(.forms-client-page,#formsWorkflowDialog) .of-hours{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#1f7a4a;background:#e3f4ea;border-radius:999px;padding:5px 11px}
:is(.forms-client-page,#formsWorkflowDialog) .of-lead{margin:0;font-size:16px;color:#45526a;line-height:1.5}
:is(.forms-client-page,#formsWorkflowDialog) .of-perks{list-style:none;margin:4px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:9px}
:is(.forms-client-page,#formsWorkflowDialog) .of-card.hero .of-perks{grid-template-columns:1fr 1fr;gap:12px 26px}
:is(.forms-client-page,#formsWorkflowDialog) .of-perks li{display:flex;gap:10px;align-items:center;font-size:14.5px;line-height:1.3}
:is(.forms-client-page,#formsWorkflowDialog) .of-perks li i{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px}
:is(.forms-client-page,#formsWorkflowDialog) .of-perks li i svg{width:15px;height:15px}
:is(.forms-client-page,#formsWorkflowDialog) .of-perks li.b i{background:#eef1f5;color:var(--dark)}
:is(.forms-client-page,#formsWorkflowDialog) .of-perks li.p{font-weight:600}
:is(.forms-client-page,#formsWorkflowDialog) .of-perks li.p i{background:#e3f4ea;color:#1f7a4a}
:is(.forms-client-page,#formsWorkflowDialog) .of-perks li.g{font-weight:700}
:is(.forms-client-page,#formsWorkflowDialog) .of-perks li.g i{background:linear-gradient(135deg,#ffe7a3,#f2c14e);color:#7a5200}
:is(.forms-client-page,#formsWorkflowDialog) .of-perks li.n{color:#a7b0bd;text-decoration:line-through}
:is(.forms-client-page,#formsWorkflowDialog) .of-perks li.n i{background:#f4f6f8;color:#c0c7d1}
:is(.forms-client-page,#formsWorkflowDialog) .of-note{text-align:center;color:var(--muted);font-size:13px;margin:14px 0 0}
#formsWorkflowDialog .of-card{cursor:pointer}
.forms-page #formsWorkflowDialog .ts-scale.offer{width:var(--cw,1280px);height:var(--ch,800px);transform:scale(.66);transform-origin:top left;padding:24px 30px;box-sizing:border-box}
.forms-page #formsWorkflowDialog .ts-wrap.offer{height:528px}
.forms-page #formsWorkflowDialog .ts-show{display:inline-flex;align-items:center;gap:8px}
.forms-page #formsWorkflowDialog .ts-show>span{font-size:12px;color:var(--muted);font-weight:600}
/* Full screen (decision 20.10.2026): the canvas takes the real screen proportions, so nothing is letterboxed and overlays
   (class detail) touch the screen edge. Overlays anchor to the canvas, not to an inner wrapper. */
.forms-client-page .fit-canvas .client-schedule,.forms-client-page .fit-canvas .fx-tab,.forms-client-page .fit-canvas .fx-wrap{position:static}
.forms-client-page .fit-canvas .fx-tab{max-width:none}
.forms-client-page .fit-canvas .fx-dim{position:absolute;inset:0;border-radius:0}
.forms-client-page .fit-canvas .fx-sheet{position:absolute;top:0;right:0;bottom:0;height:auto;border-radius:22px 0 0 22px;width:460px;padding:30px 32px}
html:has(.fit-stage){overflow:hidden}
/* Sticky notes for QR questionnaires (accepted mockup 20.10.2026, v2): stacked headers, a hovered/tapped note slides up. */
.forms-sticky{position:fixed;right:28px;bottom:0;width:340px;z-index:60;height:0}
.forms-sticky .fs-note{position:absolute;left:0;right:0;height:190px;background:#fff7c2;border-radius:12px 12px 0 0;box-shadow:0 -6px 22px rgba(37,46,60,.18);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,rotate .28s;color:#3a3220}
.forms-sticky .fs-note:nth-child(odd){rotate:-.6deg}.forms-sticky .fs-note:nth-child(even){rotate:.5deg}
.forms-sticky .fs-head{height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:#f2d250;border-radius:12px 12px 0 0;border-bottom:1px solid rgba(138,109,0,.18);cursor:pointer;outline-offset:-3px}
.forms-sticky .fs-head b{font-size:17px;letter-spacing:-.2px;color:#2b2410;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.forms-sticky .fs-head time{font-size:17px;font-weight:800;color:#6b5400;font-variant-numeric:tabular-nums}
.forms-sticky .fs-head i{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.5px;background:rgba(255,255,255,.55);color:#6b5400;border-radius:6px;padding:2px 6px;margin-right:8px}
.forms-sticky .fs-body{padding:12px 16px}
.forms-sticky .fs-body p{margin:0;font-size:13px;color:#6b5b2e}.forms-sticky .fs-body p+p{margin-top:3px}
.forms-sticky .fs-acts{display:flex;gap:8px;margin-top:12px}.forms-sticky .fs-acts>*{flex:1}
.forms-sticky .fs-note:hover,.forms-sticky .fs-note.up,.forms-sticky .fs-note:focus-within{transform:translateY(-130px);z-index:20!important;box-shadow:0 -14px 34px rgba(37,46,60,.30);rotate:0deg}
/* Notes above the raised one move up with it, so their headers stay reachable. */
.forms-sticky .fs-note:has(~ .fs-note:is(:hover,.up,:focus-within)){transform:translateY(-130px)}
@media(max-width:700px){.forms-sticky{display:none}}
@media(prefers-reduced-motion:reduce){.forms-sticky .fs-note{transition:none}}
@media print{.forms-sticky{display:none}}
/* Tablet ads instead of the welcome screen (accepted mockup 20.10.2026): full screen, 10 s each, crossfade, progress dots. */
.forms-client-page .fit-stage.ads{background:#000}
.forms-client-page .ad-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s ease;overflow:hidden}
.forms-client-page .ad-slide.on{opacity:1}
.forms-client-page .ad-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.forms-client-page .ad-img.poster{object-fit:contain;filter:drop-shadow(0 0 40px rgba(0,0,0,.5))}
.forms-client-page .ad-bg{position:absolute;inset:-60px;width:calc(100% + 120px);height:calc(100% + 120px);object-fit:cover;filter:blur(40px) brightness(.55)}
.forms-client-page .ad-dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.forms-client-page .ad-dots i{width:34px;height:4px;border-radius:4px;background:rgba(255,255,255,.35);overflow:hidden;display:block}
.forms-client-page .ad-dots i b{display:block;height:100%;width:0;background:#fff}
.forms-client-page .ad-dots i.on b{animation:forms-ad-progress 10s linear forwards}.forms-client-page .ad-dots i.held.on b{animation:none;width:100%}
@keyframes forms-ad-progress{to{width:100%}}
@media(prefers-reduced-motion:reduce){.forms-client-page .ad-slide{transition:none}.forms-client-page .ad-dots i.on b{animation:none;width:100%}}
/* Settings: tablet ads (accepted mockup 20.10.2026). */
.forms-page .forms-ads .ad-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.forms-page .forms-ads .ad-head h3{margin:0}.forms-page .forms-ads .ad-head .hint{margin:4px 0 0}
.forms-page .forms-ads .ad-add{cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.forms-page .forms-ads .ad-spec{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:14px}
.forms-page .forms-ads .ad-shape{width:128px;height:80px;border-radius:8px;border:2px dashed #9aa6b6;display:grid;place-items:center;font-size:12px;font-weight:800;color:#677587;text-align:center;line-height:1.25}
.forms-page .forms-ads .ad-spec h4{margin:0 0 4px;font-size:15px}.forms-page .forms-ads .ad-spec p{margin:2px 0;font-size:13px;color:var(--muted)}.forms-page .forms-ads .ad-spec p b{color:var(--ink)}
.forms-page .forms-ads .ad-list{display:grid;gap:10px}
.forms-page .forms-ads .ad-row{display:grid;grid-template-columns:auto 160px minmax(0,1fr) auto auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:#fff}
.forms-page .forms-ads .ad-ord{display:grid;justify-items:center;gap:2px;color:var(--muted)}
.forms-page .forms-ads .ad-ord button:first-child svg{transform:rotate(90deg)}.forms-page .forms-ads .ad-ord button:last-child svg{transform:rotate(90deg)}
.forms-page .forms-ads .ad-thumb{width:160px;height:100px;border-radius:8px;overflow:hidden;background:#1f2733}
.forms-page .forms-ads .ad-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.forms-page .forms-ads .ad-meta h5{margin:0;font-size:14.5px}.forms-page .forms-ads .ad-meta p{margin:3px 0 0;font-size:12.5px;color:var(--muted)}
.forms-page .forms-ads .ad-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.forms-page .forms-ads .ad-tag{font-size:11.5px;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap}
.forms-page .forms-ads .ad-tag.on{background:#e3f4ea;color:#1f7a4a}.forms-page .forms-ads .ad-tag.off{background:#eef1f5;color:#677587}.forms-page .forms-ads .ad-tag.warn{background:#fbf1d6;color:#7a5600}
.forms-page .forms-ads .ad-acts{display:flex;gap:6px}
.forms-page .forms-ads .ad-draft{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;border:2px dashed #f2bbce;background:#fff8fa;border-radius:14px;padding:14px;margin-bottom:12px}
.forms-page .forms-ads .ad-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:700px){.forms-page .forms-ads .ad-row{grid-template-columns:96px minmax(0,1fr);}.forms-page .forms-ads .ad-ord{display:none}.forms-page .forms-ads .ad-thumb{width:96px;height:60px}.forms-page .forms-ads .ad-tags,.forms-page .forms-ads .ad-acts{grid-column:2;justify-content:flex-start}.forms-page .forms-ads .ad-spec{grid-template-columns:1fr}.forms-page .forms-ads .ad-shape{display:none}.forms-page .forms-ads .ad-draft{grid-template-columns:1fr}}
/* Guest questionnaire correction (accepted mockup 20.10.2026). */
.forms-page #formsGuestEdit .gc-f{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:end;padding:8px 0;border-bottom:1px solid #edf1f5}
.forms-page #formsGuestEdit .gc-f .field{margin:0}
.forms-page #formsGuestEdit .gc-f.warn input{border-color:#e3a51f;background:#fffaf0}
.forms-page #formsGuestEdit .gc-why{grid-column:1/-1;margin:0;font-size:12px;color:#7a5600;display:flex;gap:6px;align-items:center}
.forms-page #formsGuestEdit .gc-why svg{width:14px;height:14px}
.forms-page #formsGuestEdit .gc-fix{display:inline-flex;gap:8px;align-items:center;font-size:12.5px;font-weight:600;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:9px 12px;white-space:nowrap;cursor:pointer;min-height:44px;box-sizing:border-box}
.forms-page #formsGuestEdit .gc-fix:has(input:checked){background:#fde8ef;border-color:#f2bbce;color:#ba2452}
.forms-page #formsGuestEdit .gc-fix input{width:16px;height:16px;accent-color:var(--pink);margin:0}
.forms-page .gc-acts{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.forms-page #formsGuestEdit .gc-f{grid-template-columns:1fr}.forms-page #formsGuestEdit .gc-fix{justify-self:start}}
.forms-client-page .client-fix{max-width:760px;margin:0 auto}.forms-client-page .client-fix .client-fix-lead{color:var(--muted);margin:6px 0 18px}
.forms-client-page .client-fix input{font-size:18px;border:2px solid var(--pink)}.forms-client-page .client-fix .hint{margin:4px 0 14px}
/* Smooth tablet transitions (decision 20.10.2026). Tablet only: html[data-vt] is set by client.js on the client page;
   the reception preview never animates. Only transform/opacity; no blur animation. */
@keyframes vt-fade-in{from{opacity:0}}
@keyframes vt-fade-out{to{opacity:0}}
@keyframes vt-scene-in{from{opacity:0;transform:scale(.985)}}
@keyframes vt-from-left{from{opacity:0;transform:translateX(-120px)}}
@keyframes vt-to-left{to{opacity:0;transform:translateX(-120px)}}
@keyframes vt-from-right{from{transform:translateX(100%)}}
@keyframes vt-to-right{to{transform:translateX(100%)}}
@keyframes vt-next-in{from{opacity:0;transform:translateX(80px)}}
@keyframes vt-next-out{to{opacity:0;transform:translateX(-80px)}}
@keyframes vt-prev-in{from{opacity:0;transform:translateX(-80px)}}
@keyframes vt-prev-out{to{opacity:0;transform:translateX(80px)}}
@keyframes vt-pop{from{opacity:0;transform:scale(.92)}}
@keyframes vt-rise{from{opacity:0;transform:translateY(14px)}}
html[data-vt]::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
/* Between views: the new screen fades in with a slight zoom over the old one, which stays solid underneath
   (no moment where both are half transparent — that read as a blink). */
html[data-vt]::view-transition-old(root){animation:none}
html[data-vt]::view-transition-new(root){animation:vt-scene-in .36s cubic-bezier(.2,.8,.2,1) both}
/* Within a view the rest of the screen stays solid (no dimming); only the named parts move. */
html[data-vt=offer]::view-transition-old(root),html[data-vt=grafik]::view-transition-old(root){animation:none;opacity:0}
html[data-vt=offer]::view-transition-new(root),html[data-vt=grafik]::view-transition-new(root){animation:none}
.forms-client-page .vt-in{animation:vt-scene-in .35s cubic-bezier(.2,.8,.2,1) both}
/* Offer: a card that stays reshapes (frame moves and resizes, its content crossfades without stretching);
   new cards slide in from the left, removed ones slide out to the left. */
html[data-vt=offer] .forms-client-page .of-card.silver{view-transition-name:of-silver}
html[data-vt=offer] .forms-client-page .of-card.gold{view-transition-name:of-gold}
html[data-vt=offer] .forms-client-page .of-card.platinum{view-transition-name:of-platinum}
/* The new layout covers the card at once at its real size (no crossfade, so nothing shows through) while the frame
   moves and resizes; the band colour runs across the frame's full width so a wider frame never looks cut. */
html[data-vt=offer]::view-transition-new(of-silver),html[data-vt=offer]::view-transition-new(of-gold),html[data-vt=offer]::view-transition-new(of-platinum){block-size:100%;object-fit:none;object-position:left top;overflow:clip;border-radius:22px;background:linear-gradient(var(--band),var(--band)) top/100% 117px no-repeat,#fff}
html[data-vt=offer]::view-transition-new(of-silver){--band:#98a3b4}html[data-vt=offer]::view-transition-new(of-gold){--band:#d2a23e}html[data-vt=offer]::view-transition-new(of-platinum){--band:#3a2c44}
html[data-vt=offer]::view-transition-old(of-platinum):not(:only-child),html[data-vt=offer]::view-transition-old(of-gold):not(:only-child),html[data-vt=offer]::view-transition-old(of-silver):not(:only-child){opacity:0}
html[data-vt=offer]::view-transition-group(of-silver),html[data-vt=offer]::view-transition-group(of-gold),html[data-vt=offer]::view-transition-group(of-platinum){overflow:clip;border-radius:22px}
html[data-vt=offer]::view-transition-old(of-silver),html[data-vt=offer]::view-transition-old(of-gold),html[data-vt=offer]::view-transition-old(of-platinum){animation:none}
/* Offer tiers, tuned 23.10.2026: one soft ease-out for the reshaping card, content settles with a slight lift,
   new cards arrive one after another from the left, removed ones shrink away. Compositor-only (transform/opacity). */
@keyframes vt-card-in{from{opacity:0;transform:translateY(6px)}}
@keyframes vt-card-enter{from{opacity:0;transform:translateX(-90px) scale(.94)}}
@keyframes vt-card-exit{to{opacity:0;transform:translateX(-70px) scale(.94)}}
html[data-vt=offer]::view-transition-group(of-silver),html[data-vt=offer]::view-transition-group(of-gold),html[data-vt=offer]::view-transition-group(of-platinum){animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
html[data-vt=offer]::view-transition-new(of-silver),html[data-vt=offer]::view-transition-new(of-gold),html[data-vt=offer]::view-transition-new(of-platinum){animation:none}
html[data-vt=offer]::view-transition-new(of-gold):only-child{animation:vt-card-enter .62s cubic-bezier(.22,1,.36,1) .08s both;transform-origin:left center}
html[data-vt=offer]::view-transition-new(of-silver):only-child{animation:vt-card-enter .62s cubic-bezier(.22,1,.36,1) .18s both;transform-origin:left center}
html[data-vt=offer]::view-transition-old(of-silver):only-child,html[data-vt=offer]::view-transition-old(of-gold):only-child{animation:vt-card-exit .34s cubic-bezier(.4,0,1,1) both;transform-origin:left center}
/* Timetable: the class sheet slides in from the right edge, the dim fades; another class only swaps the content;
   a week change moves the grid sideways. */
html[data-vt=grafik] .forms-client-page .fx-sheet{view-transition-name:fx-sheet}
html[data-vt=grafik] .forms-client-page .fx-dim{view-transition-name:fx-dim}
html[data-vt=grafik] .forms-client-page .fx-grid{view-transition-name:fx-grid}
html[data-vt=grafik]::view-transition-new(fx-sheet):only-child{animation:vt-from-right .42s cubic-bezier(.2,.8,.2,1) both}
html[data-vt=grafik]::view-transition-old(fx-sheet):only-child{animation:vt-to-right .32s cubic-bezier(.4,0,1,1) both}
html[data-vt=grafik]::view-transition-new(fx-dim):only-child{animation:vt-fade-in .3s ease both}
html[data-vt=grafik]::view-transition-old(fx-dim):only-child{animation:vt-fade-out .28s ease both}
html[data-vt=grafik][data-vt-dir=next]::view-transition-old(fx-grid){animation:vt-next-out .18s ease-in both}
html[data-vt=grafik][data-vt-dir=next]::view-transition-new(fx-grid){animation:vt-next-in .38s cubic-bezier(.2,.8,.2,1) .16s both}
html[data-vt=grafik][data-vt-dir=prev]::view-transition-old(fx-grid){animation:vt-prev-out .18s ease-in both}
html[data-vt=grafik][data-vt-dir=prev]::view-transition-new(fx-grid){animation:vt-prev-in .38s cubic-bezier(.2,.8,.2,1) .16s both}
/* Guest QR: the code pops in, then the four steps appear one after another. */
.forms-client-page .client-qr .client-qr-code{animation:vt-pop .45s cubic-bezier(.2,.8,.2,1) .1s both}
.forms-client-page .client-qr h2,.forms-client-page .client-qr h2+p{animation:vt-rise .4s cubic-bezier(.2,.8,.2,1) .2s both}
.forms-client-page .client-qr .qr-step{animation:vt-rise .4s cubic-bezier(.2,.8,.2,1) both}
.forms-client-page .client-qr .qr-step:nth-child(1){animation-delay:.4s}.forms-client-page .client-qr .qr-step:nth-child(2){animation-delay:.55s}
.forms-client-page .client-qr .qr-step:nth-child(3){animation-delay:.7s}.forms-client-page .client-qr .qr-step:nth-child(4){animation-delay:.85s}
.forms-client-page .client-qr .client-qr-timer{animation:vt-fade-in .4s ease 1s both}
/* Documents for the guest appear at once, with only a short fade. */
.forms-client-page #clientMain>section.panel{animation:vt-fade-in .2s ease-out both}
@media(prefers-reduced-motion:reduce){.forms-client-page :is(.vt-in,.client-qr .client-qr-code,.client-qr h2,.client-qr h2+p,.client-qr .qr-step,.client-qr .client-qr-timer),.forms-client-page #clientMain>section.panel{animation:none}}
/* Offer options on the same cards: prices count, changed descriptions settle in, segment highlight glides. */
@keyframes of-swap{from{opacity:.3;transform:translateY(4px)}}
.forms-client-page .of-swap{animation:of-swap .32s cubic-bezier(.2,.8,.2,1)}
.forms-client-page .of-price b{font-variant-numeric:tabular-nums}
.forms-client-page .of-seg span{transition:background-color .25s ease,color .25s ease}
@media(prefers-reduced-motion:reduce){.forms-client-page .of-swap{animation:none}.forms-client-page .of-seg span{transition:none}}
/* Waiting-for-signature window with queue state (accepted mockup 20.10.2026). */
.forms-page #formsWorkflowDialog:has(.tw-card){width:min(880px,calc(100vw - 44px))}
.forms-page #formsWorkflowDialog .tw-card{width:100%}
.forms-page #formsWorkflowDialog .modal-side .tw-tab{margin-top:16px;display:inline-flex;gap:7px;align-items:center;border-radius:999px;padding:5px 11px}
.forms-page #formsWorkflowDialog .tw-dot{width:8px;height:8px;border-radius:50%;background:#45c27a}.forms-page #formsWorkflowDialog .tw-dot.wait{background:#e3b64d}
.forms-page #formsWorkflowDialog .tw-meta{margin:22px 0 0;display:grid;gap:10px}.forms-page #formsWorkflowDialog .tw-meta dt{font-size:12px;color:#c2ccdb}.forms-page #formsWorkflowDialog .tw-meta dd{margin:2px 0 0;font-size:13px;font-weight:700;color:#fff}
.forms-page #formsWorkflowDialog .tw-hero{display:flex;gap:18px;align-items:center;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#fff5f8,#fff);border:1px solid #f5d7e1}
.forms-page #formsWorkflowDialog .tw-hero.queue{background:linear-gradient(135deg,#fffaf0,#fff);border-color:#efe0b8}
.forms-page #formsWorkflowDialog .tw-hero.done{background:linear-gradient(135deg,#f0f9f3,#fff);border-color:#cfe7d8}
.forms-page #formsWorkflowDialog .tw-pulse{position:relative;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--pink);color:#fff;flex:none}
.forms-page #formsWorkflowDialog .tw-pulse svg{width:27px;height:27px}
.forms-page #formsWorkflowDialog .tw-pulse::before,.forms-page #formsWorkflowDialog .tw-pulse::after{content:'';position:absolute;inset:-7px;border-radius:24px;border:2px solid rgba(217,37,88,.28);animation:tw-ring 1.8s ease-out infinite}
.forms-page #formsWorkflowDialog .tw-pulse::after{animation-delay:.9s}
.forms-page #formsWorkflowDialog .queue .tw-pulse{background:#c08a1e}.forms-page #formsWorkflowDialog .queue .tw-pulse::before,.forms-page #formsWorkflowDialog .queue .tw-pulse::after{border-color:rgba(192,138,30,.3)}
.forms-page #formsWorkflowDialog .done .tw-pulse{background:#2f8f5b}.forms-page #formsWorkflowDialog .done .tw-pulse::before,.forms-page #formsWorkflowDialog .done .tw-pulse::after{border-color:rgba(47,143,91,.3);animation:none}
@keyframes tw-ring{from{transform:scale(.92);opacity:1}to{transform:scale(1.25);opacity:0}}
.forms-page #formsWorkflowDialog .tw-hero h3{margin:0;font-size:21px;letter-spacing:-.3px}.forms-page #formsWorkflowDialog .tw-hero p{margin:5px 0 0;color:var(--muted);font-size:13.5px}
.forms-page #formsWorkflowDialog .tw-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 4px 8px}
.forms-page #formsWorkflowDialog .tw-step{position:relative;text-align:center;padding:0 6px}
.forms-page #formsWorkflowDialog .tw-step::before{content:'';position:absolute;top:15px;left:calc(-50% + 18px);right:calc(50% + 18px);height:3px;border-radius:3px;background:var(--line)}
.forms-page #formsWorkflowDialog .tw-step:first-child::before{display:none}
.forms-page #formsWorkflowDialog .tw-step.done::before,.forms-page #formsWorkflowDialog .tw-step.current::before{background:#2f8f5b}
.forms-page #formsWorkflowDialog .tw-step>i{width:32px;height:32px;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--line);color:#a6b0bd;font-style:normal;font-weight:800;font-size:13px;box-sizing:border-box}
.forms-page #formsWorkflowDialog .tw-step>i svg{width:16px;height:16px}
.forms-page #formsWorkflowDialog .tw-step.done>i{background:#2f8f5b;border-color:#2f8f5b;color:#fff}
.forms-page #formsWorkflowDialog .tw-step.current>i{border-color:var(--pink);color:var(--pink);box-shadow:0 0 0 6px rgba(217,37,88,.12)}
.forms-page #formsWorkflowDialog .tw-step.queue>i{border-color:#c08a1e;color:#c08a1e;box-shadow:0 0 0 6px rgba(192,138,30,.14)}
.forms-page #formsWorkflowDialog .tw-step b{display:block;font-size:13.5px}.forms-page #formsWorkflowDialog .tw-step small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.forms-page #formsWorkflowDialog .tw-valid{display:flex;align-items:center;gap:14px;margin-top:18px;padding:12px 16px;border-radius:12px;background:var(--soft)}
.forms-page #formsWorkflowDialog .tw-valid svg{width:18px;height:18px;color:var(--muted)}
.forms-page #formsWorkflowDialog .tw-valid .bar{flex:1;height:6px;border-radius:6px;background:#e1e7ee;overflow:hidden}.forms-page #formsWorkflowDialog .tw-valid .bar i{display:block;height:100%;background:#2f8f5b;border-radius:6px;transition:width .9s linear}
.forms-page #formsWorkflowDialog .tw-valid b{font-variant-numeric:tabular-nums;font-size:14px;min-width:38px}.forms-page #formsWorkflowDialog .tw-valid>span:last-child{font-size:12.5px;color:var(--muted)}
.forms-page #formsWorkflowDialog .tw-valid.over b{color:#b52b48}.forms-page #formsWorkflowDialog .tw-valid:not([data-expires]){display:none}
.forms-page #formsWorkflowDialog .tw-note{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:13px;color:var(--muted)}.forms-page #formsWorkflowDialog .tw-note>svg{width:16px;height:16px;flex:none;margin-top:1px}
.forms-page #formsWorkflowDialog .tw-open{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:#286247;font-weight:600}
.forms-page #formsWorkflowDialog .tw-spin{width:16px;height:16px;border-radius:50%;border:2.5px solid #cfe7d8;border-top-color:#2f8f5b;animation:tw-spin .8s linear infinite}
@keyframes tw-spin{to{transform:rotate(360deg)}}
.forms-page #formsWorkflowDialog .tw-queue{margin-top:16px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.forms-page #formsWorkflowDialog .tw-queue>div{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:11px 14px;font-size:13.5px}
.forms-page #formsWorkflowDialog .tw-queue>div+div{border-top:1px solid var(--line)}
.forms-page #formsWorkflowDialog .tw-queue em{font-style:normal;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--soft);font-weight:800;font-size:12px}
.forms-page #formsWorkflowDialog .tw-queue .me{background:#fffaf0}.forms-page #formsWorkflowDialog .tw-queue .me em{background:#c08a1e;color:#fff}
.forms-page #formsWorkflowDialog .tw-queue small{color:var(--muted)}
.forms-page #formsWorkflowDialog .tw-card #formsDeviceOptions{margin-top:14px}
@media(prefers-reduced-motion:reduce){.forms-page #formsWorkflowDialog .tw-pulse::before,.forms-page #formsWorkflowDialog .tw-pulse::after,.forms-page #formsWorkflowDialog .tw-spin{animation:none}}
@media(max-width:700px){
 .forms-page #formsWorkflowDialog .tw-hero{padding:16px;gap:14px}.forms-page #formsWorkflowDialog .tw-pulse{width:46px;height:46px;border-radius:14px}.forms-page #formsWorkflowDialog .tw-pulse svg{width:22px;height:22px}.forms-page #formsWorkflowDialog .tw-hero h3{font-size:18px}
 .forms-page #formsWorkflowDialog .tw-steps{grid-template-columns:1fr;margin:18px 0 4px}
 .forms-page #formsWorkflowDialog .tw-step{display:grid;grid-template-columns:32px 1fr;gap:12px;text-align:left;padding:0 0 14px;align-items:start}
 .forms-page #formsWorkflowDialog .tw-step::before{left:15px;right:auto;top:-14px;width:3px;height:18px}.forms-page #formsWorkflowDialog .tw-step>i{margin:0}
}
/* "Tablety i kod QR" as a window (accepted mockup 20.10.2026). */
.forms-page #formsWorkflowDialog:has(.modal-card.wide){width:min(1060px,calc(100vw - 44px))}
.forms-page #formsWorkflowDialog .modal-card.wide{width:100%}
.forms-page #formsWorkflowDialog .tb-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:start}
.forms-page #formsWorkflowDialog .tb-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.forms-page #formsWorkflowDialog .tb-top h3{margin:0;font-size:16px}.forms-page #formsWorkflowDialog .tb-top .status{white-space:nowrap}
.forms-page #formsWorkflowDialog .tb-devices{display:grid;gap:10px}
.forms-page #formsWorkflowDialog .tb-dev{display:grid;grid-template-columns:44px 1fr auto;gap:6px 14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.forms-page #formsWorkflowDialog .tb-ico{width:44px;height:44px;border-radius:13px;background:var(--soft);display:grid;place-items:center;grid-row:span 2}.forms-page #formsWorkflowDialog .tb-ico svg{width:21px;height:21px}
.forms-page #formsWorkflowDialog .tb-name b{font-size:15px;display:block}.forms-page #formsWorkflowDialog .tb-name small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.forms-page #formsWorkflowDialog .tb-acts{grid-column:2/4;display:flex;gap:6px;flex-wrap:wrap}
.forms-page #formsWorkflowDialog .tb-qr{border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center;background:#fff}
.forms-page #formsWorkflowDialog .tb-qr .tb-top{text-align:left}
.forms-page #formsWorkflowDialog .tb-qr img{width:170px;height:170px;display:block;margin:4px auto 0}
.forms-page #formsWorkflowDialog .tb-qr-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.forms-page #formsWorkflowDialog .tb-open{display:inline-block;margin-top:12px;font-size:13px;color:var(--ink);font-weight:600}
.forms-page #formsWorkflowDialog .tb-qr .hint{margin:8px 0 0;font-size:12.5px}
@media(max-width:700px){.forms-page #formsWorkflowDialog .tb-grid{grid-template-columns:1fr}.forms-page #formsWorkflowDialog .tb-dev{grid-template-columns:44px 1fr}.forms-page #formsWorkflowDialog .tb-dev>.status{grid-column:2;justify-self:start}.forms-page #formsWorkflowDialog .tb-ico{grid-row:span 1}.forms-page #formsWorkflowDialog .tb-acts{grid-column:1/-1}.forms-page #formsWorkflowDialog .tb-acts>*{flex:1}.forms-page #formsWorkflowDialog .tb-qr img{width:150px;height:150px}}
/* Settings by role (accepted mockup 20.10.2026): collapsible sections with their state in the header. */
.forms-page [data-forms-view=settings] #formsQueueBar,.forms-page[data-forms-view=settings] #formsQueueBar{display:none}
.forms-page .st-list{display:grid;gap:14px}
.forms-page .st-sec{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.forms-page .st-sec>summary{display:flex;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;list-style:none}
.forms-page .st-sec>summary::-webkit-details-marker{display:none}
.forms-page .st-sec[open]>summary{border-bottom:1px solid var(--line)}
.forms-page .st-ic{width:42px;height:42px;border-radius:13px;background:var(--soft);display:grid;place-items:center;flex:none}.forms-page .st-ic svg{width:20px;height:20px}
.forms-page .st-tt{flex:1;min-width:0}.forms-page .st-tt b{display:block;font-size:17px}.forms-page .st-tt small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}.forms-page .st-tt small.st-mob{display:none}
.forms-page .st-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.forms-page .st-chev{color:var(--muted);transition:transform .2s}.forms-page .st-chev svg{width:18px;height:18px}.forms-page .st-sec[open] .st-chev{transform:rotate(90deg)}
.forms-page .st-bd{padding:20px 22px}
.forms-page .st-ft{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 22px;border-top:1px solid var(--line);background:#fafbfd}
.forms-page .st-bd .st-ft{margin:16px -22px -20px}
.forms-page .st-cols{display:grid;grid-template-columns:1.25fr 1fr;gap:26px}
.forms-page .st-sub{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.forms-page .st-stamp{border:1px dashed #cfd7e1;border-radius:14px;padding:14px;display:flex;gap:16px;align-items:center}
.forms-page .st-stamp-img{width:170px;height:90px;border-radius:8px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex:none;overflow:hidden}.forms-page .st-stamp-img img{max-width:100%;max-height:100%}
.forms-page .st-stamp-acts{display:grid;gap:6px;min-width:0}
.forms-page .st-toggle{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--soft);border:1px solid var(--line);cursor:pointer}
.forms-page .st-toggle:has(input:checked){background:#f0f9f3;border-color:#d2e6d9}
.forms-page .st-toggle input{width:20px;height:20px;margin:2px 0 0;accent-color:#2f8f5b}.forms-page .st-toggle b{display:block;font-size:14px}.forms-page .st-toggle small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.forms-page .st-preview{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.forms-page .st-preview select{width:auto;flex:none;min-height:40px;border-radius:10px;padding:0 34px 0 12px}
.forms-page .st-request{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:14px;border-radius:14px;background:var(--soft);margin-bottom:12px}
.forms-page .st-request .field{margin:0}
.forms-page .st-person{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:11px 0}
.forms-page .st-person+.st-person{border-top:1px solid var(--line)}.forms-page .st-person b{display:block;font-size:14px;font-weight:600}.forms-page .st-person small{display:block;color:var(--muted);font-size:12px}
.forms-page .st-person-acts{display:flex;gap:4px}
.forms-page section.st-mine{max-width:680px;padding:26px 28px}
.forms-page .st-mine-hd{display:flex;gap:16px;align-items:center}.forms-page .st-mine-ic{width:48px;height:48px;border-radius:15px;background:#fff0f5;color:var(--pink);display:grid;place-items:center;flex:none}.forms-page .st-mine-ic svg{width:22px;height:22px}
.forms-page .st-mine-hd h3{margin:0;font-size:19px}.forms-page .st-mine-hd p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.forms-page .st-how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;padding:0;list-style:none}
.forms-page .st-how li{padding:12px 14px;border-radius:13px;background:var(--soft);font-size:13px}.forms-page .st-how b{width:22px;height:22px;border-radius:7px;background:var(--dark);color:#fff;display:grid;place-items:center;font-size:12px;margin-bottom:8px}
.forms-page .st-self{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.forms-page .st-self .field{margin:0}
.forms-page .st-ready{display:flex;gap:20px;align-items:center;margin-top:18px;flex-wrap:wrap}
.forms-page .st-sig,.forms-page .st-pair>div{border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff}
.forms-page .st-sig canvas,.forms-page .st-pair canvas{width:100%;max-width:300px;height:auto;aspect-ratio:10/3;display:block}
.forms-page .st-change{display:grid;gap:8px;min-width:220px;flex:1}.forms-page .st-change .field{margin:0}
.forms-page .st-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 12px}.forms-page .st-pair>div.new{border-color:#efc8d6;background:#fff8fb}
.forms-page .st-pair small{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.forms-page .st-acts{margin-top:16px}
.forms-page .forms-ads .ad-spec-line{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin:10px 0 0;padding-top:14px;border-top:1px solid var(--line)}.forms-page .forms-ads .ad-spec-line svg{width:16px;height:16px;flex:none}
@media(max-width:700px){
 .forms-page .st-sec>summary{padding:15px 16px;gap:12px}.forms-page .st-chips{display:none}.forms-page .st-tt small{display:none}.forms-page .st-tt small.st-mob{display:block;color:var(--ink);font-weight:600}
 .forms-page .st-bd{padding:16px}.forms-page .st-ft{padding:12px 16px}.forms-page .st-bd .st-ft{margin:14px -16px -16px}
 .forms-page .st-cols,.forms-page .st-request,.forms-page .st-pair,.forms-page .st-self{grid-template-columns:1fr}
 .forms-page .st-person{grid-template-columns:1fr auto}.forms-page .st-person-acts{grid-column:1/-1}
 .forms-page section.st-mine{padding:20px}.forms-page .st-how{grid-template-columns:1fr;gap:6px;margin:16px 0}.forms-page .st-how li{display:flex;gap:10px;align-items:center;padding:8px 12px}.forms-page .st-how b{margin:0;flex:none}
}
/* Ekran tabletu: ads preview for the idle view (24.10.2026), same 10 s rotation as on the tablet. */
.forms-page #formsWorkflowDialog .ts-ads{position:relative;aspect-ratio:16/10;max-height:445px;width:100%;background:#151a22;overflow:hidden}
.forms-page #formsWorkflowDialog .ts-ad{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.forms-page #formsWorkflowDialog .ts-ad.poster{object-fit:contain}
.forms-page #formsWorkflowDialog .ts-ad.on{opacity:1}
.forms-page #formsWorkflowDialog .ts-ad-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:6px}
.forms-page #formsWorkflowDialog .ts-ad-dots button{appearance:none;border:0;padding:10px 0;width:30px;background:transparent;cursor:pointer;display:grid;place-items:center}.forms-page #formsWorkflowDialog .ts-ad-dots button::before{content:'';width:24px;height:5px;border-radius:5px;background:rgba(255,255,255,.45);transition:background .2s,width .2s}.forms-page #formsWorkflowDialog .ts-ad-dots button.on::before{background:#fff;width:30px}.forms-page #formsWorkflowDialog .ts-ad-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:6px}
.forms-page #formsWorkflowDialog .ts-ad-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%!important;background:rgba(18,22,30,.45)!important;color:#fff!important;border:0!important}.forms-page #formsWorkflowDialog .ts-ad-nav:hover{background:rgba(18,22,30,.65)!important}.forms-page #formsWorkflowDialog .ts-ad-nav.prev{left:12px}.forms-page #formsWorkflowDialog .ts-ad-nav.next{right:12px}.forms-page #formsWorkflowDialog .ts-ad-dots{z-index:2;bottom:6px}
.forms-page #formsWorkflowDialog .ts-phone .ts-ads{border-radius:14px}
@media(prefers-reduced-motion:reduce){.forms-page #formsWorkflowDialog .ts-ad{transition:none}}

/* Fitness freshness belongs to reception, outside the tablet preview. */
.forms-page .ts-fitness-state{min-height:44px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted,#677587);font-size:12px;margin-top:8px}
/* Offer promotions on the tablet cards (29.10.2026): old price crossed out above the price, condition and end date under it,
   pink badge in the band instead of "Najlepszy wybór". A promotion for the other payment (month/year) is a quiet hint. */
:is(.forms-client-page,#formsWorkflowDialog) .of-old{text-decoration:line-through;text-decoration-thickness:2px;color:var(--muted);font-size:18px;font-weight:700;margin-left:6px;white-space:nowrap}
:is(.forms-client-page,#formsWorkflowDialog) .of-old:empty{display:none}
:is(.forms-client-page,#formsWorkflowDialog) .of-card.promo .of-price b{color:var(--pink)}
:is(.forms-client-page,#formsWorkflowDialog) .of-cards:not(.one) .of-card.promo .of-perks{gap:6px;padding-top:10px}
:is(.forms-client-page,#formsWorkflowDialog) .of-cards:not(.one) .of-promo{font-size:12.5px;padding:5px 9px;white-space:nowrap}
:is(.forms-client-page,#formsWorkflowDialog) .of-promo{margin-top:8px;display:inline-block;background:#fde8ef;color:#b0174a;font-size:13.5px;font-weight:700;line-height:1.35;border-radius:10px;padding:6px 10px}
:is(.forms-client-page,#formsWorkflowDialog) .of-promo.later{background:#f2f4f7;color:#45526a;font-weight:600}
:is(.forms-client-page,#formsWorkflowDialog) .of-promo:empty{display:none}
:is(.forms-client-page,#formsWorkflowDialog) .of-card.promo{box-shadow:0 0 0 2px #f4b3c8,0 14px 40px rgba(217,37,88,.16)}
:is(.forms-client-page,#formsWorkflowDialog) .of-badge.promo{background:#fff;color:var(--pink);box-shadow:0 4px 14px rgba(0,0,0,.18)}
.forms-client-page .fit-canvas .of-cards.one .of-promo{font-size:15px}
/* Settings: promotions list and form, price list (29.10.2026). Desktop and phone. */
.forms-page .forms-promos .pp-list{display:grid;gap:10px}
.forms-page .forms-promos .pp-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:#fff}
.forms-page .forms-promos .pp-row.ended{opacity:.65}
.forms-page .forms-promos .pp-pct{height:52px;border-radius:12px;background:#fde8ef;color:#b0174a;display:grid;place-items:center;font-weight:900;font-size:19px;letter-spacing:-.4px}
.forms-page .forms-promos .pp-meta h5{margin:0;font-size:14.5px}
.forms-page .forms-promos .pp-meta p{margin:3px 0 0;font-size:12.5px;color:var(--muted)}
.forms-page .forms-promos .pp-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.forms-page .forms-promos .pp-acts{display:flex;gap:4px}
.forms-page .forms-promos .pp-ended{margin-top:10px}
.forms-page .forms-promos .pp-ended>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);padding:6px 0}
.forms-page .forms-promos .pp-ended .pp-row{margin-top:8px}
.forms-page .forms-promos .pp-form{border:2px dashed #f2bbce;background:#fff8fa;border-radius:14px;padding:16px;margin-bottom:12px}
.forms-page .forms-promos .pp-form h4{margin:0 0 12px;font-size:15px}
.forms-page .forms-promos .pp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px;align-items:start}
.forms-page .forms-promos .pp-title{grid-column:span 2}
.forms-page .forms-promos .pp-target{grid-column:span 2}
.forms-page .forms-promos .pp-note{grid-column:span 2}
.forms-page .forms-promos .pp-plans,.forms-page .forms-promos .pp-clubs{grid-column:span 2}
.forms-page .forms-promos .pp-scope{grid-column:1/-1}
.forms-page .forms-promos .pp-checks{display:flex;flex-wrap:wrap;gap:6px 16px;min-height:44px;align-items:center}
.forms-page .forms-promos .pp-checks .check-row{margin:0;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.forms-page :is(.forms-promos,.forms-pricing) .pp-unit{display:flex;align-items:center;gap:6px}
.forms-page :is(.forms-promos,.forms-pricing) .pp-unit input{width:100%;min-width:0}
.forms-page :is(.forms-promos,.forms-pricing) .pp-unit b{color:var(--muted)}
.forms-page .forms-promos .pp-seg{display:flex;width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:3px;gap:3px}
.forms-page .forms-promos .pp-seg label{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:38px;padding:4px 10px;border-radius:9px;text-align:center;font-size:13.5px;font-weight:600;color:var(--muted);line-height:1.2}
.forms-page .forms-promos .pp-seg label.on{background:var(--dark);color:#fff}
.forms-page .forms-promos .pp-seg input{position:absolute;opacity:0;pointer-events:none}
.forms-page .forms-promos .pp-seg label:has(input:focus-visible){outline:2px solid var(--pink);outline-offset:2px}
.forms-page .forms-promos .pp-example{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;align-items:baseline}
.forms-page .forms-promos .pp-example:empty{display:none}
.forms-page .forms-promos .pp-example small{color:var(--muted);flex-basis:100%;font-size:12px}
.forms-page .forms-promos .pp-example s{color:var(--muted)}
.forms-page .forms-promos .pp-example .pp-new{color:var(--pink)}
.forms-page .forms-pricing .pr-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.forms-page .forms-pricing table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}
.forms-page .forms-pricing tr>:first-child{width:21%}
.forms-page .forms-pricing th{font-weight:600;color:var(--muted);text-align:left;padding:4px 6px;font-size:12px;line-height:1.25}
.forms-page .forms-pricing tbody th{color:var(--ink);font-weight:700;font-size:13px}
.forms-page .forms-pricing td{padding:3px}
.forms-page .forms-pricing td input{width:100%;min-width:0;min-height:40px;padding:6px 8px;text-align:right;font-variant-numeric:tabular-nums}
.forms-page .forms-pricing td b{display:block;text-align:right;padding:6px 8px;font-variant-numeric:tabular-nums}
.forms-page .forms-pricing .pr-fee{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-top:12px}
.forms-page .forms-pricing .pr-fee .field{width:220px;margin:0}
.forms-page .forms-pricing .pr-fee .hint{margin:0 0 10px}
@media(max-width:700px){
 .forms-page .forms-promos .pp-row{grid-template-columns:56px minmax(0,1fr) auto;gap:10px;padding:10px}
 .forms-page .forms-promos .pp-pct{height:44px;font-size:16px}
 .forms-page .forms-promos .pp-side{grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-start}
 .forms-page .forms-promos .pp-acts{grid-column:3;grid-row:1 / span 2;flex-direction:column;gap:2px}
 .forms-page .forms-promos .pp-acts [data-action=offer-edit]{font-size:0;gap:0;min-width:44px;justify-content:center}
 .forms-page .forms-promos .pp-acts [data-action=offer-edit] svg{width:18px;height:18px}
 .forms-page .forms-promos :is(.pp-scope-line,.pp-clubs-chip){display:none}
 .forms-page .forms-promos .pp-side{margin-top:-4px}
 .forms-page .forms-promos .pp-grid{grid-template-columns:1fr 1fr}
 .forms-page .forms-promos :is(.pp-title,.pp-target,.pp-note,.pp-plans,.pp-clubs,.pp-scope){grid-column:1/-1}
 .forms-page .forms-promos .pp-form{padding:12px}
 .forms-page .forms-pricing .pr-grid{grid-template-columns:1fr;gap:12px}
 .forms-page .forms-pricing th{font-size:11px;padding:3px}
 .forms-page .forms-pricing td input{padding:6px 4px;font-size:14px}
 .forms-page .forms-pricing .pr-fee .field{width:100%}
}
/* Large document preview (30.10.2026): pages over the page instead of a new tab; grows out of the small preview. */
.forms-page .forms-document-preview{position:relative}
.forms-page .forms-document-preview .pdf-zoom-float{position:absolute;top:26px;right:26px;z-index:1;box-shadow:0 4px 14px #18223226}
.forms-page .forms-document-preview .pdf-zoom-float:disabled{opacity:0}
.forms-page .forms-document-preview canvas.paper.zoomable{cursor:zoom-in;transition:box-shadow .2s}
.forms-page .forms-document-preview canvas.paper.zoomable:hover{box-shadow:0 10px 30px #18223230}
.forms-page .forms-document-preview canvas.paper.zoomable:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
html body dialog.pdf-viewer.pdf-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:rgba(20,26,36,.72);display:flex;flex-direction:column;overflow:hidden;color:#fff;transform:none;animation:none}
html body dialog.pdf-viewer.pdf-viewer::backdrop{background:transparent}
html body dialog.pdf-viewer.pdf-viewer .pv-bar{display:flex;align-items:center;gap:14px;padding:12px 20px;background:rgba(20,26,36,.88);backdrop-filter:blur(8px)}
html body dialog.pdf-viewer.pdf-viewer .pv-bar>b{font-size:15px;color:#fff}
html body dialog.pdf-viewer.pdf-viewer .pv-bar [data-pv-count]{font-size:13px;color:#fff;opacity:.7}
html body dialog.pdf-viewer.pdf-viewer .pv-acts{margin-left:auto;display:flex;gap:8px;align-items:center}
html body dialog.pdf-viewer.pdf-viewer .pv-acts a{color:#fff;font-size:13.5px;font-weight:600;text-decoration:none;padding:10px 12px;border-radius:10px}
html body dialog.pdf-viewer.pdf-viewer .pv-acts a:hover{background:rgba(255,255,255,.12)}
html body dialog.pdf-viewer.pdf-viewer .pv-pages{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:24px;padding:28px 32px 48px;overscroll-behavior:contain;outline:0;touch-action:pan-x pan-y pinch-zoom}
html body dialog.pdf-viewer.pdf-viewer .pv-page{display:block;height:auto;max-width:none;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35);border-radius:2px;flex:0 0 auto;will-change:transform}
@media(max-width:700px){
 html body dialog.pdf-viewer.pdf-viewer .pv-bar{padding:8px 10px;gap:8px}
 html body dialog.pdf-viewer.pdf-viewer .pv-bar [data-pv-count],html body dialog.pdf-viewer.pdf-viewer .pv-acts a{display:none}
 html body dialog.pdf-viewer.pdf-viewer .pv-pages{padding:10px 8px 28px;gap:10px}
}

/* ===== Przebudowa UI 03.11.2026 (makieta zaakceptowana): ład widoku §4e, okienka §4c ===== */
/* Komputer: jeden wiersz zakładek; po prawej stan tabletu, kolejka i narzędzia jako ikony. Tytuł widoku tylko dla czytnika. */
@media(min-width:701px){
 .forms-page .module-nav{min-height:0!important;margin:0 0 16px!important;padding:0!important;border:0!important;gap:16px!important}
 .forms-page .module-nav .nav-tools{display:flex!important;align-items:center;gap:8px!important;margin-left:auto;flex-wrap:nowrap}
 .forms-page .module-nav .nav-tools>[data-control-icon-only]{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;justify-content:center;border:1px solid var(--line,#e3e7ed)!important;border-radius:10px!important;background:#fff!important;font-size:0!important;gap:0!important}
 .forms-page .module-nav .nav-tools>[data-control-icon-only] svg{width:18px;height:18px}
 .forms-page .module-nav .nav-tools>[data-forms-tab=settings][aria-selected=true]{background:#232b36!important;color:#fff!important;border-color:#232b36!important}
 .forms-page .heading{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
 .forms-page .module-nav .forms-queue-bar{position:static!important;display:flex!important;align-items:center;gap:10px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
 .forms-page .module-nav .queue-summary{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:0!important;font-size:13px;font-weight:600;color:#525d6b;white-space:nowrap}
 .forms-page .module-nav .queue-summary strong{font-size:13px!important;font-weight:600;color:#525d6b}
 .forms-page .module-nav .queue-summary strong::before{content:"";display:inline-block;width:8px;height:8px;border-radius:4px;margin-right:6px;background:#a3acb8;vertical-align:1px}
 .forms-page .module-nav .queue-summary[data-state=ready] strong::before{background:#23734b}
 .forms-page .module-nav .queue-summary[data-state=busy] strong::before{background:#b7791f}
 .forms-page .module-nav .queue-summary span{font-size:13px!important;color:#525d6b}
 .forms-page .module-nav .queue-summary span::before{content:" · "}
 .forms-page .module-nav .queue-summary small{display:none!important}
 .forms-page .module-nav .forms-queue-bar .actions{display:flex;gap:8px;margin:0!important}
 .forms-page .module-nav .forms-queue-bar .actions>*{min-height:40px!important;margin:0!important}
}
@media(min-width:701px){
 .forms-page .module-nav .queue-summary span::before{content:"\00a0·\00a0"}
 /* Karty dokumentów: równe, zwarte (ikona z lewej, tytuł, jedno zdanie, akcja). */
 .forms-page .three{gap:16px!important;margin:0 0 20px!important}
 .forms-page .form-choice{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto;align-items:center;column-gap:14px!important;row-gap:6px!important;min-height:112px!important;height:auto!important;padding:16px 18px!important}
 .forms-page .form-choice .choice-icon{grid-row:1/3;width:44px!important;height:44px!important;margin:0!important;align-self:start}
 .forms-page .form-choice>div:not(.choice-icon){min-width:0}
 .forms-page .form-choice h3{margin:0 0 2px!important;font-size:16px!important}
 .forms-page .form-choice p{margin:0!important;font-size:13px!important}
 .forms-page .form-choice .card-action{grid-column:2;margin:0!important;padding:0!important;font-size:13.5px!important}
 .forms-page .section-title{display:flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:12px!important;margin:0 0 10px!important;min-height:0!important}
 .forms-page .section-title h3{margin:0!important;font-size:15px!important}
 .forms-page .section-title .section-note{margin:0!important;font-size:13px;color:#525d6b;flex:1 1 auto}
 .forms-page .section-title>[data-forms-tab]{margin-left:auto!important;min-height:32px!important}
 .forms-page #formsHomeTasks>.empty-state,.forms-page .doc-list>.empty-state{min-height:0!important;padding:20px!important}
}
/* Tabela dokumentów: te same kolumny w Do wykonania, Odebrane, Dokumentach i na starcie. */
@media(min-width:701px){
 .forms-page .doc-list{--doc-cols:minmax(0,1.3fr) minmax(0,1fr) 150px 150px 120px}
 .forms-page .doc-head,.forms-page .doc-list>.doc-row{display:grid!important;grid-template-columns:var(--doc-cols)!important;align-items:center;gap:16px!important}
 .forms-page .doc-head{padding:10px 16px;border-bottom:1px solid var(--line,#e3e7ed);font-size:12px;font-weight:600;color:#525d6b}
 .forms-page .doc-list>.doc-row{min-height:64px;padding:10px 16px!important}
 .forms-page .doc-row .doc-date{font-size:13.5px;color:#525d6b;font-variant-numeric:tabular-nums}
 .forms-page .doc-row>.status{justify-self:start}
 .forms-page .doc-row .actions>*{min-height:36px!important;margin:0!important}
 /* Pasek wyszukiwania listy bez ramki, zaraz pod zakładkami. */
 .forms-page #formsListFilters{margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
 .forms-page #formsListFilters .toolbar{display:flex!important;align-items:center;gap:8px!important;justify-content:flex-start!important;margin:0!important}
 .forms-page #formsListFilters .searchbox{flex:0 1 300px!important;min-width:200px;margin:0!important}
 .forms-page #formsListFilters :is(input,select){height:40px!important;min-height:40px!important}
 .forms-page #formsListFilters select{width:auto!important;flex:0 0 auto}
 .forms-page .list-note{margin:0 0 10px!important;font-size:13px;color:#525d6b}
}
@media(max-width:700px){
 .forms-page .doc-head{display:none}
 .forms-page .doc-row .kind-col{grid-column:1;grid-row:2}
 .forms-page .doc-row .person-col{grid-column:1!important;grid-row:1!important}
 .forms-page .doc-row .doc-date{grid-column:1;grid-row:3;font-size:12.5px;color:#525d6b}
 .forms-page .doc-row>.status{grid-column:1!important;grid-row:4!important;justify-self:start}
 .forms-page .doc-row .actions{grid-column:2!important;grid-row:1/5!important}
 .forms-page .list-note{margin:0 0 10px;font-size:12.5px;color:#525d6b}
}
/* Dokumenty: rodzaj jako przełącznik, miesiąc, szukaj i „Pokaż anulowane” w jednym rzędzie; wydruk miesiąca w linii pod nim. */
@media(min-width:701px){
 .forms-page .forms-document-kinds{display:inline-flex!important;gap:2px!important;padding:3px!important;margin:0 12px 10px 0!important;border-radius:10px;background:#e6e9ee;border:0!important;vertical-align:middle;min-height:0!important;width:auto!important}
 .forms-page .forms-document-kinds [data-xtreme-control]{min-height:34px!important;padding:0 12px!important;border-radius:8px!important;font-size:13px!important;background:none!important;color:#525d6b!important;box-shadow:none!important}
 .forms-page .forms-document-kinds [data-xtreme-control] svg{display:none}
 .forms-page .forms-document-kinds [aria-selected=true]{background:#fff!important;color:#1d232a!important;box-shadow:0 1px 2px rgba(29,35,42,.08)!important}
 .forms-page #formsDocumentsFilters{display:inline-block;margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;vertical-align:middle;width:calc(100% - 0px)}
 .forms-page #formsDocumentsFilters .toolbar{display:flex!important;align-items:center;gap:8px!important;margin:0 0 8px!important;justify-content:flex-start!important}
 .forms-page #formsDocumentsFilters .toolbar>.field{display:flex!important;align-items:center;gap:0;margin:0!important;font-size:0}
 .forms-page #formsDocumentsFilters .toolbar>.field input{width:170px!important;height:40px!important;font-size:14px}
 .forms-page #formsDocumentsFilters .searchbox{flex:0 1 260px!important;margin:0!important}
 .forms-page #formsDocumentsFilters :is(input[type=search]){height:40px!important}
 .forms-page #formsDocumentsFilters .check-row{margin:0 0 0 8px!important;font-size:13.5px;white-space:nowrap}
 .forms-page #formsDocumentsFilters .forms-monthly{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:0!important;border:0!important}
 .forms-page #formsDocumentsFilters .forms-monthly>*{margin:0!important}
}
/* Okna Formularzy w XtremeWindow (§4c): jasny nagłówek, treść w jednej kolumnie, przewija się całe okno. */
.xw.xw.forms-window dialog[open]{min-height:100%!important}
.xw.xw.forms-window .modal-card{display:flex!important;flex-direction:column;width:auto!important;max-width:none!important;min-height:100%;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;overflow:visible!important}
.xw.xw.forms-window .modal-head{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:0!important;padding:18px 18px 10px!important;border:0!important;background:none!important;color:#1d232a!important;min-height:0!important}
.xw.xw.forms-window .modal-head h2{margin:0!important;font:700 17px/1.3 var(--x-font,Inter,Arial,sans-serif)!important;color:#1d232a!important;letter-spacing:normal!important}
.xw.xw.forms-window .modal-head p{margin:2px 0 0!important;font-size:13px!important;color:#525d6b!important}
.xw.xw.forms-window .modal-head>button{margin:-4px -6px 0 auto!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-radius:10px!important;background:none!important;color:#525d6b!important;box-shadow:none!important;outline-offset:2px}
.xw.xw.forms-window .modal-head>button:hover{background:#f3f4f7!important}
.xw.xw.forms-window .modal-body{flex:1 1 auto;display:flex!important;flex-direction:column;gap:12px;padding:0 18px 18px!important;margin:0!important;overflow:visible!important;max-height:none!important}
/* Okno dzielone (Ekran tabletu, przekazanie): kolumna boczna jako pasek pod nagłówkiem. */
.xw.xw.forms-window .modal-split{display:flex!important;flex-direction:column-reverse;justify-content:flex-end;min-height:100%}
.xw.xw.forms-window .modal-split>div{display:flex;flex-direction:column}
.xw.xw.forms-window .modal-side{width:auto!important;margin:0 18px 12px!important;padding:0!important;background:none!important;color:#1d232a!important;border:0!important;border-radius:0!important;min-height:0!important}
.xw.xw.forms-window .modal-side :is(strong,p){color:#1d232a!important}
.xw.xw.forms-window .modal-side p{color:#525d6b!important;font-size:13px}
.xw.xw.forms-window #tsSide>strong,.xw.xw.forms-window #tsSide>p{display:none!important}
.xw.xw.forms-window #tsSide{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.xw.xw.forms-window .ts-views{display:inline-flex!important;flex-direction:row!important;gap:2px!important;padding:3px!important;border-radius:10px;background:#e6e9ee;width:auto!important;margin:0!important}
.xw.xw.forms-window .ts-views>button{min-height:34px!important;height:34px!important;padding:0 12px!important;margin:0!important;border:0!important;border-radius:8px!important;background:none!important;color:#525d6b!important;font-size:13px!important;font-weight:600;width:auto!important;box-shadow:none!important}
.xw.xw.forms-window .ts-views>button svg{display:none}
.xw.xw.forms-window .ts-views>button:is([aria-pressed=true],[aria-selected=true],.active,.on){background:#fff!important;color:#1d232a!important;box-shadow:0 1px 2px rgba(29,35,42,.08)!important}
.xw.xw.forms-window .ts-live{margin:0!important;font-size:12.5px!important;color:#525d6b!important}
.xw.xw.forms-window .tw-card .modal-side{display:none!important}
/* Tablety i kod QR: jedna kolumna, sekcje oddzielone linią. */
.xw.xw.forms-window .tb-grid{display:flex!important;flex-direction:column!important;gap:0!important}
.xw.xw.forms-window .tb-grid>section{width:auto!important;margin:0!important;padding:16px 0 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.xw.xw.forms-window .tb-grid>section+section{margin-top:16px!important;border-top:1px solid var(--line,#e3e7ed)!important}
.xw.xw.forms-window .tb-grid .tb-top{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px!important}
.xw.xw.forms-window .tb-grid .tb-top :is(h3,h2){margin:0!important;font-size:15px!important}
.xw.xw.forms-window .tb-qr{display:grid!important;grid-template-columns:170px minmax(0,1fr);column-gap:18px;align-items:start;text-align:left!important}
.xw.xw.forms-window .tb-qr>.tb-top{grid-column:1/-1}
.xw.xw.forms-window .tb-qr>img{grid-row:2/5;margin:0!important}
.xw.xw.forms-window .tb-qr>.tb-qr-acts{display:flex!important;gap:8px;margin:0 0 8px!important;justify-content:flex-start!important}
.xw.xw.forms-window .tb-qr>.tb-qr-acts>*{width:auto!important;flex:0 0 auto}
.xw.xw.forms-window .tb-qr>:is(.tb-open,.hint){text-align:left!important;margin:0 0 6px!important}
.xw.xw.forms-window .tb-dev{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;align-items:center;gap:12px;padding:10px 0!important;border:0!important;border-bottom:1px solid #f3f4f7!important;border-radius:0!important;background:none!important;box-shadow:none!important}
/* Kwestionariusz gościa (A): dwie opcje jako zwarte sekcje. */
.xw.xw.xw-pop.forms-window{width:400px!important}
.xw.xw.forms-window .wf-option{margin:0!important;padding:12px 0 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.xw.xw.forms-window .wf-option+.wf-option{border-top:1px solid var(--line,#e3e7ed)!important}
.xw.xw.forms-window .wf-btns{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:flex-start!important}
/* Kolejka: zwarte wiersze zamiast kart. */
.xw.xw.forms-window .queue-group{margin:0 0 12px!important}
.xw.xw.forms-window .queue-group-title{margin:4px 0 4px!important}
.xw.xw.forms-window .queue-group-title h3{font-size:12.5px!important;color:#525d6b!important;text-transform:none}
.xw.xw.forms-window .queue-items{display:flex!important;flex-direction:column!important;gap:0!important}
.xw.xw.forms-window .queue-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:2px;padding:10px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #f3f4f7!important;border-radius:0!important;background:none!important;box-shadow:none!important;min-height:0!important}
.xw.xw.forms-window .queue-item-head{display:contents!important}
.xw.xw.forms-window .queue-item-person{grid-column:1;grid-row:1}
.xw.xw.forms-window .queue-item-person strong{font-size:14.5px}
.xw.xw.forms-window .queue-item-person p{margin:0!important;font-size:12.5px!important;color:#525d6b}
.xw.xw.forms-window .queue-item-head>.status{grid-column:2;grid-row:1;justify-self:end}
.xw.xw.forms-window .queue-item-meta{grid-column:1;grid-row:2;margin:0!important;font-size:12.5px!important;color:#525d6b}
.xw.xw.forms-window .queue-item-actions{grid-column:2;grid-row:2;display:flex!important;gap:8px;justify-content:flex-end;margin:0!important}
.xw.xw.forms-window .queue-item-actions>*{min-height:36px!important;margin:0!important}
/* Wybór klubowicza: pole wyszukiwania na całą szerokość. */
.xw.xw.forms-window .search-form .searchbox{max-width:none!important}
.xw.xw.forms-window .modal-head>button{margin:-4px 0 0 auto!important}
.xw.xw.forms-window .modal-split{display:flex!important;flex-direction:column!important}
.xw.xw.forms-window .modal-split>div{display:contents!important}
.xw.xw.forms-window .modal-split>div>.modal-head{order:1}
.xw.xw.forms-window .modal-split>.modal-side{order:2}
.xw.xw.forms-window .modal-split>div>.modal-body{order:3}
.xw.xw.forms-window #tsBody [data-xtreme-control],.xw.xw.forms-window #tsBody button{flex:0 0 auto;white-space:nowrap}
.xw.xw.forms-window .tb-grid>section,.xw.xw.forms-window .tb-grid .tb-top,.xw.xw.forms-window .tb-devices{width:auto!important;max-width:none!important}
.xw.xw.forms-window .tb-grid .tb-top>[data-xtreme-control]{margin-left:auto!important}
.xw.xw.forms-window .form-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important}
.xw.xw.forms-window .form-actions>*{flex:0 0 auto!important;white-space:nowrap!important;width:auto!important}
.forms-page .phone-note{display:none}
@media(min-width:701px){.forms-page #formsDocumentsFilters .searchbox input{padding-left:12px!important}
 .forms-page #formsContent:has(>.forms-document-kinds){display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:12px}
 .forms-page #formsContent:has(>.forms-document-kinds)>:not(.forms-document-kinds,#formsDocumentsFilters){flex:1 1 100%}
 .forms-page #formsContent>#formsDocumentsFilters{flex:1 1 560px;width:auto!important}
}
/* Telefon (makieta): zakładki → stan tabletu i kolejka w jednym wierszu → kwestionariusz → lista do wykonania. */
@media(max-width:700px){
 .forms-page[data-forms-view=home] .heading,.forms-page[data-forms-view=received] .heading,.forms-page[data-forms-view=glofox] .heading,.forms-page[data-forms-view=history] .heading{display:none!important}
 .forms-page .module-nav{min-height:0!important;padding:8px 0 10px!important;border:0!important}
 .forms-page .forms-queue-bar{position:static!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;min-height:0!important;padding:0!important;margin:0 0 10px!important;border:0!important;background:none!important;box-shadow:none!important}
 .forms-page .forms-queue-bar .queue-summary{gap:0 6px!important;font-size:13px;font-weight:600;color:#525d6b}
 .forms-page .forms-queue-bar .queue-summary strong{font-size:13px!important;color:#525d6b}
 .forms-page .forms-queue-bar .queue-summary small{display:none!important}
 .forms-page .forms-queue-bar .actions{flex:0 0 auto!important;margin:0!important}
 .forms-page .forms-queue-bar .actions>*{min-height:44px!important;margin:0!important}
 .forms-page [data-new-form]{display:none!important}
 .forms-page .three{display:block!important;margin:0!important}
 .forms-page .form-choice{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center;gap:12px!important;min-height:64px!important;padding:10px 12px!important;margin:0!important}
 .forms-page .form-choice .choice-icon{width:44px!important;height:44px!important;margin:0!important}
 .forms-page .form-choice h3{margin:0!important;font-size:15px!important}
 .forms-page .form-choice p{margin:0!important;font-size:12.5px!important}
 .forms-page .phone-note{display:block;margin:8px 2px 14px!important;font-size:12.5px;color:#525d6b}
 .forms-page .section-title{display:flex!important;align-items:center;justify-content:space-between;margin:0 0 8px!important;min-height:0!important}
 .forms-page .section-title h3{font-size:15px!important;margin:0!important}
 .forms-page .section-title .section-note{display:none}
 .forms-page .prototype-links{display:flex!important;flex-wrap:wrap;gap:4px 8px;margin:16px 0 0!important}
}
@media(max-width:700px){.forms-page .three>[data-new-form]{display:none!important}.forms-page .forms-queue-bar .queue-summary span::before{content:"· "}}
@media(min-width:701px){.forms-page #formsDocumentsFilters .toolbar>[data-xtreme-control]{white-space:nowrap;flex:0 0 auto}}
.xw.xw.forms-window .form-actions>[data-xtreme-control=quiet]{padding:0 6px!important;margin-right:auto!important}
@media(min-width:701px) and (max-width:1279px){
 .forms-page .module-nav{flex-wrap:wrap!important;row-gap:10px!important}
 .forms-page .module-nav .nav-tools{flex:1 1 100%;justify-content:flex-end}
}
@media(min-width:701px){.forms-page .module-nav .forms-queue-bar .actions>*{white-space:nowrap}.forms-page .module-nav .tabs{flex-wrap:nowrap}}
/* Ustawienia: sekcje jako jedna lista (linia między sekcjami zamiast odstępów między kartami). */
@media(min-width:701px){
 .forms-page .st-sec{margin:0!important;border-radius:0!important;box-shadow:none!important}
 .forms-page .st-sec+.st-sec{border-top:0!important}
 .forms-page .st-sec:first-of-type{border-radius:16px 16px 0 0!important}
 .forms-page .st-sec:last-of-type{border-radius:0 0 16px 16px!important}
 .forms-page .st-sec:only-of-type{border-radius:16px!important}
 .forms-page .st-sec>summary{min-height:68px!important;padding-block:10px!important}
}
@media(min-width:701px){.forms-page :has(>.st-sec){gap:0!important;row-gap:0!important}.forms-page .st-sec+.st-sec{margin-top:0!important}}
/* Audyt 2: Tablety i QR — sekcje na całą szerokość panelu, tablet w jednym wierszu (stan, „Odłącz” jako link). */
.xw.xw.forms-window .tb-grid{align-items:stretch!important}
.xw.xw.forms-window .tb-grid>section{width:100%!important;max-width:none!important;align-self:stretch!important}
.xw.xw.forms-window .tb-devices{display:flex!important;flex-direction:column;gap:0!important;width:100%!important}
.xw.xw.forms-window .tb-dev{grid-template-columns:40px minmax(0,1fr) auto auto!important}
.xw.xw.forms-window .tb-dev .tb-ico{grid-row:1!important;width:40px!important;height:40px!important}
.xw.xw.forms-window .tb-dev .tb-acts{grid-column:4!important;grid-row:1!important;flex-wrap:nowrap}
.xw.xw.forms-window .tb-dev .tb-acts>*{min-height:36px!important;margin:0!important}
.xw.xw.forms-window .tb-dev .tb-acts>[data-action=revoke-device]{padding:0 4px!important;border:0!important;background:none!important;box-shadow:none!important;color:#b0283f!important;text-decoration:underline;text-underline-offset:3px}
.xw.xw.forms-window .tb-dev .tb-acts>[data-action=revoke-device] svg{display:none}
/* Audyt 2: Dokumenty — miesiąc i szukaj w wierszu zakładek (zamiast stanu tabletu i narzędzi), rodzaj, „Pokaż anulowane” i wydruk w jednym rzędzie nad tabelą. */
.forms-page .docs-filters{margin:0!important;padding:0!important;border:0!important;background:none!important}
@media(min-width:701px){
 .forms-page[data-forms-view=history] .module-nav .forms-queue-bar,.forms-page[data-forms-view=history] .module-nav .nav-tools>[data-control-icon-only]{display:none!important}
 .forms-page .module-nav .docs-tool{display:flex;align-items:center;gap:8px}
 .forms-page .module-nav .docs-tool .field{display:flex!important;margin:0!important;font-size:0}
 .forms-page .module-nav .docs-tool .field>span{display:none}
 .forms-page .module-nav .docs-tool input{height:40px!important;min-height:40px!important;font-size:14px!important;margin:0!important}
 .forms-page .module-nav .docs-tool input[type=month]{width:160px!important}
 .forms-page .module-nav .docs-tool .searchbox{width:220px;margin:0!important;max-width:none}
 .forms-page .module-nav .docs-tool .searchbox input{padding-left:12px!important}
 .forms-page .module-nav .docs-tool>[data-xtreme-control]{min-height:40px!important;white-space:nowrap;margin:0!important}
 .forms-page #formsContent:has(>.docs-bar){display:block!important}
 .forms-page .docs-bar{display:flex;align-items:center;gap:12px;margin:0 0 10px}
 .forms-page .docs-bar .forms-document-kinds{margin:0!important}
 .forms-page .docs-bar-tools{display:flex;align-items:center;gap:16px;margin-left:auto}
 .forms-page .docs-bar-tools .check-row{margin:0!important;font-size:13.5px;white-space:nowrap}
 .forms-page .docs-bar-tools .docs-print{display:flex!important;align-items:center;gap:12px}
 .forms-page .docs-bar-tools [data-xtreme-control]{min-height:36px!important;white-space:nowrap;margin:0!important}
 .forms-page .docs-bar .forms-document-kinds [data-xtreme-control]{min-height:32px!important;height:32px!important}
}
@media(max-width:700px){
 .forms-page .docs-tools{display:flex;align-items:center;gap:8px;margin:0 0 8px}
 .forms-page .docs-tools .field{flex:0 0 150px;margin:0!important}
 .forms-page .docs-tools .field>span{display:none}
 .forms-page .docs-tools .searchbox{flex:1 1 auto;min-width:0;margin:0!important}
 .forms-page .docs-tools :is(input){height:44px!important;font-size:16px!important;margin:0!important}
 .forms-page .docs-tools .searchbox input{padding-left:12px!important}
 .forms-page .docs-tools>[data-xtreme-control]{display:none!important}
 .forms-page .docs-bar{display:block;margin:0 0 10px}
 .forms-page .docs-bar .forms-document-kinds{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:4px;margin:0 0 8px!important;scrollbar-width:none}
 .forms-page .docs-bar .forms-document-kinds [data-xtreme-control]{flex:none;white-space:nowrap}
 .forms-page .docs-bar-tools .docs-print{display:none!important}
 .forms-page .docs-bar-tools .check-row{font-size:13px;margin:0}
}
/* Audyt 2: edytor dokumentu zwarty — sekcje bez linii z jednym odstępem 16 px; stopka: „Tablet: … · zmień” po lewej, stan szkicu drobnym tekstem, Anuluj i Przekaż na tablet po prawej. */
@media(min-width:701px){
 .forms-page #formsPrepare .ed-section{margin:16px 0 0!important;padding:0!important;border:0!important}
 .forms-page #formsPrepare .ed-section h4{margin:0 0 8px!important}
 .forms-page .ed-head{padding-bottom:12px!important;margin-bottom:0!important}
 .forms-page .ed-chips{margin:12px 0 0!important}
 .forms-page #formsPrepare .ed-foot{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 12px!important;margin:16px -24px 0!important;padding:12px 24px 0!important;border-top:1px solid var(--line,#e3e7ed)!important}
 .forms-page #formsPrepare .ed-foot>.ed-device{order:1;margin:0!important;padding:0!important;border:0!important;background:none!important;flex:0 1 auto}
 .forms-page #formsPrepare .ed-foot>.ed-device>summary{min-height:36px;display:flex;align-items:center;font-size:13.5px;font-weight:600;color:#525d6b;text-decoration:underline;text-underline-offset:3px;list-style:none}
 .forms-page #formsPrepare .ed-foot>.ed-device>summary::marker,.forms-page #formsPrepare .ed-foot>.ed-device>summary::-webkit-details-marker{display:none}
 .forms-page #formsPrepare .ed-foot>.ed-device[open]{flex:1 1 100%}
 .forms-page #formsPrepare .ed-foot>.ed-draft{order:2;display:flex;align-items:center;gap:6px;margin:0!important}
 .forms-page #formsPrepare .ed-foot>.ed-draft .hint{font-size:12.5px!important;margin:0!important}
 .forms-page #formsPrepare .ed-foot>.ed-draft>[data-xtreme-control]{min-height:32px!important;padding:0 6px!important;font-size:12.5px!important}
 .forms-page #formsPrepare .ed-foot>.form-actions{order:3;margin:0 0 0 auto!important;display:flex;gap:8px}
 .forms-page #formsPrepare .ed-foot>.form-actions>*{min-height:40px!important;margin:0!important}
 .forms-page aside .panel #formsModeHint{margin:10px 0 0!important;font-size:12.5px}
}
/* Audyt 2: kolejka — zwarty wiersz (osoba · dokument · autor, akcje po prawej), bez plakietki „Szkic” w grupie Szkice. */
.xw.xw.forms-window .queue-item{grid-template-columns:minmax(0,1fr) auto!important;min-height:56px;padding:8px 0!important}
.xw.xw.forms-window .queue-item-person{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0}
.xw.xw.forms-window .queue-item-person p::before{content:"· "}
.xw.xw.forms-window .queue-item-meta{grid-column:1!important;grid-row:2!important}
.xw.xw.forms-window .queue-item-actions{grid-column:2!important;grid-row:1/3!important;align-self:center}
.xw.xw.forms-window .queue-group[aria-label=Szkice] .queue-item-head>.status{display:none!important}
.xw.xw.forms-window .queue-item-head>.status{grid-column:2;grid-row:1}
.xw.xw.forms-window .queue-group:not([aria-label=Szkice]) .queue-item-actions{grid-row:2!important}
/* Okno przekazania: stała stopka, bez „Zamknij” (powtarzał ×), „Anuluj przekazanie” jako akcja niebezpieczna tekstem. */
.xw.xw.forms-window .modal-body{min-height:0}
.xw.xw.forms-window .modal-card{min-height:100%}
.xw.xw.forms-window .modal-body>.form-actions:last-of-type,.xw.xw.forms-window .modal-body .tw-foot{position:sticky;bottom:0;z-index:1;margin-top:auto!important;padding:12px 0 16px!important;background:#fff;border-top:1px solid var(--line,#e3e7ed)}
.xw.xw.forms-window .form-actions:has(>[data-action]:not([data-action=close-workflow]))>[data-action=close-workflow]{display:none!important}
.xw.xw.forms-window .form-actions>[data-action=cancel-transfer]{color:#b0283f!important;text-decoration:underline;text-underline-offset:3px}
.xw.xw.forms-window .form-actions>[data-action=cancel-transfer] svg{display:none}
/* Kwestionariusz gościa: trzy akcje QR w jednym rzędzie („Drukuj QR” jako link). */
.xw.xw.forms-window .wf-btns{flex-wrap:nowrap!important;align-items:center}
.xw.xw.forms-window .wf-btns>[data-action=print-guest-qr]{border:0!important;background:none!important;box-shadow:none!important;padding:0 4px!important;text-decoration:underline;text-underline-offset:3px;color:#1d232a!important}
.xw.xw.forms-window .wf-btns>[data-action=print-guest-qr] svg{display:none}
.xw.xw.forms-window .wf-btns>*{white-space:nowrap;flex:0 0 auto}
/* Audyt 2: Reklamy — wiersze listy rozdzielone linią, bez wewnętrznych ramek. */
.forms-page .forms-ads .ad-list{display:flex!important;flex-direction:column;gap:0!important}
.forms-page .forms-ads .ad-row{border:0!important;border-bottom:1px solid #eef1f4!important;border-radius:0!important;box-shadow:none!important;background:none!important;padding:10px 0!important}
.forms-page .forms-ads .ad-row:last-child{border-bottom:0!important}
.forms-page .forms-ads .ad-row .ad-thumb{width:128px!important;height:80px!important}
@media(min-width:701px){.forms-page .forms-ads .ad-row{grid-template-columns:auto 128px minmax(0,1fr) auto auto!important}}
/* Audyt 2, telefon: szukanie list w jednym rzędzie (pole + rodzaj; Enter szuka), Nowy bez pustych miejsc, narzędzia w jednym rzędzie ikon. */
@media(max-width:700px){
 .forms-page #formsListFilters{margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important}
 .forms-page #formsListFilters .toolbar{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px!important;margin:0!important}
 .forms-page #formsListFilters .searchbox{flex:1 1 auto!important;min-width:0;max-width:none!important;margin:0!important}
 .forms-page #formsListFilters select{flex:0 0 118px!important;width:118px!important;max-width:118px!important;height:44px!important;font-size:14px!important}
 .forms-page #formsListFilters input{height:44px!important;font-size:16px!important}
 .forms-page #formsListFilters .toolbar>[data-xtreme-control]{display:none!important}
 .forms-page .forms-queue-bar .queue-summary{flex-wrap:nowrap!important;white-space:nowrap;overflow:hidden;min-width:0}
 .forms-page .forms-queue-bar .queue-summary span{overflow:hidden;text-overflow:ellipsis}
 .forms-page .forms-queue-bar .queue-summary strong{flex:none}
 .forms-page #formsHomeTasks>.empty-state,.forms-page .doc-list>.empty-state{min-height:0!important;padding:14px!important;font-size:13px}
 .forms-page .doc-list>.empty-state h3{font-size:14px!important;margin:0!important}
 .forms-page .doc-list>.empty-state p{margin:2px 0 0!important}
 .forms-page .prototype-links{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin:14px 0 0!important}
 .forms-page .prototype-links>[data-xtreme-control]{flex:1 1 0;min-height:44px!important;justify-content:center;font-size:12px!important;padding:0 6px!important;border:1px solid var(--line,#e3e7ed)!important;border-radius:10px!important;background:#fff!important}
}
/* Audyt 2: pusty stan list jako jedna linia; uwaga o Glofox po prawej stronie paska. */
@media(min-width:701px){
 .forms-page .doc-list>.empty-state{min-height:0!important;padding:14px 16px!important;text-align:left!important;display:flex;gap:8px;align-items:baseline}
 .forms-page .doc-list>.empty-state h3{font-size:14px!important;margin:0!important}
 .forms-page .doc-list>.empty-state p{margin:0!important;font-size:13.5px}
 .forms-page #formsContent:has(>#formsListFilters){position:relative}
 .forms-page #formsContent>#formsListFilters+.list-note{position:absolute;right:0;top:0;height:40px;display:flex;align-items:center;margin:0!important;max-width:45%}
}
@media(min-width:701px){
 .forms-page #formsContent>.docs-filters:not(:has(.docs-tools)){display:none!important}
 .forms-page .docs-bar{flex-wrap:wrap;row-gap:8px}
 .forms-page .docs-bar .forms-document-kinds{display:inline-flex!important;flex-wrap:nowrap!important;flex:none}
 .forms-page .docs-bar .forms-document-kinds [data-xtreme-control]{white-space:nowrap;flex:none}
 .forms-page .docs-bar-tools{flex-wrap:wrap;justify-content:flex-end}
 .forms-page .docs-bar-tools [data-xtreme-control],.forms-page .docs-bar-tools .check-row{white-space:nowrap;flex:none}
 .forms-page #formsMonthlyResult:empty{display:none}
}
.xw.xw.forms-window .queue-group:not([aria-label=Szkice]) .queue-item-actions{grid-column:1/-1!important;grid-row:3!important;justify-content:flex-start!important;margin-top:4px!important}
.xw.xw.forms-window .queue-item-person strong{white-space:nowrap}
@media(max-width:700px){
 .xw.xw.forms-window .wf-btns{flex-wrap:nowrap!important;gap:6px!important}
 .xw.xw.forms-window .wf-btns>*{padding:0 10px!important;font-size:13px!important;min-height:44px!important}
 .xw.xw.forms-window .wf-btns svg{display:none!important}
 .forms-page .prototype-links>[data-xtreme-control]{font-size:0!important;gap:0!important}
 .forms-page .prototype-links>[data-xtreme-control] svg{width:20px;height:20px}
 .forms-page #formsHomeTasks .empty-state{padding:8px 2px!important;margin:0!important;text-align:left}
 .forms-page #formsHomeTasks .empty-state p{margin:0!important;font-size:13px}
}
/* Audyt 3, telefon: zwarty wiersz dokumentu (ok. 64 px) — osoba, pod spodem data i stan; cały wiersz otwiera dokument. */
@media(max-width:700px){
 .forms-page .doc-list>.doc-row{position:relative;display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 8px!important;min-height:64px;padding:10px 14px!important}
 .forms-page .doc-list>.doc-row .person-col{flex:1 1 100%;min-width:0}
 .forms-page .doc-list>.doc-row .person-col strong{font-size:15px}
 .forms-page .doc-list>.doc-row .person-col small{display:inline;margin:0 0 0 6px!important;font-size:12px}
 .forms-page .doc-list>.doc-row .kind-col{display:inline-flex;gap:4px}
 .forms-page .doc-list>.doc-row .kind-col strong{font-size:12.5px;font-weight:500;color:#525d6b}
 .forms-page .doc-list>.doc-row .kind-col strong::after{content:" ·"}
 .forms-page .doc-list>.doc-row .kind-col small{display:none}
 .forms-page[data-forms-view=history] .doc-list>.doc-row .kind-col{display:none}
 .forms-page .doc-list>.doc-row .doc-date{font-size:12.5px;color:#525d6b}
 .forms-page .doc-list>.doc-row>.status{font-size:11.5px!important;padding:2px 8px!important;min-height:0!important}
 .forms-page .doc-list>.doc-row .actions{position:static!important;margin:0!important}
 .forms-page .doc-list>.doc-row .actions>[data-action=open-document]{position:absolute!important;inset:0;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:none!important;box-shadow:none!important;font-size:0!important;color:transparent!important}
 .forms-page .doc-list>.doc-row .actions>[data-action=open-document] svg{position:absolute;right:14px;top:50%;width:18px;height:18px;margin-top:-9px;color:#525d6b}
 .forms-page .doc-list>.doc-row .actions>[data-action=open-document]:focus-visible{outline:2px solid #1d232a;outline-offset:-2px}
}
@media(max-width:700px){
 .forms-page .docs-tools .field{flex:0 0 172px!important}
 .forms-page .docs-tools .field input{font-size:15px!important;padding:0 8px!important}
 .forms-page .forms-queue-bar .actions>[data-action=queue-list]{border:0!important;background:none!important;box-shadow:none!important;padding:0 4px!important;font-size:13.5px!important;text-decoration:underline;text-underline-offset:3px}
 .forms-page .forms-queue-bar .actions>[data-action=queue-list] svg{display:none}
 .forms-page .forms-queue-bar{margin:0 0 8px!important}
}
@media(max-width:700px){
 .forms-page .prototype-links>[data-xtreme-control]{flex-direction:column!important;gap:2px!important;font-size:11.5px!important;font-weight:600;min-height:52px!important;line-height:1.2;white-space:nowrap}
 .forms-page .prototype-links>[data-xtreme-control] svg{width:18px;height:18px}
}