/* طبقة تصميم مستقلة لتقفيل اليوم والحسابات. */
#view .closing-dashboard-card{display:grid!important;gap:24px!important;width:100%;margin:20px 0!important;padding:32px!important;border:1px solid #d5e4ea!important;border-radius:28px!important;background:linear-gradient(135deg,#fff 0%,#f4fafc 100%)!important;box-shadow:0 18px 42px rgba(24,61,85,.1)!important}
#view .closing-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;padding:0 0 22px!important;border-bottom:1px solid #dce9ee!important}
#view .closing-card-head h2{margin:7px 0 5px!important;color:#123c57!important;font-size:1.55rem!important;line-height:1.35!important}
#view .closing-card-head p{margin:0!important;color:#637e8e!important;font-size:.82rem!important;line-height:1.8!important}
#view .closing-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:6px 10px!important;border-radius:99px!important;background:#e6f8ef!important;color:#147454!important;font-size:.7rem!important;font-weight:900!important}
#view .closing-date-field{display:grid!important;gap:7px!important;min-width:180px!important;color:#537182!important;font-size:.72rem!important;font-weight:900!important}
#view .closing-date-field input{width:100%!important;padding:12px!important;border:1px solid #bed6e0!important;border-radius:13px!important;background:#fff!important;color:#173d55!important;font:inherit!important}
#view .closing-section{display:grid!important;gap:14px!important;padding:19px!important;border:1px solid #e1ebee!important;border-radius:21px!important;background:rgba(255,255,255,.76)!important}
#view .closing-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
#view .closing-section-title h3{margin:0!important;color:#1b4e69!important;font-size:1rem!important}
#view .closing-section-title h3 i{margin-left:7px!important;color:#c53278!important}
#view .closing-section-title span{color:#738997!important;font-size:.71rem!important;font-weight:800!important}
#view .attendance-cards,#view .closing-summary-cards,#view .payment-summary-cards{display:grid!important;gap:14px!important}
#view .attendance-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#view .closing-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#view .payment-summary-cards{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#view .attendance-card,#view .closing-summary-card,#view .payment-summary-card{position:relative!important;display:grid!important;align-content:start!important;gap:8px!important;min-height:132px!important;padding:18px!important;border:1px solid #dbe8ed!important;border-radius:20px!important;background:#fff!important;text-align:right!important;box-shadow:0 7px 17px rgba(24,61,85,.07)!important}
#view .attendance-card>i,#view .closing-summary-card>i,#view .payment-summary-card>i{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:13px!important;background:#eaf6fb!important;color:#2782a6!important;font-size:1.05rem!important}
#view .attendance-card span,#view .closing-summary-card span,#view .payment-summary-card span{display:block!important;color:#637c8b!important;font-size:.72rem!important;font-weight:800!important}
#view .attendance-card b,#view .closing-summary-card b,#view .payment-summary-card b{display:block!important;color:#143d55!important;font-size:1.38rem!important;line-height:1.4!important}
#view .attendance-card.attended{border-color:#a9dfbf!important;background:#f5fff8!important}#view .attendance-card.attended>i{background:#d8f6e4!important;color:#18824e!important}
#view .attendance-card.missed{border-color:#f0c4ab!important;background:#fff9f4!important}#view .attendance-card.missed>i{background:#ffe5d7!important;color:#be5c30!important}
#view .attendance-card.cancelled{border-color:#e9cddd!important;background:#fff9fc!important}#view .attendance-card.cancelled>i{background:#f9ddea!important;color:#b42b6b!important}
#view .closing-summary-card small{display:block!important;color:#79909c!important;font-size:.68rem!important}
#view .closing-summary-card.drawer{border-color:#e8c565!important;background:linear-gradient(145deg,#fffef7,#fff5d8)!important}#view .closing-summary-card.drawer>i{background:#ffedb2!important;color:#a46b06!important}#view .closing-summary-card.drawer b{color:#95620b!important}
#view .closing-summary-card.collected{border-color:#9cd8b6!important;background:linear-gradient(145deg,#fbfffc,#edfff3)!important}#view .closing-summary-card.collected>i{background:#d5f6e2!important;color:#168251!important}#view .closing-summary-card.collected b{color:#14754a!important}
#view .closing-summary-card.electronic{border-color:#c9b8e5!important;background:linear-gradient(145deg,#fdfbff,#f3edff)!important}#view .closing-summary-card.electronic>i{background:#e5d9fb!important;color:#7047a8!important}#view .closing-summary-card.electronic b{color:#67419a!important}
#view .payment-summary-card{border-width:2px!important;cursor:pointer!important;font:inherit!important;transition:transform .18s ease,box-shadow .18s ease!important}#view .payment-summary-card:hover,#view .payment-summary-card.active{transform:translateY(-4px)!important;outline:3px solid #cf4a87!important;outline-offset:2px!important;box-shadow:0 14px 28px rgba(25,61,85,.18)!important}
#view .payment-summary-card.all{border-color:#8cc7de!important;background:linear-gradient(145deg,#f2fbff,#dff2fa)!important}#view .payment-summary-card.cash{border-color:#e5bc4e!important;background:linear-gradient(145deg,#fffdf3,#fff0bd)!important}#view .payment-summary-card.visa{border-color:#7ab0ec!important;background:linear-gradient(145deg,#f4f9ff,#dcecff)!important}#view .payment-summary-card.instapay{border-color:#aa8ad9!important;background:linear-gradient(145deg,#fcf9ff,#ece2ff)!important}#view .payment-summary-card.vodafone{border-color:#ed8294!important;background:linear-gradient(145deg,#fff8f9,#ffe0e6)!important}
#view .closing-transactions .daily-payment-list{display:grid!important;gap:10px!important;margin:0!important}#view .closing-transactions .daily-payment-list article{display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:14px!important;padding:15px 17px!important;border:1px solid #dfeaec!important;border-radius:16px!important;background:#fbfdff!important}

