/* v24.7 — صفحة التصوير بتصميم 2026: شاشة نظيفة، أدوات بأسماء، فلاتر عند الطلب، أوضاع كبسولة */
/* الأعلى: إغلاق يسار + «إضافة صوت» بالمنتصف */
.cam-top{justify-content:center!important}
.cam-top .cam-x{position:absolute;left:0;width:42px;height:42px;border-radius:21px;background:#0006;backdrop-filter:blur(10px);border:0}
.cam-sound{max-width:56%!important;height:40px!important;background:#0000004d!important;border:1px solid #ffffff33!important;backdrop-filter:blur(14px)}
.cam-sound.has{background:linear-gradient(135deg,#FF2D7A55,#8B5CF655)!important;border-color:#FF2D7A99!important}
/* شريط الأدوات: بدون كبسولة، أيقونات بظل ناعم وأسماء تحتها */
.cam-side{top:calc(84px + env(safe-area-inset-top))!important;right:10px!important;gap:14px!important;padding:0!important;background:none!important;border:0!important;backdrop-filter:none!important}
.cam-side button{width:52px!important;height:auto!important;border-radius:0!important;display:flex!important;flex-direction:column;align-items:center;gap:3px;background:none!important;filter:drop-shadow(0 1px 3px #000b)}
.cam-side button svg{width:26px;height:26px}
.cam-side button small{font-size:10.5px;font-weight:700;color:#fff;text-shadow:0 1px 3px #000}
.cam-side button.on{color:#22D3EE!important}
.cam-side button.on small{color:#67E8F9}
.cam-side button.more svg{width:22px;height:22px;padding:4px;border-radius:12px;background:#ffffff2e;box-sizing:content-box}
.cam-side em{bottom:auto!important;top:-4px;left:auto!important;right:6px;min-width:16px;height:16px;border-radius:8px;background:#22D3EE;color:#071017!important;font-size:9px!important;display:grid;place-items:center}
.cam-side em:empty{display:none}
/* الفلاتر: مخفية حتى تضغط «فلاتر» — دوائر صغيرة فوق زر التسجيل */
.cam-filters{opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s,transform .2s;bottom:calc(172px + env(safe-area-inset-bottom))!important;gap:14px!important;padding:6px calc(50% - 30px)!important}
.cam.show-filters .cam-filters{opacity:1;pointer-events:auto;transform:none}
.cam.recording .cam-filters{opacity:0!important;pointer-events:none!important}
.cam-filters span{width:54px!important;height:54px!important;border-radius:27px!important;border:2px solid #ffffff66!important}
.cam-filters button.on span{width:60px!important;height:60px!important;border-radius:30px!important;border:3px solid #fff!important;box-shadow:0 0 0 3px #FF2D7A,0 8px 22px #FF2D7A55!important;transform:none!important}
.cam-filters small{font-size:11px!important}
/* الأسفل: زر التسجيل أوضح، والمعرض والملصقات بنفس الحجم */
.cam-shade{background:linear-gradient(180deg,#0008 0%,#0000 16%,#0000 66%,#000b 100%)!important}
.cam-bottom{bottom:calc(62px + env(safe-area-inset-bottom))!important;left:36px!important;right:36px!important}
.cam-gal,.cam-stk,.cam-del{width:48px!important;height:48px!important;border-radius:14px!important;background:#ffffff26!important;border:1.5px solid #ffffffb3!important;backdrop-filter:blur(10px)}
.cam-stk{border-radius:24px!important;border-color:#ffffff40!important}
/* الأوضاع: كبسولة زجاجية بمؤشر */
.cam-modes{bottom:calc(14px + env(safe-area-inset-bottom))!important;left:50%!important;right:auto!important;transform:translateX(-50%);gap:2px!important;padding:4px;border-radius:20px;background:#00000059;backdrop-filter:blur(14px);border:1px solid #ffffff1f}
.cam-modes button{white-space:nowrap;padding:7px 14px!important;border:0!important;border-radius:16px;font-size:13px!important;color:#ffffffa6!important;transition:all .2s}
.cam-modes button.on{background:#fff!important;color:#0B0A1F!important;font-weight:800}
