/* pofis social features — inspired by green smile mascot and TV SMS-era playful cues. */
.pofis-social-home{display:grid;grid-template-columns:1.16fr .84fr;gap:16px;margin:17px 0}
.pofis-social-home .card{min-width:0}
.social-kicker{font-weight:900;letter-spacing:1.2px;color:#14975d;font-size:10px;margin-bottom:10px}
.social-pulse-card h2{font-size:18px;line-height:1.35;margin:0 0 8px}
.social-poll-answers{display:grid;gap:7px;margin-top:13px}
.social-poll-choice{display:flex;flex-direction:column;gap:5px;cursor:pointer;border:1px solid #d7e9dc;background:#fbfffc;color:#2c4437;border-radius:11px;padding:9px 12px;min-height:53px;text-align:left;font:inherit}
.social-poll-choice.chosen{border-color:#28ba70;background:#e8fcf1}
.social-poll-choice:hover{border-color:#48c789}
.social-poll-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.social-poll-line b{font-size:12px}
.social-poll-line>span{white-space:nowrap;color:#658473;font-size:11px}
.social-poll-bar{background:#e3e9e6;height:5px;overflow:hidden;border-radius:8px}
.social-poll-bar i{display:block;height:100%;border-radius:8px;background:#23c875;transition:width .35s ease}
.social-poll-edit{border-top:1px solid #e6ece8;margin-top:12px;padding-top:9px;font-size:12px}
.social-poll-edit summary{cursor:pointer;color:#58846c;font-weight:800}
.social-poll-edit form{display:grid;gap:9px;margin-top:11px}
.social-poll-edit label{display:grid;gap:5px}
.social-poll-edit input,.social-poll-edit textarea{width:100%}
.social-message{font-size:11px;line-height:1.45;color:#1f975a;min-height:0}
.social-ritual-card{display:flex;align-items:center;gap:15px;background:linear-gradient(118deg,#f5fff7,#eaf9f0);border-color:#cdeada}
.social-mascot{width:110px;min-width:110px;position:relative;display:grid;place-items:center}
.social-face{position:relative;width:105px;height:105px;transform-origin:bottom;animation:pofisBreath 3.5s ease-in-out infinite}
.social-face svg{width:100%;height:100%;filter:drop-shadow(0 8px 6px #247b4729)}
/* One logo-faithful SVG: every face has curved LINE eyes, never pupil circles. */
.social-face .face-mouth,.social-face .face-shades{display:none}
.social-face .face-mouth-neutral{display:block}
.social-face .face-stop-start{stop-color:#ffe577}
.social-face .face-stop-end{stop-color:#f4c23c}
.social-face-relaxed .face-mouth-neutral,
.social-face-waiting .face-mouth-neutral{display:block}
.social-face-closing .face-mouth-neutral,
.social-face-overdue .face-mouth-neutral,
.social-face-friday .face-mouth-neutral,
.social-face-sunglasses .face-mouth-neutral{display:none}
.social-face-closing .face-mouth-worried,
.social-face-overdue .face-mouth-worried,
.social-face-friday .face-mouth-happy,
.social-face-sunglasses .face-mouth-happy{display:block}
.social-face-closing .face-stop-start{stop-color:#ffb35f}
.social-face-closing .face-stop-end{stop-color:#ee812d}
.social-face-overdue .face-stop-start{stop-color:#ff8179}
.social-face-overdue .face-stop-end{stop-color:#e44849}
.social-face-friday .face-stop-start,.social-face-sunglasses .face-stop-start{stop-color:#4bf2a5}
.social-face-friday .face-stop-end,.social-face-sunglasses .face-stop-end{stop-color:#00c65d}
.social-face-friday .face-shades,.social-face-sunglasses .face-shades{display:block}
.social-face-friday,.social-face-sunglasses{transform:rotate(-5deg)}
.social-face-overdue .face-sparkle{color:#e44b47}
.social-face-closing .face-sparkle{color:#f29b40}
.social-face-relaxed .face-sparkle,.social-face-waiting .face-sparkle{color:#deb949}
.face-sparkle{position:absolute;top:-10px;right:-7px;color:#24be79;font-size:26px;animation:pofisSparkle 2.5s ease-in-out infinite}
.social-ritual-copy{min-width:0}
.social-ritual-copy h2{margin:0 0 6px;font-size:19px;line-height:1.25}
.social-ritual-copy .sub{font-size:12px;line-height:1.55}
.social-streak{display:inline-block;padding:8px 10px;border:1px solid #bbe7cc;background:#e0f7e9;border-radius:9px;font-size:11px;font-weight:850;color:#22794e;line-height:1.5;margin-top:10px}
@keyframes pofisBreath{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes pofisSparkle{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
.pofis-closing-mode .social-ritual-card{outline:2px solid #66c589;animation:closingGlow 2.8s ease-in-out infinite}
.pofis-office-closed .social-ritual-card{background:linear-gradient(120deg,#d7ffe5,#c5f6db);border-color:#78d6a2}
.social-ritual-card[data-mood="relaxed"],.social-ritual-card[data-mood="waiting"]{background:linear-gradient(118deg,#fffaf0,#fff4d5);border-color:#ead9a3}
.social-ritual-card[data-mood="closing"]{background:linear-gradient(118deg,#fff4e8,#ffe7d3);border-color:#f5b779}
.social-ritual-card[data-mood="overdue"]{background:linear-gradient(118deg,#fff0ec,#ffdedb);border-color:#eb9994}
.social-ritual-card[data-mood="friday"],.social-ritual-card[data-mood="sunglasses"]{background:linear-gradient(118deg,#e5fff0,#c9f5d9);border-color:#78d6a2}
.mascot-celebrate .social-face{animation:mascotJump .65s ease-in-out 3}
.pofis-finish-toast{position:fixed;z-index:150;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);padding:18px 25px;text-align:center;background:#126b3c;color:#fff;font-weight:900;font-size:17px;border-radius:16px;box-shadow:0 15px 60px #08351f88;animation:toastArrival .35s ease-out both}
@keyframes closingGlow{50%{outline-color:#4ef3a2;box-shadow:0 4px 18px #31c57940}}
@keyframes mascotJump{45%{transform:translateY(-14px) rotate(-7deg)}}
@keyframes toastArrival{from{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%,0)}}
.social-club-hero{margin-bottom:18px}
.social-club-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.social-panel{min-width:0}
.social-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:7px}
.social-card-head h2{margin:0;font-size:19px}
.social-panel form{display:grid;gap:10px;margin-top:14px}
.social-panel form label{display:grid;gap:6px;font-size:12px;font-weight:800}
.social-panel form input,.social-panel form select,.social-panel form textarea{min-width:0;width:100%;min-height:43px;border:1px solid #d6e2dc;border-radius:10px;background:#fff;padding:10px 12px;font:inherit;color:#263b2d;font-size:13px}
.social-panel form textarea{resize:vertical;min-height:70px}
.social-panel form .btn{min-height:43px}
.social-kudos-list{display:grid;gap:8px;margin-top:15px;max-height:360px;overflow:auto}
.social-kudos-item{display:flex;align-items:flex-start;gap:9px;background:#f4fcf6;border:1px solid #e1f1e6;border-radius:11px;padding:11px}
.social-kudos-item>span{font-size:20px}
.social-kudos-item>div{flex:1;min-width:0}
.social-kudos-item strong{font-size:12px}
.social-kudos-item p{font-size:12px;color:#49665a;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}
.social-kudos-item small{font-size:10px;color:#779184;white-space:nowrap}
.social-thanks-count{color:#228c55;font-size:11px;font-weight:850;white-space:nowrap;background:#e1f7e8;padding:3px 7px;border-radius:8px}
.social-manager-form{background:#f1f9f5;border:1px solid #d8e9dc;border-radius:12px;padding:13px}
.social-market-list{display:grid;gap:10px;max-height:460px;overflow:auto;padding-top:8px}
.social-market-item{display:flex;gap:13px;justify-content:space-between;border:1px solid #e1eae4;border-radius:12px;padding:12px;background:#fcfffd}
.social-market-item>div:first-child{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.social-market-item strong{font-size:13px;line-height:1.4}
.social-market-item small{font-size:11px;line-height:1.4;color:#6d8577;overflow-wrap:anywhere}
.social-market-state{font-size:10px;color:#478d68;font-weight:850}
.social-market-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:112px}
.social-xp{font-weight:950;font-size:14px;color:#20a865;white-space:nowrap}
.social-market-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.social-market-actions button{background:#e1f9ec;border:1px solid #bee4cc;color:#13703f;font-weight:750;padding:8px 10px;border-radius:9px;font-size:11px;min-height:36px;cursor:pointer}
.social-market-actions button.subtle{background:#f5f4f5;color:#816b70;border-color:#e8dfe5}
.social-market-actions button:disabled{opacity:.4}
.social-wheel-scene{display:grid;place-items:center;position:relative;margin:17px auto;width:min(260px,90%);aspect-ratio:1}
.social-wheel-disc{width:100%;height:100%;border-radius:50%;border:9px solid #183f2d;background:conic-gradient(#17c17a 0 45deg,#a1edb5 45deg 90deg,#e7f8b1 90deg 135deg,#66dba3 135deg 180deg,#48b87a 180deg 225deg,#eafbb6 225deg 270deg,#a0e4bf 270deg 315deg,#3abe8d 315deg 360deg);box-shadow:0 7px 28px #216c4537,inset 0 0 0 1px #fff9;display:grid;place-items:center}
#socialWheelCenter{width:100px;height:100px;border-radius:50%;background:#fff;border:6px solid #174a35;display:grid;place-items:center;text-align:center;padding:8px;line-height:1.25;font-size:14px;font-weight:950;color:#185638}
.social-wheel-pointer{position:absolute;top:-6px;font-size:32px;color:#1a4130;text-shadow:0 2px 0 #fff;z-index:2}
.social-wheel-result{text-align:center;min-height:30px;font-size:13px;color:#1d8754;display:grid;gap:7px}
.social-wheel-result strong{font-size:23px;color:#177444}
.social-feed{display:grid;gap:0;max-height:520px;overflow:auto}
.social-feed-line{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #e9f0ea}
.social-feed-line time{color:#81958a;font-size:10px;font-weight:800;white-space:nowrap;padding-top:5px}
.social-feed-icon{font-size:18px}
.social-feed-line p{font-size:12px;line-height:1.5;margin:1px 0;flex:1;overflow-wrap:anywhere}
.social-title-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid #e9f0ea}
.social-title-row>span{font-size:13px;font-weight:800}
.social-title-row strong{font-size:12px;color:#22774c}
.social-title-row small{font-size:11px;color:#829186;grid-column:1/-1}
.social-secret-card{text-align:center;border:1px dashed #72b48a;border-radius:14px;padding:18px;background:#f2fcf5;display:grid;gap:10px;justify-items:center}
.social-secret-icon{font-size:38px}
.social-secret-card strong{font-size:17px}
.social-secret-card p{margin:0;color:#5e7c69;font-size:12px}
.social-secret-done{font-size:12px;font-weight:850;color:#14965a}
.social-secret-sleep{line-height:1.7;font-size:13px;color:#71907d;text-align:center;padding:24px}
.social-wall-panel{grid-column:1/-1}
.social-wall-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:14px 0}
.social-wall-stats>div{background:linear-gradient(150deg,#ebfff1,#f8fff9);border:1px solid #d8efdf;border-radius:13px;display:flex;flex-direction:column;gap:5px;align-items:center;padding:13px 5px}
.social-wall-stats span{font-size:22px}
.social-wall-stats strong{font-size:24px;color:#167748}
.social-wall-stats small{font-size:10px;color:#688471;text-align:center}
.social-wall-quote{padding:13px;background:#f4faf5;border-left:4px solid #33c87b;border-radius:9px;color:#496657;font-size:12px;line-height:1.5}
@media(max-width:900px){.social-club-grid,.pofis-social-home{grid-template-columns:1fr}.social-ritual-card{justify-content:center}}
@media(max-width:600px){
 .social-panel{padding:15px}
 .social-ritual-card{gap:12px}
 .social-mascot{width:78px;min-width:78px}
 .social-face{width:78px;height:78px}
 .social-ritual-copy h2{font-size:16px}
 .social-wall-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .social-market-item{flex-direction:column}
 .social-market-side{flex-direction:row;justify-content:space-between;align-items:center}
 .social-kudos-item small{display:none}
}
@media(prefers-reduced-motion:reduce){
 .social-face,.face-sparkle,.mascot-celebrate .social-face,.pofis-closing-mode .social-ritual-card,
 .pofis-finish-toast{animation:none!important}
}
html[data-theme="dark"] .social-pulse-card,html[data-theme="dark"] .social-panel,
html[data-theme="dark"] .social-ritual-card{background:#192b36!important;border-color:#3b5d54!important;color:#e7f8ee}
html[data-theme="dark"] .social-ritual-card[data-mood="closing"]{border-color:#bb773d!important}
html[data-theme="dark"] .social-ritual-card[data-mood="overdue"]{border-color:#bb5656!important}
html[data-theme="dark"] .social-ritual-card[data-mood="friday"],html[data-theme="dark"] .social-ritual-card[data-mood="sunglasses"]{border-color:#398c61!important}
html[data-theme="dark"] .social-kicker,html[data-theme="dark"] .social-wall-stats strong{color:#69e8a5}
html[data-theme="dark"] .social-poll-choice,html[data-theme="dark"] .social-market-item,
html[data-theme="dark"] .social-kudos-item,html[data-theme="dark"] .social-title-row,
html[data-theme="dark"] .social-secret-card,html[data-theme="dark"] .social-manager-form,
html[data-theme="dark"] .social-wall-stats>div,html[data-theme="dark"] .social-wall-quote{
 background:#21384a!important;border-color:#3c5b69!important;color:#e2f2ff!important
}
html[data-theme="dark"] .social-poll-choice.chosen{background:#174b39!important;border-color:#42d58b!important}
html[data-theme="dark"] .social-poll-line>span,html[data-theme="dark"] .social-kudos-item p,html[data-theme="dark"] .social-kudos-item small,
html[data-theme="dark"] .social-market-item small,html[data-theme="dark"] .social-title-row small,
html[data-theme="dark"] .social-secret-card p,html[data-theme="dark"] .social-wall-stats small{color:#b5c9c9}
html[data-theme="dark"] .social-poll-bar{background:#374d52}
html[data-theme="dark"] .social-streak{background:#194735;border-color:#356c51;color:#c5f7d8}
html[data-theme="dark"] .social-wheel-disc{border-color:#73bc93}
html[data-theme="dark"] #socialWheelCenter{background:#193b2f;color:#d2ffe3;border-color:#8cdaa9}
html[data-theme="dark"] .social-wheel-pointer{color:#bff1c9;text-shadow:none}
html[data-theme="dark"] .social-feed-line,html[data-theme="dark"] .social-title-row{border-color:#3b4c59}
html[data-theme="dark"] .social-title-row strong,html[data-theme="dark"] .social-xp{color:#80f5b4}
html[data-theme="dark"] .social-market-actions button{background:#235b40;color:#e8fff0;border-color:#438b60}

/* At 17:30, the whole app gently acknowledges closing time. */
.pofis-closing-mode .pofis-app-header{border-bottom:2px solid #48ca82;padding-bottom:13px;transition:border-color .3s ease}
.pofis-closing-mode .tabs{border-radius:13px;background:linear-gradient(95deg,#e4faec,#f3fff4);padding:6px}
.pofis-closing-mode #dutyHero{background:linear-gradient(120deg,#106942,#26ae6c);box-shadow:0 7px 24px #119c5736}
.pofis-office-closed .social-ritual-card{border-width:2px}
html[data-theme="dark"] .pofis-closing-mode .tabs,
html[data-theme="dark"].pofis-closing-mode .tabs{background:linear-gradient(95deg,#153e30,#214c3b)}
html[data-theme="dark"].pofis-closing-mode .pofis-app-header{border-bottom-color:#52c78a}

.social-wheel-disc{position:relative;overflow:hidden}
.social-wheel-label{position:absolute;top:50%;left:50%;z-index:1;display:block;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:#183a2a;text-shadow:0 1px 1px #ffffffad;font-size:10px;line-height:1.2;font-weight:900;transform:translate(-50%,-50%) rotate(var(--wheel-angle)) translateY(-91px) rotate(var(--wheel-reverse))}
#socialWheelCenter{position:relative;z-index:2;pointer-events:none}
@media(max-width:420px){.social-wheel-label{font-size:9px;max-width:56px;transform:translate(-50%,-50%) rotate(var(--wheel-angle)) translateY(-82px) rotate(var(--wheel-reverse))}}


/* Prominent but compact management area inside today's poll card. */
.social-poll-edit{margin-top:15px;padding:13px;border:1px solid #bfe5ce;border-radius:13px;background:#f0fff5}
.social-poll-edit summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:5px 3px;color:#157943;font-size:13px;font-weight:850;line-height:1.4}
.social-poll-edit summary::-webkit-details-marker{display:none}
.social-poll-edit summary::after{content:"▾";font-size:16px;margin-left:auto;color:#16894d}
.social-poll-edit[open] summary::after{content:"▴"}
.social-poll-edit summary small{color:#618b70;font-size:10px;font-weight:650;white-space:normal;text-align:right}
.social-poll-edit summary:focus-visible{outline:2px solid #0fb96a;outline-offset:4px;border-radius:6px}
.social-poll-edit form{display:grid;gap:12px;margin:14px 2px 3px}
.social-poll-edit form label{display:grid;gap:6px;font-size:12px;font-weight:780;color:#355b45}
.social-poll-edit :is(input,select,textarea){display:block;width:100%;min-height:43px;border:1px solid #c4ddce;border-radius:10px;background:#fff;color:#283e30;padding:10px 12px;font:inherit;font-size:12px}
.social-poll-edit textarea{min-height:98px;resize:vertical;line-height:1.5}
.social-poll-edit select{cursor:pointer}
.social-poll-edit .social-poll-submit{justify-self:start;background:#0fbc68;color:#052c17;border:1px solid #0ca45b;border-radius:10px;font-size:12px;font-weight:850;min-height:41px;padding:10px 16px}
.social-poll-edit .social-poll-submit:hover{background:#27d784}
.social-poll-edit .social-poll-submit:disabled{opacity:.52;cursor:not-allowed}
.social-poll-editor-hint{font-size:11px;color:#718c7b;line-height:1.6;margin:0}
html[data-theme="dark"] .social-poll-edit{background:#283b30!important;border-color:#3c7652!important}
html[data-theme="dark"] .social-poll-edit summary{color:#b0f3cb!important}
html[data-theme="dark"] .social-poll-edit summary small,html[data-theme="dark"] .social-poll-editor-hint{color:#bac8be!important}
html[data-theme="dark"] .social-poll-edit form label{color:#e6f3ea!important}
html[data-theme="dark"] .social-poll-edit :is(input,select,textarea){background:#303030!important;border-color:#555!important;color:#f2f2f2!important}
html[data-theme="dark"] .social-poll-edit .social-poll-submit{background:#23ca72!important;border-color:#18b762!important;color:#092b16!important}
@media(max-width:520px){.social-poll-edit summary{flex-wrap:wrap}.social-poll-edit summary small{text-align:left}}


/* Pofis Nabız: selectable radio/checkbox rows and manager's individually editable options. */
.social-poll-vote-info{line-height:1.55}
.social-poll-option-label{display:flex;align-items:center;gap:10px;min-width:0}
.social-poll-option-label b{min-width:0;overflow-wrap:anywhere}
.social-poll-marker{width:19px;height:19px;min-width:19px;display:grid;place-items:center;flex:0 0 19px;border:2px solid #a3c7b1;color:#fff;background:transparent;font-size:12px;line-height:1;font-weight:900}
.social-poll-marker.radio{border-radius:50%}
.social-poll-marker.checkbox{border-radius:6px}
.social-poll-choice.chosen .social-poll-marker{background:#11b96a;border-color:#11b96a}
.social-poll-choice[aria-pressed="true"]{border-color:#2fbf75;background:#e9fbf1}
.social-multivote-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:13px}
.social-multivote-save{background:#0cc36d;color:#072915;border-radius:10px;border:0;padding:10px 17px;font-size:12px;font-weight:850;min-height:43px}
.social-multivote-save:not(:disabled):hover{background:#28d986}
.social-multivote-save:disabled{opacity:.47;cursor:not-allowed}
.social-multivote-actions small{color:#70917d;font-size:11px}
.social-poll-mode-fieldset{border:0;padding:0;margin:0;min-width:0}
.social-poll-mode-fieldset legend{font-size:12px;font-weight:780;padding:0 0 9px;color:#345b45}
.social-poll-mode-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.social-poll-mode-picker label{position:relative;display:block;cursor:pointer;min-width:0}
.social-poll-mode-picker label input{position:absolute!important;opacity:0;width:1px!important;height:1px!important;margin:0!important;padding:0!important;pointer-events:none}
.social-poll-mode-picker label span{display:grid;align-content:center;gap:5px;min-height:67px;padding:12px;border:1px solid #c8dfd0;background:#fff;border-radius:12px;color:#46614f}
.social-poll-mode-picker label span b{font-size:12px;color:inherit}
.social-poll-mode-picker label span small{font-size:10px;line-height:1.5;color:#6c8976;font-weight:500}
.social-poll-mode-picker label input:checked+span{background:#e7faed;border:2px solid #13be6b;padding:11px;color:#106338}
.social-poll-mode-picker label input:checked+span small{color:#337f51}
.social-poll-mode-picker label input:focus-visible+span{outline:2px solid #18bb71;outline-offset:3px}
.social-poll-mode-picker label input:disabled+span{opacity:.52;cursor:not-allowed}
.social-poll-options-editor{display:grid;gap:10px}
.social-poll-options-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}
.social-poll-options-heading b{font-size:12px;color:#345b45}
.social-poll-options-heading small{color:#718f7d;font-size:10px}
.social-poll-option-fields{display:grid;gap:8px}
.social-poll-option-edit-row{display:grid;grid-template-columns:28px minmax(0,1fr) 38px;gap:8px;align-items:center}
.social-poll-option-index{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e8f6ec;color:#2a8852;font-weight:900;font-size:12px}
.social-poll-edit .social-poll-option-edit-row input{min-width:0;width:100%;margin:0;min-height:41px}
.social-poll-option-edit-row button{display:grid;place-items:center;min-height:38px;min-width:38px;background:#fff0ee;border:1px solid #f1cfc9;color:#b34f49;border-radius:10px;cursor:pointer;font-size:22px}
.social-poll-option-edit-row button:hover:not(:disabled){background:#fbd8d5;color:#9e3935}
.social-poll-option-edit-row button:disabled{opacity:.3;cursor:not-allowed}
.social-poll-add-option{justify-self:start;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;min-height:39px;background:#e6f9ed;border:1px dashed #6bbf8d;color:#187444;border-radius:10px;cursor:pointer;font-size:12px;font-weight:820}
.social-poll-add-option:hover:not(:disabled){background:#d5f4e2}
.social-poll-add-option:disabled{opacity:.48;cursor:not-allowed}
html[data-theme="dark"] .social-poll-marker{border-color:#839c8a;color:#0c2818}
html[data-theme="dark"] .social-poll-choice.chosen .social-poll-marker{background:#22d37a;border-color:#22d37a}
html[data-theme="dark"] .social-poll-choice[aria-pressed="true"]{background:#244e35!important;border-color:#46b877!important}
html[data-theme="dark"] .social-multivote-save{background:#24c874!important;color:#092b17!important}
html[data-theme="dark"] .social-multivote-actions small{color:#c1cfc4!important}
html[data-theme="dark"] .social-poll-mode-fieldset legend,html[data-theme="dark"] .social-poll-options-heading b{color:#e7f2ea}
html[data-theme="dark"] .social-poll-options-heading small{color:#b5c7b9}
html[data-theme="dark"] .social-poll-mode-picker label span{background:#303030;border-color:#555;color:#e4e4e4}
html[data-theme="dark"] .social-poll-mode-picker label span small{color:#b7c5b9}
html[data-theme="dark"] .social-poll-mode-picker label input:checked+span{background:#234936;border-color:#38b875;color:#c4fbd9}
html[data-theme="dark"] .social-poll-mode-picker label input:checked+span small{color:#b6edce}
html[data-theme="dark"] .social-poll-option-index{background:#345642;color:#ceffe2}
html[data-theme="dark"] .social-poll-option-edit-row button{background:#513037;border-color:#885057;color:#ffbac2}
html[data-theme="dark"] .social-poll-option-edit-row button:hover:not(:disabled){background:#673641}
html[data-theme="dark"] .social-poll-add-option{background:#274332;border-color:#479c64;color:#c1f8d7}
@media(max-width:500px){.social-poll-mode-picker{grid-template-columns:1fr}.social-poll-option-edit-row{grid-template-columns:25px minmax(0,1fr) 36px;gap:6px}}

/* Nabız: in-card poll tabs, no extra top navigation. */
.social-poll-tab-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin:12px 0 3px;font-size:11px;font-weight:850;color:#278253}
.social-poll-tab-heading small{font-size:10px;color:#799784;font-weight:600}
.social-poll-tabs{
 display:flex;gap:4px;align-items:flex-end;max-width:100%;min-width:0;
 overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#96c8aa transparent;
 padding:9px 6px 0;margin:0 0 16px;
 background:#eaf4ed;border:1px solid #d6e7db;border-bottom:3px solid #9ad4af;
 border-radius:12px 12px 0 0;scroll-snap-type:x proximity;
}
.social-poll-tabs button{
 display:flex;align-items:center;gap:8px;flex:0 0 auto;max-width:220px;min-height:47px;
 padding:10px 12px;background:#f8fcf9;border:1px solid #d8e9dd;border-bottom:0;
 border-radius:10px 10px 0 0;color:#476250;font:inherit;font-size:11px;font-weight:780;
 cursor:pointer;scroll-snap-align:start;transform:translateY(0);transition:background .15s,color .15s;
}
.social-poll-tabs button:hover:not(.active){background:#fff}
.social-poll-tabs button.active{
 background:#15c86e;color:#072816;border-color:#0eae61;
 min-height:50px;transform:translateY(-2px);position:relative;z-index:1;
 box-shadow:0 -5px 12px #0eba6733;
}
.social-poll-tab-index{
 display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;
 border-radius:7px;background:#e1f3e8;color:#257b4c;font-weight:900;font-size:11px;
}
.social-poll-tabs button.active .social-poll-tab-index{background:#ffffff47;color:#08351c}
.social-poll-tab-title{min-width:0;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-poll-tab-count{font-size:9px;font-weight:780;white-space:nowrap;opacity:.78}
#socialPollAnswers{min-width:0;animation:po-poll-tab-appear .16s ease}
@keyframes po-poll-tab-appear{from{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
.social-poll-editor-toprow{display:grid;grid-template-columns:minmax(130px,1fr) minmax(160px,1.35fr);gap:10px}
.social-poll-editor-toprow label{min-width:0}
.social-poll-editor-toprow select{width:100%;min-width:0;white-space:nowrap;text-overflow:ellipsis}
html[data-theme="dark"] .social-poll-tab-heading{color:#a9e9c3}
html[data-theme="dark"] .social-poll-tab-heading small{color:#b8c6bb}
html[data-theme="dark"] .social-poll-tabs{
 background:#272727!important;border-color:#444!important;border-bottom-color:#368559!important;
}
html[data-theme="dark"] .social-poll-tabs button{
 background:#353535!important;border-color:#4b4b4b!important;color:#e0e0e0!important;
}
html[data-theme="dark"] .social-poll-tabs button:hover:not(.active){background:#444!important}
html[data-theme="dark"] .social-poll-tabs button.active{
 background:#20c971!important;color:#092d18!important;border-color:#0ab25b!important;
}
html[data-theme="dark"] .social-poll-tab-index{background:#444;color:#c8e7d4}
html[data-theme="dark"] .social-poll-tabs button.active .social-poll-tab-index{background:#ffffff4a;color:#0a2b19}
@media(max-width:560px){
 .social-poll-tabs button{max-width:175px;padding:9px 10px;gap:6px}
 .social-poll-tab-title{max-width:113px}
 .social-poll-tab-heading small{display:none}
 .social-poll-editor-toprow{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 #socialPollAnswers{animation:none}
 .social-poll-tabs button{transition:none}
}

/* Stable two-column card stacks; no CSS masonry column balancing or inconsistent gaps. */
#club .social-club-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pofis-card-gap,18px);align-items:start}
#club .social-club-column{display:flex;flex-direction:column;gap:var(--pofis-card-gap,18px);min-width:0}
#club .social-club-column > .social-panel{display:block;width:100%;min-width:0;box-sizing:border-box;margin:0}
@media(max-width:900px){#club .social-club-grid{grid-template-columns:minmax(0,1fr);gap:var(--pofis-card-gap,16px)}}
/* The wheel belongs to the arena, independent of the two game panels. */
#games .game-wheel-area{margin-top:18px}
#games .game-wheel-area > #socialWheelPanel{width:100%;max-width:100%;box-sizing:border-box}
#games .game-wheel-area #socialWheelForm{max-width:600px;margin-left:auto;margin-right:auto}