@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--ink:#111b32;--navy:#101a36;--navy-2:#1c294e;--blue:#2764e7;--cyan:#29b6cb;--green:#1aa66c;--soft:#f5f7fb;--line:#e6eaf2;--muted:#72809a;--gold:#e9ab35;--danger:#dc4f5e}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:Cairo,IBM Plex Sans Arabic,Arial,sans-serif;font-size:14px}.app-shell{min-height:100vh;display:flex;direction:rtl}.side-nav{width:255px;flex:0 0 255px;background:#fff;border-left:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;transition:.25s}.side-nav.collapsed{width:76px;flex-basis:76px;padding-inline:11px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 26px;border-bottom:1px solid var(--line);margin-bottom:17px;white-space:nowrap;overflow:hidden}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#2b76ea,#29b6cb);color:#fff;font-size:24px;font-weight:800;box-shadow:0 8px 18px #2864e733}.brand b{display:block;font-size:16px;letter-spacing:.3px}.brand span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.side-nav nav{display:grid;gap:5px}.side-nav nav button{height:45px;border:0;background:transparent;border-radius:11px;text-align:right;font:inherit;color:#61708a;display:flex;align-items:center;gap:12px;padding:0 12px;cursor:pointer;white-space:nowrap}.side-nav nav button:hover{color:var(--blue);background:#f1f5ff}.side-nav nav button.active{background:linear-gradient(90deg,#e9efff,#f4f7ff);color:#235bdd;font-weight:800;box-shadow:inset -3px 0 #2d67eb}.side-footer{margin-top:auto;padding:16px 8px 4px;color:#6f7e95;font-size:11px;display:flex;gap:8px;align-items:center;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:#1cb77a;box-shadow:0 0 0 4px #1cb77a22}.main-area{min-width:0;flex:1}.topbar{height:78px;background:var(--navy);border-radius:0 0 20px 20px;margin:0 10px;padding:0 20px;display:flex;gap:14px;align-items:center;color:#fff;box-shadow:0 8px 21px #101a3626;position:sticky;top:0;z-index:5}.icon-btn{width:38px;height:38px;border:1px solid transparent;background:transparent;color:inherit;display:grid;place-items:center;border-radius:10px;cursor:pointer;position:relative}.icon-btn:hover{background:#ffffff16;border-color:#ffffff1f}.badge i{font-size:9px;font-style:normal;width:16px;height:16px;display:grid;place-items:center;position:absolute;top:1px;left:2px;border-radius:50%;background:#f45059;color:#fff}.branch-switch{height:40px;border:1px solid #ffffff25;border-radius:12px;padding:0 13px;display:flex;align-items:center;gap:8px;color:#e8eeff;min-width:150px;font-size:12px}.searchbox{height:42px;flex:1;max-width:650px;background:#ffffff0b;border:1px solid #ffffff1b;border-radius:12px;display:flex;align-items:center;padding:0 14px;gap:9px;color:#94a5ca}.searchbox input{border:0;outline:0;background:transparent;color:#fff;width:100%;font:inherit}.searchbox input::placeholder{color:#8795b4}.top-actions{margin-right:auto;display:flex;align-items:center;gap:8px}.user-chip{border:0;border-right:1px solid #ffffff22;background:transparent;color:#fff;padding:0 13px;display:flex;gap:8px;align-items:center;font:inherit;cursor:pointer}.user-chip span,.avatar{display:grid;place-items:center;border-radius:50%;background:#36b9cf;color:#fff;width:30px;height:30px;font-weight:800}.user-chip b{font-size:12px}.content-wrap{padding:32px;max-width:1680px;margin:auto}.page-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 26px}.eyebrow{display:block;color:#4777de;font-size:10px;letter-spacing:1.2px;font-weight:800;margin-bottom:5px}.page-header h1{font-size:27px;line-height:1.3;margin:0 0 4px}.page-header p{margin:0;color:var(--muted);font-size:12px}.primary,.secondary,.green{height:42px;border:0;border-radius:10px;padding:0 16px;font:700 12px Cairo,Arial;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.2s}.primary{background:linear-gradient(135deg,#2e72eb,#245bd4);color:#fff;box-shadow:0 8px 17px #2864e631}.primary:hover{transform:translateY(-1px);box-shadow:0 11px 21px #2864e642}.primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.secondary{background:#fff;border:1px solid #dce3ef;color:#52617a}.secondary:hover{border-color:#3e76eb;color:#2864e6;background:#f6f8ff}.green{background:#1dae77;color:#fff}.wide{width:100%}.metrics,.factory-kpis,.inventory-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.factory-kpis,.inventory-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:flex;gap:13px;align-items:center;box-shadow:0 7px 20px #26395c08}.metric-icon{width:42px;height:42px;border-radius:12px;background:#e9f0ff;color:#376fe4;display:grid;place-items:center}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:10px}.metric-card strong{display:block;font-size:19px;line-height:1.5;color:#1d2943}.metric-card.purple .metric-icon{background:#f1eaff;color:#8159d3}.metric-card.green .metric-icon{background:#e2f7ef;color:#17a36c}.metric-card.gold .metric-icon{background:#fff4dc;color:#d89a23}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(285px,.8fr);gap:18px}.span-2{grid-row:span 1}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 20px #26395c08}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:18px 20px;border-bottom:1px solid #eef1f6}.panel-head h3{margin:0;font-size:15px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.text-btn{border:0;color:#366bdc;background:none;cursor:pointer;font:700 11px Cairo}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{height:42px;background:#fafbfe;color:#78869f;font-size:10px;text-align:right;font-weight:700}th,td{padding:9px 16px;border-bottom:1px solid #eef1f6}td{font-size:11px;color:#33415c}td b{font-size:11px}td small{display:block;color:#93a0b6;font-size:9px;margin-top:2px}.empty-row,.empty-state{text-align:center!important;padding:32px!important;color:#98a4b8!important}.status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:800;background:#edf2ff;color:#416bd5}.status.cutting{background:#fff2db;color:#c17b00}.status.sewing,.status.finishing{background:#f1eaff;color:#7653bc}.status.quality-check{background:#fbeaf0;color:#bd4564}.status.ready{background:#e1f7ed;color:#13915b}.status.delivered{background:#eaf7f8;color:#147d8b}.alert-list{padding:8px 17px}.alert-item{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px dashed #e8ecf3}.alert-item:last-child{border:0}.alert-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#d18d11;background:#fff3d6;font-weight:800}.alert-item b,.alert-item small{display:block;font-size:11px}.alert-item small{color:var(--muted);font-size:9px;margin-top:2px}.process-strip{display:flex;padding:24px 18px;justify-content:space-between;gap:12px}.process-step{flex:1;position:relative;text-align:center}.process-step:not(:last-child):after{content:"";height:1px;background:#dfe5f0;position:absolute;top:16px;right:58%;width:84%}.process-step span{position:relative;z-index:1;margin:auto;width:32px;height:32px;border-radius:10px;background:#ecf2ff;color:#356bdd;display:grid;place-items:center;font-weight:800}.process-step b,.process-step small{display:block}.process-step b{font-size:11px;margin-top:7px}.process-step small{font-size:9px;color:#8c9ab0;margin-top:2px}.error-bar,.form-error{border-radius:10px;background:#fff0f1;color:#bc314d;padding:11px 14px;margin-bottom:15px;font-size:11px;font-weight:700}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#f4f7fc}.login-art{background:radial-gradient(circle at 78% 14%,#47c6d6 0,#2a75d8 25%,#111b36 74%);color:#fff;padding:13vw 12vw;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;border:45px solid #ffffff10;width:400px;height:400px;border-radius:50%;left:-160px;bottom:-120px}.login-symbol{width:64px;height:64px;border:1px solid #ffffff55;border-radius:19px;background:#ffffff16;display:grid;place-items:center;font-size:35px;font-weight:800;margin-bottom:28px}.login-art h1{font-size:40px;line-height:1.45;max-width:520px;margin:0 0 13px}.login-art p{font-size:15px;line-height:2;max-width:510px;color:#dbeaff}.login-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.login-points span{font-size:11px;border:1px solid #ffffff28;padding:8px 10px;border-radius:30px;background:#ffffff0d}.login-card{align-self:center;justify-self:center;width:min(420px,88%);background:#fff;border:1px solid #e5eaf3;border-radius:19px;padding:38px;box-shadow:0 18px 45px #1a274214}.login-card h2{font-size:25px;margin:0 0 6px}.login-card>p{color:var(--muted);font-size:11px;line-height:1.8;margin:0 0 26px}.login-card label,.customer-form label,.form-grid label{display:block;font-size:11px;font-weight:700;margin-bottom:14px}.login-card input,.customer-form input,.form-grid input,.zatca-section input,.zatca-section textarea,textarea{width:100%;height:43px;border:1px solid #dce3ee;border-radius:9px;background:#fff;font:inherit;color:var(--ink);padding:0 12px;margin-top:6px;outline:none;transition:.2s}.login-card input:focus,.customer-form input:focus,.form-grid input:focus,.zatca-section input:focus,textarea:focus{border-color:#3d75e7;box-shadow:0 0 0 3px #3c77e612}.login-card small{display:block;text-align:center;color:#a0aabd;font-size:9px;margin-top:16px}.branch-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.customer-form form{padding:20px}.customer-form em{font-style:normal;color:#98a4b7;font-weight:400}.success-note,.info-note{background:#e8f8ef;color:#18865b;border-radius:9px;padding:10px;font-size:10px;line-height:1.7;margin-top:11px}.step-list{padding:8px 20px}.big-step{display:flex;gap:14px;padding:15px 0;border-bottom:1px dashed #e5eaf2}.big-step:last-child{border:0}.big-step>span{width:28px;height:28px;background:#eaf0ff;color:#356cdb;border-radius:9px;display:grid;place-items:center;font-weight:800;flex:0 0 28px}.big-step b{font-size:12px}.big-step p{margin:2px 0 0;font-size:10px;color:var(--muted)}.branch-steps .secondary{margin:0 20px 20px}.measure-top{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:15px}.client-compact{display:flex;gap:11px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px 14px;min-width:330px}.client-compact small{display:block;font-size:10px;color:var(--muted)}.client-compact svg{margin-right:auto;color:#7d8ba3}.order-pill{font-size:11px;padding:9px 14px;border:1px solid #dbe3f1;border-radius:30px;background:#fff;color:#52617a}.order-pill span{color:#24b99a}.measure-workspace{display:grid;grid-template-columns:210px minmax(470px,1fr) 210px;gap:16px;align-items:stretch}.measure-inputs{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.measure-inputs label{display:block;font-size:10px;font-weight:700;margin:0 0 12px}.measure-box{display:flex;align-items:center;border:1px solid #a9dbe0;border-radius:8px;margin-top:5px;overflow:hidden}.measure-box input{width:100%;height:32px;border:0;outline:0;padding:0 8px;font:inherit}.measure-box span{font-size:9px;color:#5f7785;padding:0 7px;border-right:1px solid #d8eef0}.thobe-board{position:relative;min-height:630px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.board-title{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #eef1f6}.board-title b{font-size:13px}.board-title span{font-size:10px;color:var(--muted)}.thobe-svg{display:block;width:100%;height:550px}.thobe-svg .thobe{fill:#fbfcfd;stroke:#8090a8;stroke-width:2}.thobe-svg .back-thobe{fill:#f2f5f9;stroke:#8a98ad;stroke-width:2}.thobe-svg .measure-lines{stroke:#2f323a;stroke-width:1.6;fill:none;marker-end:url(#arrow)}.thobe-svg .callouts{font-family:Cairo,Arial;font-size:13px;fill:#2d6078;font-weight:700}.board-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:7px 11px;background:#f0f9fb;color:#4f7181;border:1px solid #d2edf0;border-radius:20px;font-size:9px;white-space:nowrap}.measure-notes{margin-top:16px;padding:20px;display:grid;grid-template-columns:220px 1fr 165px;gap:16px;align-items:center}.measure-notes h3{margin:0;font-size:13px}.measure-notes p{font-size:10px;color:var(--muted);line-height:1.7}.measure-notes textarea{height:85px;padding:11px;resize:vertical;margin:0}.measure-actions{display:grid;gap:8px}.kanban{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:13px;overflow:auto;padding-bottom:12px}.kanban-column{min-height:470px;background:#f0f3f8;border:1px solid #e0e6ef;border-radius:14px;padding:11px;min-width:200px}.kanban-head{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 12px}.kanban-head b{font-size:11px}.kanban-head span{display:grid;place-items:center;border-radius:6px;padding:2px 7px;font-size:10px;background:#dfe6f4;color:#52617a}.task-card{background:#fff;border:1px solid #e5e9f1;border-radius:11px;padding:12px;margin-bottom:9px;box-shadow:0 3px 8px #26395c08}.task-card b{font-size:11px}.task-card p{margin:5px 0 1px;font-size:11px}.task-card small{color:var(--muted);font-size:9px}.task-card button{width:100%;height:29px;border:0;border-radius:6px;background:#f0f4ff;color:#3b70dd;font:700 9px Cairo;margin-top:9px;cursor:pointer}.empty-task{font-size:9px;color:#9ba6b9;border:1px dashed #cbd4e2;border-radius:9px;padding:10px;text-align:center;margin-top:8px}.movement-list{padding:4px 17px}.movement-list>div{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px dashed #e5eaf2}.movement-list>div:last-child{border:0}.movement-icon{background:#e9f3ff;color:#396ee0;border-radius:8px;width:25px;height:25px;display:grid;place-items:center}.movement-list p{margin:0;flex:1}.movement-list b,.movement-list small{display:block;font-size:10px}.movement-list small{color:var(--muted);font-size:9px}.movement-list strong{font-size:11px}.account-grid,.role-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.account-grid div{padding:13px;border:1px solid #e6ebf3;border-radius:10px;background:#fafcff}.account-grid b,.account-grid small{display:block}.account-grid b{font-size:11px}.account-grid small{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.7}.zatca-page{display:grid;gap:16px}.zatca-section{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 6px 17px #26395c08}.zatca-section>header{height:58px;display:flex;align-items:center;gap:10px;padding:0 19px;border-bottom:1px solid #eef1f6}.section-number{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#65718a;font-weight:800;font-size:11px}.zatca-section>header h3{font-size:14px;margin:0}.zatca-section>header span{margin-right:auto;color:#b88718;background:#fff7d7;padding:3px 8px;border-radius:15px;font-size:9px;font-weight:700}.section-content{padding:20px}.form-grid{display:grid;gap:15px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid label{margin:0;font-size:11px}.switch-row{display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:17px;font-size:11px}.switch-row input{display:none}.switch{height:19px;width:36px;border-radius:20px;background:#d7ddea;position:relative;transition:.2s}.switch:after{content:"";width:15px;height:15px;background:#fff;border-radius:50%;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #0d183533;transition:.2s}.switch-row input:checked+.switch{background:#1eb379}.switch-row input:checked+.switch:after{right:19px}.otp-connect{display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px;align-items:center}.otp-connect b{font-size:12px}.otp-connect p{font-size:10px;color:var(--muted);margin:4px 0 0;line-height:1.7}.otp-connect input{margin:0;text-align:center;letter-spacing:5px}.otp-connect button:disabled{opacity:.5}.environment-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.environment-cards button{background:#fafbfd;border:1px solid #e2e7ef;min-height:145px;border-radius:14px;color:#66758c;font:inherit;cursor:pointer;padding:18px;display:flex;flex-direction:column;align-items:center;gap:7px}.environment-cards button span{font-size:27px}.environment-cards button b{font-size:13px}.environment-cards button small{font-size:9px}.environment-cards button.selected{border:2px solid #2db47b;background:#f2fff8;color:#16714d;box-shadow:0 4px 14px #20a76c16}.environment-cards button.production.selected{border-color:#d5a235;background:#fffaf0;color:#9a6a0e}.activation{display:grid;grid-template-columns:1fr .7fr;gap:16px;align-items:center;background:#fbfcff;border:1px solid #edf0f6;border-radius:12px;padding:15px}.activation b{font-size:12px}.activation strong{display:inline-block;margin:0 8px;padding:3px 8px;border-radius:7px;background:#fff0f1;color:#cb4256;font-size:9px}.activation p{font-size:10px;color:var(--muted);line-height:1.8;margin:7px 0 0}.activation>div+div{display:grid;gap:7px}.save-zatca{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.save-zatca .switch-row{margin:0}.whatsapp-banner{display:flex;align-items:center;gap:13px;background:linear-gradient(100deg,#e7faf0,#f8fffb);border:1px solid #cbeedc;border-radius:15px;padding:18px;margin-bottom:17px}.wa-symbol{width:47px;height:47px;border-radius:14px;background:#19a970;color:#fff;display:grid;place-items:center}.whatsapp-banner b{font-size:14px}.whatsapp-banner p{margin:3px 0 0;font-size:10px;color:#4e7160}.on-chip,.off-chip{margin-right:auto;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:800}.on-chip{background:#d9f4e6;color:#128457}.off-chip{background:#f1f3f7;color:#78849a}.template-list{padding:7px 20px}.template-list article{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px dashed #e5eaf2}.template-list article:last-child{border:0}.template-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#e1f7ed;color:#139365}.template-list article>div:nth-child(2){flex:1}.template-list b{font-size:11px}.template-list p{font-size:10px;color:#596a80;margin:4px 0}.template-list small{font-size:9px;color:#9aa5b5}.rule-list{margin:0;padding:17px 37px 18px;line-height:2.4;color:#59687d;font-size:11px}.role-grid>div,.settings-grid article{border:1px solid #e4e9f1;border-radius:12px;padding:14px;background:#fbfcff;display:grid;gap:5px}.role-grid svg{color:#3d74e3}.role-grid b{font-size:11px}.role-grid small{font-size:9px;color:var(--muted);min-height:32px}.role-grid button,.settings-grid button{justify-self:start;border:0;background:transparent;color:#356bdd;font:700 9px Cairo;padding:0;cursor:pointer}.location-list{padding:7px 20px}.location-list>div{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:12px 0;border-bottom:1px dashed #e4e9f1}.location-list>div:last-child{border:0}.location-list span{grid-row:span 2;font-size:9px;padding:4px 6px;border-radius:5px}.location-list .factory{background:#f1eaff;color:#8053c0}.location-list .branch{background:#e8f3ff;color:#3470cf}.location-list b{font-size:11px}.location-list small{font-size:9px;color:var(--muted)}.settings-grid{grid-template-columns:repeat(3,1fr);padding:0;gap:16px}.settings-grid article{min-height:180px;background:#fff;box-shadow:0 6px 18px #26395c08}.setting-number{font-size:11px;font-weight:800;color:#4075e1}.settings-grid h3{font-size:14px;margin:4px 0}.settings-grid p{font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 8px}.profile-panel{margin-top:17px;padding:18px;display:flex;align-items:center;gap:12px}.profile-panel .large{width:43px;height:43px;font-size:18px}.profile-panel div:nth-child(2){flex:1}.profile-panel b{font-size:13px}.profile-panel p{font-size:10px;color:var(--muted);margin:3px 0}.info-note{margin:0}.form-error{margin:-5px 0 12px}.avatar.large{flex:0 0 auto}@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,1fr)}.measure-workspace{grid-template-columns:170px minmax(420px,1fr) 170px}.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.settings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.side-nav{position:fixed;z-index:10;height:100vh;transform:translate(0)}.side-nav.collapsed{transform:translate(100%)}.main-area{margin-right:76px}.side-nav:not(.collapsed)+.main-area{margin-right:255px}.topbar{margin:0}.content-wrap{padding:20px}.measure-workspace{grid-template-columns:1fr}.measure-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.measure-inputs label{margin:0}.thobe-board{order:-1}.measure-notes{grid-template-columns:1fr}.form-grid.three{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-art{padding:55px 35px}.login-art h1{font-size:30px}.login-card{margin:32px}.branch-layout{grid-template-columns:1fr}}@media(max-width:620px){.main-area,.side-nav:not(.collapsed)+.main-area{margin-right:0}.side-nav{transform:translate(100%)}.side-nav:not(.collapsed){transform:translate(0)}.topbar{padding:0 10px;height:68px}.branch-switch,.user-chip b{display:none}.searchbox{max-width:none}.content-wrap{padding:16px}.page-header{align-items:start;flex-direction:column}.page-header h1{font-size:22px}.metrics,.factory-kpis,.inventory-summary{grid-template-columns:1fr 1fr}.metric-card{padding:12px}.metric-card strong{font-size:15px}.measure-inputs{grid-template-columns:repeat(2,1fr)}.thobe-board{min-height:490px}.thobe-svg{height:430px}.board-hint{white-space:normal;width:85%;text-align:center}.form-grid.three,.environment-cards,.otp-connect,.activation{grid-template-columns:1fr}.save-zatca{align-items:start;gap:12px;flex-direction:column}.settings-grid{grid-template-columns:1fr}.whatsapp-banner{align-items:start}.whatsapp-banner .off-chip,.whatsapp-banner .on-chip{margin-right:0}.top-actions .icon-btn:last-child{display:none}.login-art{padding:45px 25px}.login-card{padding:28px;margin:18px;width:calc(100% - 36px)}}