/* Ciachogram 2026: uzupełnienia funkcjonalne — kolory dopasowane do oryginalnej strony */
.countdown-area{max-width:475px;margin-top:20px;background:#fffaf0d9;border:1px solid #eed5b8;border-radius:19px;padding:17px 19px;box-shadow:0 10px 30px #7d573e0c}
.countdown-eyebrow{font-size:12px;text-transform:uppercase;font-weight:900;color:#ae4b28;letter-spacing:.085em}
.countdown-pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.countdown-piece{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #f1e3ce;border-radius:13px;padding:11px 4px;min-width:0}
.countdown-piece b{font-family:Georgia,serif;font-size:clamp(24px,3.2vw,37px);line-height:1.1;color:#c4522b;font-variant-numeric:tabular-nums}
.countdown-piece small{color:#826955;font-size:11px;margin-top:5px}
.countdown-state{color:#b74f2b;margin:13px 0 0;font-size:20px!important;font-weight:900!important}
.feature-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:0 0 24px}
.feature-top-grid h3{margin-top:11px}
.feature-progress-track{height:13px;border-radius:20px;background:#f2e7d9;margin:18px 0 11px;overflow:hidden}
.feature-progress-track span{display:block;width:0%;height:100%;background:linear-gradient(90deg,#f39a52,#de6931);border-radius:20px;transition:width .4s ease}
.progress-values{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:3px 0}
.progress-values strong{font-size:27px;color:#c4532b;font-variant-numeric:tabular-nums}
.progress-values span{font-weight:750;color:#886d58;font-size:13px}
.progress-panel>button,.announce-panel>button{margin-top:10px}
.ann-body{border-left:3px solid #e9b58a;padding:2px 0 2px 14px;margin:15px 0;min-height:53px}
.ann-body p{margin:0 0 8px}
.ann-body.urgent{border-left-color:#ca513b;background:#fff2ed;padding:12px 15px;border-radius:0 13px 13px 0}
.ann-priority{display:inline-flex;color:#a83827;font-size:12px;font-weight:900;margin-bottom:4px}
.signups-announcement{background:#fff7e7;border-left:4px solid #e79750;border-radius:8px 14px 14px 8px;padding:14px 17px;margin:6px 0 16px}
.signups-announcement.urgent{border-color:#c84832;background:#fff1eb}
.signups-announcement p{margin:0}
.signups-progress{background:#fff7eb;border:1px solid #ecddc9;border-radius:15px;padding:11px 16px;margin-bottom:15px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px}
.signups-progress button{margin-left:auto}
.new-signup-actions{background:#e9f7e8;border:1px solid #acd3ae;border-radius:16px;margin:0 0 17px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.my-shifts-panel{margin-bottom:26px}
.my-shifts-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.my-shifts-head h3{margin:0}
.my-shifts-head p{margin:4px 0 0}
.my-records{display:grid;gap:15px;margin-top:18px}
.my-record{background:#fffaf2;border:1px solid #e9d8bf;border-radius:19px;padding:18px;min-width:0}
.my-record.highlight{border:2px solid #d87f4b;background:#fff8e9}
.my-record-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.my-record-top h3{margin:0;font-size:19px}
.my-shift-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 0;border-top:1px solid #e9ddca;margin-top:12px}
.my-shift-row+.my-shift-row{margin-top:0}
.my-shift-row strong{font-size:14px}.my-shift-row small{display:block;color:#806d5d;margin-top:5px}
.my-shift-actions,.my-record-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.my-shift-actions button,.my-record-actions button{padding:9px 11px;font-size:12px}
.my-record-actions{margin-top:14px}
.my-private-link{background:#fff;border:1px dashed #e3c9b1;border-radius:11px;padding:11px 12px;font-size:12px;color:#735d4a;margin-top:15px;overflow-wrap:anywhere}
.my-empty{text-align:center;padding:40px 20px;border:1px dashed #dfc9b4;border-radius:17px;background:#fffaf2}
.my-empty h3{margin:7px 0}
.announcement-editor{margin:0 0 18px;background:#fff9ee}
.announcement-editor summary{font-size:15px;font-weight:850;cursor:pointer;list-style:none}
.announcement-editor summary::before{content:'＋';color:#b64d28;font-weight:900;padding-right:8px}
.announcement-editor[open] summary::before{content:'－'}
.announcement-controls{display:grid;gap:11px;padding-top:17px}
.announcement-controls label{display:grid;gap:7px;font-size:13px;font-weight:800}
.announcement-controls textarea{width:100%;padding:12px;border:1px solid #decbb5;border-radius:12px;font:inherit;font-weight:400;color:#503c30;resize:vertical;max-width:100%}
.announcement-controls .announcement-urgent{display:flex;align-items:center;gap:10px}
.announcement-controls input[type=checkbox]{width:19px;height:19px;accent-color:#e35b2b}
.faq-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.7fr);gap:18px;align-items:start}
.faq-panel details{border-bottom:1px solid #f0e3ce;padding:15px 3px}
.faq-panel details:first-child{padding-top:4px}.faq-panel details:last-child{border:0}
.faq-panel summary{font-weight:800;color:#624735;cursor:pointer;padding-right:26px;position:relative;line-height:1.5}
.faq-panel summary::after{content:'+';position:absolute;right:4px;top:0;color:#b74e2b;font-size:18px}
.faq-panel details[open] summary::after{content:'−'}
.faq-panel details p{font-size:14px;color:#756456;margin:9px 10px 3px 0}
.faq-aside{background:#f3f8e9;display:grid;gap:9px}
.faq-aside img{height:108px;width:108px;object-fit:contain;margin:0 auto}
.faq-aside button{width:100%}
.day-summary{background:#fff7e6;border:1px solid #ecdcc1;border-radius:16px;padding:16px;margin-bottom:18px}
.day-summary h5{font-family:Georgia,serif;font-size:21px;margin:0 0 7px}
.day-summary p{color:#806c5c;font-size:13px;line-height:1.55;margin:0 0 13px}
.day-now-control{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.day-now-control button{font-size:12px;padding:8px 12px}
.day-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.day-mini-stats div{background:white;border:1px solid #ecdcc4;border-radius:12px;padding:12px;min-width:0}
.day-mini-stats strong{display:block;font-size:23px;color:#b64e2b;font-variant-numeric:tabular-nums}
.day-mini-stats span{display:block;color:#8a7666;font-size:11px;line-height:1.35}
.day-station-list{display:grid;gap:11px}
.day-station-card{border:1px solid #e9decc;border-radius:16px;background:#fff;overflow:hidden}
.day-station-card summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none}
.day-station-card summary::-webkit-details-marker{display:none}
.day-station-card summary h5{font-size:15px;margin:0 0 4px}
.day-station-card summary small{display:block;font-size:12px;color:#826e5a}
.day-station-card .day-members{border-top:1px solid #ede2d3;padding:8px 16px 15px;background:#fffdf8}
.day-member{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #eee3d3}
.day-member:last-child{border-bottom:0}
.day-member.checked-in{background:#f3faef;padding-left:8px;padding-right:8px;border-radius:9px}
.day-member-name{flex:1;min-width:130px;font-weight:800;font-size:13px}
.day-member-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.day-member-actions button{font-size:12px;padding:8px 10px}
.day-member-actions a{font-size:12px;background:#edf5e8;color:#366a4b;padding:8px 10px;border-radius:9px;text-decoration:none;font-weight:800}
.day-status-done{background:#e5f3e5;color:#26714d}.day-status-pending{background:#fff0dc;color:#a75125}
.day-empty{font-size:13px;color:#8a725e;padding:10px 0}
.day-legend{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.day-legend span{padding:6px 9px;background:#f5f0e9;border-radius:99px;font-size:12px;color:#745c4a}
.day-toolbar-note{margin:3px 0 18px;font-size:12px;color:#806c5d}
@media(max-width:900px){.feature-top-grid,.faq-layout{grid-template-columns:1fr}.faq-aside{grid-template-columns:110px 1fr;align-items:center}.faq-aside img{grid-row:span 3}.faq-aside button{width:fit-content}}
@media(max-width:680px){.countdown-area{padding:13px;margin-top:16px}.countdown-piece{padding:9px 4px}.countdown-piece b{font-size:26px}.feature-top-grid{gap:12px}.my-shift-row{display:block}.my-shift-actions{margin-top:10px}.my-record{padding:15px}.day-mini-stats div{padding:9px 7px}.day-mini-stats strong{font-size:20px}.day-member-actions{width:100%}.day-member-actions button,.day-member-actions a{flex:1;text-align:center}.faq-aside{display:flex;flex-direction:column}.signups-progress button{margin-left:0}}
@media(prefers-reduced-motion:reduce){.feature-progress-track span{transition:none}}