/* اختيار وسيلة الدفع */
#view .payment-method-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(135px,1fr))!important;gap:16px!important;margin:20px 0!important;padding:4px!important}
#view .payment-method-buttons button{display:grid!important;place-items:center!important;gap:9px!important;min-height:126px!important;padding:18px 12px!important;border:2px solid #d5e3e8!important;border-radius:20px!important;background:#fff!important;color:#173f58!important;font:800 .86rem Cairo,sans-serif!important;box-shadow:0 9px 21px rgba(24,61,85,.1)!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease!important}
#view .payment-method-buttons button:hover,#view .payment-method-buttons button.active{transform:translateY(-4px)!important;box-shadow:0 14px 28px rgba(25,61,85,.18)!important;outline:3px solid #cf4a87!important;outline-offset:2px!important}
#view .payment-method-buttons button i{display:block!important;font-size:1.75rem!important}
#view .payment-method-buttons button[data-method="cash"]{border-color:#e7bb42!important;background:linear-gradient(145deg,#fffdf2,#fff1bd)!important;color:#8b5a05!important}#view .payment-method-buttons button[data-method="visa"]{border-color:#76aceb!important;background:linear-gradient(145deg,#f4f9ff,#dceeff)!important;color:#12539d!important}#view .payment-method-buttons button[data-method="instapay"]{border-color:#a787d7!important;background:linear-gradient(145deg,#faf6ff,#eee3ff)!important;color:#5f3e99!important}#view .payment-method-buttons button[data-method="vodafone_cash"]{border-color:#ed778d!important;background:linear-gradient(145deg,#fff7f8,#ffdce3)!important;color:#bc1d3c!important}

