/* Shared cancellation-tool design, V359. PDF layout is intentionally separate. */
:root{--blue:#002fa7;--muted:#607990;--line:#d8e5f0;background:#f2f6fb;color:#143754}main{max-width:1160px;margin:28px auto;padding:0 28px 32px}header{padding:24px 30px 30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(110deg,#fff 55%,#e9f8ff)}.back{color:var(--muted);font-size:13px;text-decoration:none}.heading{margin-top:26px;gap:24px}.eyebrow{letter-spacing:1.7px;color:#0084b1}h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:9px 0 12px}header p{font-size:15px;color:var(--muted)}.header-icon{width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,#0032b4,#008fc9);color:white;font-size:32px;box-shadow:0 8px 20px #0032a719}.search-panel{margin:24px 0 28px;padding:20px;border:1px solid var(--line);border-radius:16px}.search{height:54px;background:#f8fbff;border-radius:11px;gap:12px}.search input{font-size:16px}.filters{gap:8px;margin-top:16px}.filters button{padding:10px 15px;border:1px solid transparent;border-radius:8px;background:#f0f5fa;color:#526d84;font-size:12px}.filters button[aria-pressed=true]{background:var(--blue);color:white}.results-heading{margin:0 2px 16px;gap:16px}.results-heading h2{font-size:18px}.results-heading>span{font-size:12px;background:#e6edf5;padding:7px 11px;border-radius:20px}.cards{gap:16px}.card{min-width:0;min-height:164px;border:1px solid var(--line);border-radius:14px;padding:20px;transition:box-shadow .18s,border-color .18s,transform .18s}.card:hover{border-color:#9ec9e9;box-shadow:0 8px 24px #103f7310;transform:translateY(-2px)}.card-head{align-items:center;min-height:60px;margin-bottom:20px;gap:13px}.card-head>div{min-width:0}.badge{width:46px;height:46px;border-radius:13px;background:#edf5ff;color:#174d9a;font-size:16px;flex:none}.card[data-group=Telekom] .badge{background:#fff0f7;color:#ca006a}.card[data-group=Vodafone] .badge{background:#fff1f1;color:#c32834}.card[data-group=freenet] .badge{background:#f0f8e7;color:#4e741f}.card h3{font-size:17px;letter-spacing:-.3px;overflow-wrap:anywhere}.company{font-size:12px;line-height:1.4}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.card a{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:1;margin:0;padding:11px 12px;border-radius:8px;background:#f1f7fd;color:#174d88;font-size:12px;white-space:nowrap;text-decoration:none}.card a:hover{background:#e2effb}.card a.pdf-link{background:var(--blue);color:white}.card a.pdf-link:hover{background:#002584}footer{line-height:1.7;color:#6b7f90;margin:28px 4px 0}footer a{color:#356888}
.letter-form{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:24px;align-items:start;margin-top:24px}.letter-form>section{grid-column:1;border:1px solid var(--line);border-radius:14px;padding:24px;margin:0 0 16px}.letter-form h2{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.3px;margin:0 0 20px}.section-number{display:grid;place-items:center;background:#eaf5ff;color:#007eb3;width:27px;height:27px;font-size:12px;border-radius:8px}.fields{gap:18px 16px}.fields label{font-size:12px;color:#4f6c83;min-width:0}.fields input,.fields select,textarea{min-width:0;border:1px solid #cbdbe8;border-radius:9px;background:#f9fbfe;padding:12px 13px;font:16px Arial;color:#123f66}.fields input,.fields select{height:48px}.fields input:focus,.fields select:focus,textarea:focus{border-color:#009fd5;box-shadow:0 0 0 3px #009fd510}.fields .wide{grid-column:1/-1}.address-fields{grid-template-columns:130px minmax(0,1fr)}textarea{line-height:1.7;min-height:110px;margin:0}.letter-form section p{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 0}.letter-form section .field-hint{margin:-10px 0 14px;font-size:13px}.check{align-items:flex-start;margin-top:22px;padding-top:18px;border-top:1px solid #e7edf4;font-size:13px;line-height:1.5}.check input{margin:0;accent-color:var(--blue)}.letter-form>aside{grid-column:2;grid-row:1/5;margin:0;padding:24px;background:#eaf3fa;border:1px solid #d5e5f1;border-radius:14px;color:#496980;font-size:13px;line-height:1.7}.letter-form aside h2{font-size:14px;margin:0 0 14px}.recipient-logo{font-size:30px;color:var(--blue);font-weight:700;margin-bottom:18px}.recipient-address{font-style:normal;color:#153b5d;line-height:1.8}.aside-note{border-top:1px solid #d2e2ef;margin-top:20px;padding-top:18px}.aside-note strong{display:block;color:#234d6a;font-size:12px;margin-bottom:6px}.aside-note p{margin:0;font-size:12px}.letter-form>.actions,.letter-form>#error{grid-column:1}.actions button{min-height:46px;background:var(--blue);border-radius:9px;font-size:13px;padding:12px 20px}.actions button:hover{background:#002584}.actions .secondary:hover{background:#eef5fc}.letter-form>.actions{margin:4px 0 8px}.letter-form>.actions button[type=submit]{flex:1}#error{font-size:13px;margin:0 0 12px}#error:empty{display:none}#preview{margin-top:32px;padding-top:24px;border-top:1px solid #cbdde9}#preview .actions{margin:0 0 16px}#preview .actions span{font-size:12px;color:var(--muted);margin-left:auto}@media(max-width:850px){.letter-form{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.letter-form>section,.letter-form>aside{padding:20px}}@media(max-width:720px){.letter-form{display:flex;flex-direction:column}.letter-form>section,.letter-form>aside,.letter-form>.actions{width:100%;margin-bottom:0}.letter-form>aside{order:1}.fields{grid-template-columns:1fr}.address-fields{grid-template-columns:100px minmax(0,1fr)}}@media(max-width:560px){main{padding:0 16px 24px;margin:16px auto}header{padding:20px}h1{font-size:27px}.header-icon{width:52px;height:52px;font-size:24px}.results-heading h2{font-size:15px}.search-panel{padding:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}