.franek-offer { margin: 1rem 0; width: min(100%, calc(100vw - 2rem)); box-sizing: border-box; }
.franek-offer summary.franek-offer-button, .franek-offer a.franek-offer-button { display: block !important; text-align: center; cursor: pointer; list-style: none; padding: .8rem 1rem !important; border: 1px solid #005bea !important; border-radius: 8px; color: #005bea !important; background: #fff !important; font-weight: 600; min-height: 44px; box-sizing: border-box; }
.franek-offer-button::-webkit-details-marker { display: none; }
.franek-offer-panel, .franek-offer-detail { padding: 1.2rem; border: 1px solid #d8dde3; border-radius: 10px; background: #fff; color: #18212b; box-sizing: border-box; min-width: 0; overflow-wrap: anywhere; }
.franek-offer-form { display: grid; gap: .8rem; margin: .8rem 0; max-width: 560px; width: 100%; min-width: 0; }
.franek-offer-form label { display: grid; gap: .35rem; font-weight: 600; }
.franek-offer-form input[type=number], .franek-offer-form textarea { width: 100%; padding: .65rem; border: 1px solid #a4afb9; border-radius: 5px; background: white; color: #18212b; box-sizing: border-box; }
.franek-offer-form textarea { resize: vertical; }
.franek-offer-counter, .franek-offer-note { font-weight: normal; color: #495764; font-size: .85rem; }
.franek-offer-action { margin: .7rem 0; padding: .65rem; border: 1px solid #d8dde3; border-radius: 6px; }
.franek-offer-action summary { cursor: pointer; font-weight: 600; }
.franek-offer-timeline { padding: 0; list-style: none; }
.franek-offer-timeline li { border-left: 3px solid #ccd8e5; margin: .8rem 0; padding: .5rem .8rem; background: #f7f9fb; overflow-wrap: anywhere; }
.franek-offer-timeline li p { margin: .35rem 0; }
.franek-offer-timeline small { display: block; color: #495764; }
.franek-offer-table { overflow-x: auto; margin: 1rem 0; }
.franek-offer-table th, .franek-offer-table td { vertical-align: top; }
.franek-offer-error { padding: .7rem; border-left: 3px solid #b32d2e; background: #fff0f0; }
.franek-offer-success { padding: .7rem; border-left: 3px solid #16823b; background: #edf9f0; }
@media (max-width: 600px) { .franek-offer-panel, .franek-offer-detail { padding: .85rem; max-width: calc(100vw - 2rem); } .franek-offer-form .button { min-height: 44px; white-space: normal; } }