/* تفاصيل حسابات الدكتورة */
#view .finance-two-col{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr)!important;gap:18px!important;align-items:start!important}
#view .finance-list{display:grid!important;gap:13px!important;margin-top:16px!important}
#view .finance-row{display:grid!important;grid-template-columns:1.6fr repeat(4,minmax(105px,1fr))!important;align-items:stretch!important;gap:12px!important;padding:18px!important;border:1px solid #dbe8ed!important;border-radius:19px!important;background:#fff!important;box-shadow:0 7px 17px rgba(24,61,85,.06)!important}
#view .finance-row>div{display:grid!important;align-content:center!important;gap:5px!important;min-height:72px!important;padding:10px 12px!important;border-radius:13px!important;background:#f6fafc!important}
#view .finance-row>div:first-child{background:#edf7fb!important}#view .finance-row span{display:block!important;color:#718795!important;font-size:.68rem!important}#view .finance-row b{display:block!important;color:#173f58!important;font-size:.86rem!important;line-height:1.55!important}
#view .finance-row.is-short{border-right:5px solid #dd9a4f!important}#view .finance-row.is-settled{border-right:5px solid #40a874!important}
#view .expense-panel{padding:24px!important;border:1px solid #f0dce5!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#fff8fb)!important}
#view .expense-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:17px!important}#view .expense-form .full{grid-column:1/-1!important}#view .expense-form .primary-btn{grid-column:1/-1!important;justify-self:start!important}
#view .expense-list{display:grid!important;gap:10px!important;margin-top:18px!important}#view .expense-list article{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 16px!important;border:1px solid #efdbe4!important;border-radius:15px!important;background:#fff!important}#view .expense-list article>b{font-size:1rem!important;color:#ad3263!important}
@media(max-width:1000px){#view .payment-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}#view .finance-two-col{grid-template-columns:1fr!important}#view .finance-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}#view .finance-row>div:first-child{grid-column:1/-1!important}}
@media(max-width:650px){#view .closing-dashboard-card{gap:16px!important;padding:16px!important;border-radius:20px!important}#view .closing-card-head{align-items:stretch!important;flex-direction:column!important}#view .closing-card-head h2{font-size:1.23rem!important}#view .closing-date-field{min-width:0!important}#view .closing-section{gap:12px!important;padding:15px!important;border-radius:17px!important}#view .closing-section-title{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}#view .attendance-cards,#view .closing-summary-cards,#view .payment-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#view .payment-summary-cards .all{grid-column:1/-1!important}#view .attendance-card,#view .closing-summary-card,#view .payment-summary-card{min-height:112px!important;padding:14px!important;border-radius:16px!important}#view .attendance-card b,#view .closing-summary-card b,#view .payment-summary-card b{font-size:1.12rem!important}#view .closing-transactions .daily-payment-list article{grid-template-columns:1fr auto!important;gap:8px!important;padding:12px!important}#view .closing-transactions .daily-payment-list article>b{grid-column:2!important;grid-row:1!important}#view .payment-method-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}#view .payment-method-buttons button{min-height:115px!important;font-size:.77rem!important}#view .finance-row{grid-template-columns:1fr 1fr!important;padding:13px!important;gap:8px!important}#view .finance-row>div{padding:9px!important}#view .expense-form{grid-template-columns:1fr!important}#view .expense-form .full,#view .expense-form .primary-btn{grid-column:auto!important}}

/* نافذة تفاصيل الحجز ليست داخل #view؛ لذلك لها نسخة مستقلة من تنسيق الدفع. */
.modal-card .payment-box{margin:18px 0!important;padding:20px!important;border:2px solid #b9e5d4!important;border-radius:21px!important;background:linear-gradient(135deg,#f4fffb,#f8fbff)!important}
.modal-card .workflow-heading{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:13px!important}.modal-card .workflow-heading>i{display:grid!important;place-items:center!important;width:39px!important;height:39px!important;border-radius:13px!important;background:#d8f6e7!important;color:#168054!important;font-size:1.05rem!important}.modal-card .workflow-heading h3{margin:0!important;color:#177657!important;font-size:1rem!important}.modal-card .workflow-heading p{margin:3px 0 0!important;color:#637a88!important;font-size:.74rem!important}
.modal-card .payment-method-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(128px,1fr))!important;gap:15px!important;margin:18px 0!important;padding:3px!important}
.modal-card .payment-method-buttons button{position:relative!important;display:grid!important;place-items:center!important;gap:9px!important;min-height:118px!important;padding:17px 11px!important;border:2px solid #d5e3e8!important;border-radius:20px!important;background:#fff!important;color:#173f58!important;font:800 .84rem Cairo,sans-serif!important;box-shadow:0 8px 19px rgba(24,61,85,.1)!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease!important}
.modal-card .payment-method-buttons button:hover,.modal-card .payment-method-buttons button.active{transform:translateY(-4px)!important;outline:3px solid #cf4a87!important;outline-offset:2px!important;box-shadow:0 14px 28px rgba(25,61,85,.18)!important}.modal-card .payment-method-buttons button i{display:block!important;font-size:1.7rem!important}.modal-card .payment-method-buttons button[data-method="cash"]{border-color:#e7bb42!important;background:linear-gradient(145deg,#fffdf2,#fff1bd)!important;color:#8b5a05!important}.modal-card .payment-method-buttons button[data-method="visa"]{border-color:#76aceb!important;background:linear-gradient(145deg,#f4f9ff,#dceeff)!important;color:#12539d!important}.modal-card .payment-method-buttons button[data-method="instapay"]{border-color:#a787d7!important;background:linear-gradient(145deg,#faf6ff,#eee3ff)!important;color:#5f3e99!important}.modal-card .payment-method-buttons button[data-method="vodafone_cash"]{border-color:#ed778d!important;background:linear-gradient(145deg,#fff7f8,#ffdce3)!important;color:#bc1d3c!important}
.modal-card .payment-choice-help,.modal-card .payment-confirm-hint{margin:13px 0!important;padding:12px 14px!important;border-radius:13px!important;background:#fff!important;color:#587283!important;font-size:.76rem!important;line-height:1.8!important}.modal-card .payment-confirm-hint{border-right:4px solid #bb4b89!important}
.modal-card .payment-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.modal-card .payment-note{margin-top:12px!important}.modal-card .qr-payment-actions{display:flex!important;align-items:center!important;gap:11px!important;margin:13px 0!important;padding:12px!important;border:1px dashed #9b7cc1!important;border-radius:15px!important;background:#fbf8ff!important}.modal-card .qr-payment-actions button{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:12px 15px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#6a3e9b,#a45dcc)!important;color:#fff!important;font:800 .77rem Cairo,sans-serif!important;cursor:pointer!important}.modal-card .qr-payment-actions span{color:#6e4b7f!important;font-size:.7rem!important;font-weight:800!important}
@media(max-width:650px){.modal-card .payment-box{padding:14px!important}.modal-card .payment-method-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.modal-card .payment-method-buttons button{min-height:108px!important;font-size:.76rem!important}.modal-card .payment-grid{grid-template-columns:1fr!important}.modal-card .qr-payment-actions{display:grid!important}.modal-card .qr-payment-actions button{justify-content:center!important}}