.whatsapp-page{display:grid;gap:18px;padding-bottom:32px}.whatsapp-page .page-head{margin-bottom:0}.whatsapp-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,253,248,.9));border:1px solid rgba(16,185,129,.14)}.whatsapp-hero-main{display:flex;align-items:center;gap:18px}.whatsapp-logo{width:62px;height:62px;display:grid;place-items:center;flex:0 0 auto;border-radius:20px;color:#fff;background:linear-gradient(145deg,#34d399,#0ca678);box-shadow:0 14px 34px rgba(16,185,129,.24)}.whatsapp-logo .icon{width:30px;height:30px}.whatsapp-kicker{display:block;margin-bottom:5px;color:#0f9f73;font-size:10px;font-weight:800;letter-spacing:.16em}.whatsapp-hero h3,.whatsapp-card-head h3,.whatsapp-section-head h3{margin:0;color:#172033}.whatsapp-hero h3{font-size:21px;letter-spacing:-.035em}.whatsapp-hero p,.whatsapp-card-head p,.whatsapp-section-head p{margin:5px 0 0;color:#7b8497;font-size:12px}.whatsapp-connection{min-width:190px;display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:15px;border:1px solid #e8eaf1;background:rgba(255,255,255,.82)}.whatsapp-connection>i{width:11px;height:11px;border-radius:50%;background:#9ca3af;box-shadow:0 0 0 5px rgba(156,163,175,.12)}.whatsapp-connection.online>i{background:#19b987;box-shadow:0 0 0 5px rgba(25,185,135,.13)}.whatsapp-connection.paused>i{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.13)}.whatsapp-connection small,.whatsapp-connection strong{display:block}.whatsapp-connection small{color:#9299a8;font-size:9px;font-weight:800;letter-spacing:.09em}.whatsapp-connection strong{margin-top:3px;color:#364152;font-size:12px}.whatsapp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.whatsapp-stats article{display:flex;align-items:center;gap:13px;min-height:86px;padding:17px 19px;border:1px solid rgba(99,102,241,.09);border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(48,57,93,.05)}.whatsapp-stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#7865e8;background:#f0edff}.whatsapp-stat-icon .icon{width:21px;height:21px}.whatsapp-stat-icon.danger{color:#ef476f;background:#fff0f4}.whatsapp-stat-icon.warning{color:#d58b05;background:#fff8e8}.whatsapp-stats small,.whatsapp-stats strong{display:block}.whatsapp-stats small{color:#949baa;font-size:9px;font-weight:800;letter-spacing:.06em}.whatsapp-stats strong{margin-top:5px;color:#263044;font-size:15px}.whatsapp-settings-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px}.whatsapp-settings-card,.whatsapp-test-card,.whatsapp-guide-card,.whatsapp-reminders,.whatsapp-logs{padding:22px}.whatsapp-card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.whatsapp-card-head>span,.whatsapp-section-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;color:#6858df;background:#eeebff}.whatsapp-card-head>span .icon,.whatsapp-section-icon .icon{width:19px;height:19px}.whatsapp-switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:15px 17px;border:1px solid #e6e9f1;border-radius:15px;background:#fbfbfe;cursor:pointer}.whatsapp-switch-row span{display:grid;gap:3px}.whatsapp-switch-row strong{font-size:13px}.whatsapp-switch-row small{color:#8991a1;font-size:10px}.whatsapp-switch-row input{position:absolute;opacity:0;pointer-events:none}.whatsapp-switch-row>i{position:relative;width:46px;height:25px;flex:0 0 auto;border-radius:999px;background:#d9dde6;transition:.25s ease}.whatsapp-switch-row>i:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(30,41,59,.18);transition:.25s ease}.whatsapp-switch-row input:checked+i{background:#24b889}.whatsapp-switch-row input:checked+i:after{transform:translateX(21px)}.whatsapp-switch-row input:focus-visible+i{outline:3px solid rgba(99,102,241,.18);outline-offset:2px}.whatsapp-secret-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.whatsapp-settings-card label:not(.whatsapp-switch-row),.whatsapp-test-card label,.whatsapp-preview-label{display:grid;gap:7px;color:#4b5568;font-size:11px;font-weight:700}.whatsapp-settings-card input,.whatsapp-settings-card textarea,.whatsapp-test-card input,.whatsapp-preview-label textarea{width:100%;border:1px solid #e4e7ef!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;font-weight:500}.whatsapp-settings-card input,.whatsapp-test-card input{height:46px}.whatsapp-settings-card textarea{min-height:190px;line-height:1.55;resize:vertical}.whatsapp-settings-card label small{color:#9aa1af;font-size:9px;font-weight:500}.whatsapp-variables{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.whatsapp-variables span{padding:5px 8px;border:1px solid #e8e5fb;border-radius:7px;color:#6f5fd9;background:#f7f5ff;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.whatsapp-security-note{display:flex;align-items:center;gap:10px;margin-top:17px;padding:12px 14px;border:1px solid #dff1ea;border-radius:13px;color:#158563;background:#f3fbf8}.whatsapp-security-note .icon{width:20px;height:20px}.whatsapp-security-note span{display:grid;gap:2px}.whatsapp-security-note strong{font-size:11px}.whatsapp-security-note small{color:#6e9387;font-size:9px}.whatsapp-save{width:100%;margin-top:16px;justify-content:center}.whatsapp-side-column{display:grid;align-content:start;gap:16px}.whatsapp-test-card .whatsapp-test-button{width:100%;margin-top:13px;justify-content:center;color:#fff;border-color:#14a979;background:linear-gradient(135deg,#29c58f,#0ba779);box-shadow:0 10px 24px rgba(16,185,129,.18)}.whatsapp-test-card .whatsapp-test-button:disabled{color:#999;background:#edf0f4;border-color:#e1e5eb;box-shadow:none}.whatsapp-inline-alert{display:flex;align-items:center;gap:7px;margin:11px 0 0;color:#a17014;font-size:9px}.whatsapp-inline-alert .icon{width:14px}.whatsapp-guide-card ol{display:grid;gap:13px;margin:0;padding:0;list-style:none}.whatsapp-guide-card li{display:flex;align-items:flex-start;gap:10px}.whatsapp-guide-card li>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#6958df;background:#efedff;font-size:10px;font-weight:800}.whatsapp-guide-card li p{margin:2px 0 0;color:#6e778a;font-size:10px;line-height:1.55}.whatsapp-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.whatsapp-section-head>div{display:flex;align-items:center;gap:12px}.whatsapp-section-icon{color:#149a72;background:#eaf9f4}.whatsapp-section-icon.purple{color:#705fe2;background:#efedff}.whatsapp-count{padding:7px 11px;border-radius:9px;color:#6656d4;background:#f2efff;font-size:10px;font-weight:800}.whatsapp-reminder-list{display:grid;gap:9px}.whatsapp-reminder-item{display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(140px,.8fr) minmax(150px,.9fr) minmax(155px,.8fr) auto;align-items:center;gap:16px;padding:14px;border:1px solid #edf0f4;border-radius:15px;background:#fff;transition:.2s ease}.whatsapp-reminder-item:hover{border-color:#d9d4f8;box-shadow:0 8px 22px rgba(69,61,121,.06);transform:translateY(-1px)}.whatsapp-supplier{display:flex;align-items:center;gap:10px}.whatsapp-supplier>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#fff;background:linear-gradient(145deg,#7668e8,#9a7cf2);font-size:13px;font-weight:800}.whatsapp-supplier div,.whatsapp-invoice,.whatsapp-due,.whatsapp-amount{display:grid;gap:3px}.whatsapp-supplier strong,.whatsapp-invoice strong,.whatsapp-amount strong{color:#2d3749;font-size:11px}.whatsapp-supplier small,.whatsapp-invoice small,.whatsapp-invoice span,.whatsapp-due small,.whatsapp-amount small,.whatsapp-last{color:#949baa;font-size:9px}.whatsapp-invoice>small,.whatsapp-amount>small{font-weight:800;letter-spacing:.05em}.whatsapp-due-badge{width:max-content;padding:5px 8px;border-radius:8px;color:#48675f;background:#eef8f5;font-size:9px;font-weight:800}.whatsapp-due-badge.danger{color:#c83d5d;background:#fff0f3}.whatsapp-due-badge.warning{color:#a66f0b;background:#fff6df}.whatsapp-due-badge.neutral{color:#70798a;background:#f1f3f6}.whatsapp-last.sent{color:#168a67}.whatsapp-last.failed{color:#d94e69}.whatsapp-last.uncertain{color:#aa720d}.whatsapp-send.disabled{pointer-events:none;opacity:.45}.whatsapp-log-table{overflow-x:auto}.whatsapp-log-table table{width:100%;border-collapse:collapse}.whatsapp-log-table th,.whatsapp-log-table td{padding:12px 13px;border-bottom:1px solid #eef0f4;text-align:left;font-size:10px}.whatsapp-log-table th{color:#8c94a4;background:#fafafe;font-size:9px;letter-spacing:.05em}.whatsapp-log-table td strong,.whatsapp-log-table td small{display:block}.whatsapp-log-table td small{margin-top:3px;color:#9299a8}.whatsapp-log-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;font-weight:700}.whatsapp-log-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.whatsapp-log-status.sent{color:#148961;background:#ecf9f4}.whatsapp-log-status.failed{color:#ce4564;background:#fff0f3}.whatsapp-log-status.uncertain{color:#a77213;background:#fff7e3}.whatsapp-confirm-recipient{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #dff1ea;border-radius:15px;background:#f4fbf8}.whatsapp-confirm-recipient>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#1ab584}.whatsapp-confirm-recipient small,.whatsapp-confirm-recipient strong,.whatsapp-confirm-recipient p{display:block;margin:0}.whatsapp-confirm-recipient small{color:#87958f;font-size:9px;font-weight:800}.whatsapp-confirm-recipient strong{margin-top:2px;color:#28364a}.whatsapp-confirm-recipient p{margin-top:2px;color:#708178;font-size:11px}.whatsapp-confirm-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:13px 0}.whatsapp-confirm-summary span{display:grid;gap:4px;padding:12px;border:1px solid #e7e9ef;border-radius:12px;background:#fff}.whatsapp-confirm-summary small{color:#9299a8;font-size:9px}.whatsapp-confirm-summary strong{color:#303a4b;font-size:11px}.whatsapp-preview-label textarea{min-height:210px;line-height:1.55;resize:none;background:#fbfbfe!important}.whatsapp-send-warning{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:#a56f11;font-size:10px}.whatsapp-send-warning .icon{width:15px}.whatsapp-confirm-modal{width:min(760px,calc(100vw - 28px))}
@media(max-width:1100px){.whatsapp-settings-grid{grid-template-columns:1fr}.whatsapp-side-column{grid-template-columns:1fr 1fr}.whatsapp-reminder-item{grid-template-columns:1.1fr .8fr .8fr}.whatsapp-amount{grid-column:2}.whatsapp-reminder-action{grid-column:3;grid-row:2;justify-self:end}}
@media(max-width:760px){.whatsapp-hero{align-items:flex-start;flex-direction:column}.whatsapp-connection{width:100%}.whatsapp-stats{grid-template-columns:1fr}.whatsapp-settings-card,.whatsapp-test-card,.whatsapp-guide-card,.whatsapp-reminders,.whatsapp-logs{padding:16px}.whatsapp-secret-grid,.whatsapp-side-column,.whatsapp-confirm-summary{grid-template-columns:1fr}.whatsapp-reminder-item{grid-template-columns:1fr}.whatsapp-amount,.whatsapp-reminder-action{grid-column:auto;grid-row:auto}.whatsapp-reminder-action .btn{width:100%;justify-content:center}.whatsapp-section-head{align-items:flex-start}.whatsapp-page .page-head .actions{width:100%}.whatsapp-page .page-head .actions .btn{width:100%;justify-content:center}}

/* Direct QR connection through the local OysKasir WhatsApp service. */
.whatsapp-connect-grid{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(460px,1.2fr);gap:16px;align-items:start}.whatsapp-qr-card,.whatsapp-settings-card{padding:22px}.whatsapp-qr-stage{min-height:340px;display:grid;place-items:center;padding:22px;border:1px solid #e5e9f1;border-radius:22px;background:radial-gradient(circle at 50% 42%,#fff 0,#f5fbf8 52%,#f7f7fc 100%);overflow:hidden}.whatsapp-qr-stage>[hidden]{display:none!important}.whatsapp-qr-placeholder,.whatsapp-qr-connected{display:grid;justify-items:center;gap:9px;text-align:center}.whatsapp-qr-placeholder strong,.whatsapp-qr-connected strong{color:#263044;font-size:15px}.whatsapp-qr-placeholder small,.whatsapp-qr-connected small{max-width:280px;color:#8a93a3;font-size:10px;line-height:1.55}.whatsapp-qr-loader,.whatsapp-qr-connected>span{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;color:#16a679;background:#e9f9f3;box-shadow:0 12px 30px rgba(16,185,129,.13)}.whatsapp-qr-loader .icon,.whatsapp-qr-connected>span .icon{width:31px;height:31px}.whatsapp-qr-loader .icon{animation:whatsapp-spin 1.5s linear infinite}.whatsapp-qr-image{width:min(292px,100%);height:auto;padding:12px;border:1px solid #dfe6e2;border-radius:18px;background:#fff;box-shadow:0 18px 46px rgba(28,74,60,.13)}.whatsapp-runtime-status{margin-top:11px;padding:10px 12px;border-radius:11px;color:#667284;background:#f6f7fa;font-size:10px;text-align:center}.whatsapp-qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.whatsapp-qr-actions .btn{justify-content:center}.whatsapp-scan-steps{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.whatsapp-scan-steps li{display:flex;align-items:center;gap:9px;color:#667084;font-size:10px}.whatsapp-scan-steps li>span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#6858df;background:#efedff;font-weight:800}.whatsapp-settings-card>label:not(.whatsapp-switch-row){margin-top:14px}.whatsapp-test-card{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(420px,1.4fr);gap:18px;align-items:center}.whatsapp-test-card .whatsapp-card-head{margin:0}.whatsapp-test-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}.whatsapp-test-card .whatsapp-test-button{width:auto;min-height:46px;margin:0;padding-inline:22px}.whatsapp-test-card .whatsapp-inline-alert{grid-column:2;margin:0}.whatsapp-connection.offline>i{background:#9ca3af}.whatsapp-connection.paused>i{animation:whatsapp-pulse 1.5s ease-in-out infinite}.whatsapp-send[disabled]{pointer-events:none;opacity:.45}@keyframes whatsapp-spin{to{transform:rotate(360deg)}}@keyframes whatsapp-pulse{50%{box-shadow:0 0 0 9px rgba(245,158,11,0)}}
@media(max-width:1250px){.whatsapp-hero{align-items:flex-start;flex-direction:column}.whatsapp-connection{width:100%}}
@media(max-width:1100px){.whatsapp-connect-grid{grid-template-columns:1fr}.whatsapp-test-card{grid-template-columns:1fr}.whatsapp-test-card .whatsapp-inline-alert{grid-column:auto}}
@media(max-width:760px){.whatsapp-qr-card{padding:16px}.whatsapp-qr-stage{min-height:300px}.whatsapp-qr-actions,.whatsapp-test-row{grid-template-columns:1fr}.whatsapp-test-card .whatsapp-test-button{width:100%}}
.whatsapp-internal-note{display:flex;align-items:center;gap:12px;margin:0 0 17px;padding:14px 15px;border:1px solid #e5e2fb;border-radius:14px;color:#5f50cf;background:linear-gradient(135deg,#faf9ff,#f4f8ff)}.whatsapp-internal-note>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#ece9ff}.whatsapp-internal-note .icon{width:19px;height:19px}.whatsapp-internal-note div{display:grid;gap:3px}.whatsapp-internal-note strong{color:#30394d;font-size:12px}.whatsapp-internal-note small{color:#7e8799;font-size:10px;line-height:1.45}
.whatsapp-internal-note .whatsapp-internal-copy{display:grid;gap:4px;min-width:0}.whatsapp-internal-note small b{color:#5f50cf;font-weight:800}.whatsapp-internal-badges{display:flex!important;flex-wrap:wrap;gap:7px!important;margin-top:5px}.whatsapp-internal-badges em{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:4px 8px;border:1px solid #e1def8;border-radius:999px;color:#6758cf;background:#fff;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.02em}.whatsapp-internal-badges em i{width:6px;height:6px;border-radius:50%;background:#22b889;box-shadow:0 0 0 3px rgba(34,184,137,.12)}.whatsapp-internal-badges .icon{width:11px;height:11px}