
.book-page{background:#f6fafb}.book-hero{padding:70px 0 48px;background:linear-gradient(135deg,#073b5c 0%,#08779a 62%,#0fb3bf 100%);color:#fff;position:relative;overflow:hidden}.book-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:70px solid rgba(255,255,255,.06);right:-80px;top:-130px}.book-hero .kicker{color:#9cecf1}.book-hero h1{font-size:clamp(38px,5vw,60px);margin:8px 0 12px;letter-spacing:-.04em}.book-hero p{max-width:760px;font-size:16px;line-height:1.6;color:#e8f7fa}.book-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.book-meta div{padding:14px 16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:13px}.book-meta small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;opacity:.75}.book-meta strong{font-size:13px}.book-main{padding:46px 0 70px}.book-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start}.book-aside{position:sticky;top:90px;display:grid;gap:14px}.book-info{background:#fff;border:1px solid #dfecef;border-radius:18px;padding:20px}.book-info h3{margin:0 0 8px;color:#123e55}.book-info p,.book-info li{font-size:12.5px;line-height:1.55;color:#617781}.book-info ul{padding-left:17px;margin:8px 0 0}.book-badge{display:flex;gap:10px;align-items:flex-start;background:#eefbfc;border:1px solid #d2eef1;border-radius:14px;padding:15px}.book-badge b{color:#0c6984}.claim-card{background:#fff;border:1px solid #dbe9ed;border-radius:22px;box-shadow:0 15px 40px rgba(10,65,91,.07);overflow:hidden}.claim-head{padding:24px 28px;background:linear-gradient(90deg,#effbfc,#fff);border-bottom:1px solid #e1ecef}.claim-head h2{margin:0;color:#103e56;font-size:26px}.claim-head p{margin:6px 0 0;color:#667d87;font-size:13px}.claim-section{padding:24px 28px;border-bottom:1px solid #e7eff1}.claim-section:last-child{border-bottom:0}.claim-section h3{margin:0 0 16px;color:#15536c;font-size:17px;display:flex;gap:9px;align-items:center}.claim-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.claim-field{display:grid;gap:6px}.claim-field.full{grid-column:1/-1}.claim-field label{font-size:11px;font-weight:800;color:#496472;text-transform:uppercase;letter-spacing:.05em}.claim-field input,.claim-field select,.claim-field textarea{width:100%;box-sizing:border-box;border:1px solid #ccdce2;background:#fbfdfe;border-radius:11px;padding:12px 13px;font:inherit;color:#173b4d;outline:none}.claim-field input:focus,.claim-field select:focus,.claim-field textarea:focus{border-color:#0aa7bd;box-shadow:0 0 0 3px rgba(10,167,189,.10)}.claim-field textarea{min-height:105px;resize:vertical}.claim-choice{display:flex;gap:10px;flex-wrap:wrap}.claim-choice label{display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #cfdee3;border-radius:999px;background:#fff;text-transform:none;letter-spacing:0;font-size:13px}.claim-consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#607985;line-height:1.5}.claim-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.claim-submit{border:0;border-radius:12px;padding:14px 22px;background:#0d9fba;color:#fff;font-weight:850;cursor:pointer}.claim-submit:hover{filter:brightness(.96)}.claim-note{font-size:11.5px;color:#748994;max-width:500px}.claim-preview-msg{display:none;margin-top:13px;padding:12px 14px;border-radius:11px;background:#fff5dd;border:1px solid #efddb3;color:#775c24;font-size:12px;line-height:1.5}.claim-preview-msg.show{display:block}@media(max-width:900px){.book-layout{grid-template-columns:1fr}.book-aside{position:static;grid-template-columns:1fr 1fr}.book-meta{grid-template-columns:1fr}.claim-grid{grid-template-columns:1fr}.claim-field.full{grid-column:auto}}@media(max-width:600px){.book-aside{grid-template-columns:1fr}.claim-section,.claim-head{padding:20px}.claim-actions{justify-content:stretch}.claim-submit{width:100%}}


/* V10.10 — spacing polish for the complaint book */
.book-page section{padding:0 !important}
.book-page .wrap{width:min(1280px,92vw)}
.book-page .book-hero{padding:72px 0 50px !important}
.book-page .book-main{padding:50px 0 74px !important}
.book-page .book-layout{gap:28px}
.book-page .book-info{padding:22px 22px 20px}
.book-page .book-badge{padding:18px}
.book-page .claim-card{border-radius:24px;overflow:hidden}
.book-page .claim-head{padding:30px 34px !important}
.book-page .claim-section{padding:30px 34px !important}
.book-page .claim-grid{gap:18px 16px}
.book-page .claim-field{gap:8px}
.book-page .claim-field input,
.book-page .claim-field select,
.book-page .claim-field textarea{padding:13px 15px;border-radius:12px}
.book-page .claim-field textarea{min-height:118px}
.book-page .claim-choice{gap:12px}
.book-page .claim-choice label{padding:12px 15px}
.book-page .claim-actions{margin-top:2px}
.book-page .claim-note{line-height:1.6}
@media(max-width:900px){
  .book-page .claim-head,
  .book-page .claim-section{padding:26px 26px !important}
}
@media(max-width:600px){
  .book-page .wrap{width:min(100% - 24px,1280px)}
  .book-page .claim-head,
  .book-page .claim-section{padding:22px 20px !important}
  .book-page .book-info,.book-page .book-badge{padding:18px}
}


/* V10.11 — clean public form status, ready for backend */
.claim-status{display:none;margin-top:16px;padding:14px 16px;border-radius:12px;font-size:12.5px;line-height:1.55}
.claim-status.show{display:block}
.claim-status.working{background:#eef9fc;border:1px solid #cae8ef;color:#315f70}
.claim-status.success{background:#eaf9ef;border:1px solid #bfe8ce;color:#176b3d}
.claim-status.error{background:#fff0f1;border:1px solid #f0c9cd;color:#9a2e3a}
.claim-submit:disabled{opacity:.68;cursor:wait}
