:root{font-family:"Tahoma","Arial",sans-serif;color:#18343b;background:#eef3f2;line-height:1.5;--navy:#123c4a;--teal:#087d73;--mint:#dff4ee;--line:#d8e2df;--muted:#53666b;--white:#fff;--danger:#a63e35}
[hidden]{display:none!important}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#d9ece8,transparent 34rem),#eef3f2}
.shell{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:28px 0 56px}
.login-view{min-height:calc(100vh - 84px);display:grid;place-items:center}
.login-stage{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(420px,1.2fr);width:min(1060px,100%);min-height:690px;border:1px solid #ffffffcc;border-radius:32px;background:#f8fbfacc;box-shadow:0 30px 90px #123c4a24;overflow:hidden}
.login-context{position:relative;display:grid;align-items:end;min-height:690px;padding:46px;color:#fff;background:linear-gradient(165deg,#0c6f69dd,#123c4af2),radial-gradient(circle at 20% 20%,#7bd5c855,transparent 42%);overflow:hidden}
.login-context::before,.login-context::after{content:"";position:absolute;border:1px solid #ffffff24;border-radius:50%}
.login-context::before{width:420px;height:420px;inset:-120px auto auto -130px}
.login-context::after{width:240px;height:240px;inset:80px -130px auto auto}
.map-route{position:absolute;inset:64px 44px auto;min-height:310px;border-radius:25px;background:linear-gradient(135deg,#ffffff0d,#ffffff03)}
.map-route::before{content:"";position:absolute;inset:50px 70px;border-top:3px dashed #8de2d3;border-right:3px dashed #8de2d3;border-radius:0 80px 0 0;transform:rotate(-9deg)}
.map-route i{position:absolute;width:22px;height:22px;border:6px solid #fff;border-radius:50% 50% 50% 0;background:var(--teal);box-shadow:0 7px 20px #092d3566;transform:rotate(-45deg)}
.map-route i:nth-child(1){top:42px;right:52px}.map-route i:nth-child(2){top:130px;left:82px}.map-route i:nth-child(3){top:220px;right:95px}.map-route i:nth-child(4){top:268px;left:36px}
.login-context-copy{position:relative;z-index:1}
.context-kicker{display:inline-block;margin-bottom:10px;color:#9be4d8;font-weight:800}
.login-context h2{max-width:340px;margin:0 0 22px;font-size:2.05rem;line-height:1.45}
.login-context ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.login-context li{position:relative;padding-inline-start:24px;color:#e2f0ed}
.login-context li::before{content:"●";position:absolute;inset-inline-start:0;color:#9be4d8}
.login-workspace{display:grid;align-content:center;justify-items:center;padding:48px 54px;background:radial-gradient(circle at 80% 8%,#dff4ee,transparent 23rem),#fbfdfc}
.login-brand,.brand{display:flex;align-items:center;gap:14px}
.login-brand{justify-content:center;margin-bottom:22px}
.logo{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;color:#fff;background:linear-gradient(145deg,var(--navy),var(--teal));font-size:28px;box-shadow:0 12px 30px #123c4a33}
.login-brand p,.brand p,.eyebrow{margin:0;color:var(--teal);font-size:.8rem;font-weight:700}
.login-brand h1,.brand h1{margin:1px 0 0;font-size:1.45rem}
.login-progress{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(430px,100%);margin:0 0 16px;padding:0;list-style:none}
.login-progress::before{content:"";position:absolute;top:16px;right:24%;left:24%;height:2px;background:#d4e0dd}
.login-progress li{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;color:var(--muted);font-size:.78rem;font-weight:700}
.login-progress li span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e7efed;color:var(--navy);font-weight:800}
.login-progress[data-step="credentials"] [data-login-step="credentials"],.login-progress[data-step="verification"] li{color:var(--teal)}
.login-progress[data-step="credentials"] [data-login-step="credentials"] span,.login-progress[data-step="verification"] li span{background:var(--teal);color:#fff;box-shadow:0 6px 14px #087d7333}
.login-card{width:min(430px,100%);padding:30px;border:1px solid #ffffffcc;border-radius:25px;background:#ffffffed;box-shadow:0 24px 70px #123c4a1c}
.login-card h2{margin:0 0 5px}
.login-card>p{margin:0 0 22px;color:var(--muted)}
.login-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px}
.login-email-note{margin:12px 0 0!important;padding:11px 13px;border-radius:11px;background:#eef6f4;color:var(--muted)!important;text-align:center;font-size:.8rem}
.login-security-note{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:19px;color:var(--muted);font-size:.8rem}
.verification-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 15px;border-radius:18px;background:var(--mint);color:var(--teal);font-size:1.65rem}
#mfa-form h2,#mfa-form>p{text-align:center}
.verification-code{direction:ltr;text-align:center;letter-spacing:.5em;font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums}
.paste-code-button{width:100%;margin-top:10px}
.verification-help{margin:-7px 0 17px!important;text-align:right!important;font-size:.8rem}
.trusted-device{align-items:flex-start;margin:2px 0 18px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#f8fbfa;font-weight:700}
.trusted-device span{display:grid;gap:2px}
.trusted-device span::after{content:"لا تستخدم هذا الخيار في جهاز مشترك.";color:var(--muted);font-size:.76rem;font-weight:400}
.verification-submit{width:100%}
.verification-actions{display:grid;gap:10px;margin-top:12px}
.verification-actions .quiet{width:100%;box-shadow:none}
.verification-actions .quiet:disabled{cursor:not-allowed;opacity:.7}
.text-button{justify-self:center;border:0;background:transparent;color:var(--teal);font:inherit;font-weight:700;cursor:pointer}
.text-button:hover,.text-button:focus{text-decoration:underline}
label{display:grid;gap:7px;margin-bottom:16px;font-weight:700;font-size:.92rem}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:#17343b;padding:12px 13px;font:inherit;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087d7318}
.primary,.quiet,.danger,.tabs button{border:0;border-radius:12px;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer}
.primary,.quiet,.danger,.tabs button,a,summary{min-height:44px}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #087d73;outline-offset:3px}
.primary{color:#fff;background:linear-gradient(135deg,var(--navy),var(--teal));box-shadow:0 7px 18px #087d732b}
.primary.small{padding:9px 14px}
.quiet{color:var(--navy);background:#e7efed}
.danger{color:#fff;background:var(--danger)}
.message,.global-message{min-height:24px;color:var(--danger)}
.toast-region{position:fixed;z-index:30;inset-inline-start:20px;bottom:20px;display:grid;gap:9px;width:min(390px,calc(100% - 40px));pointer-events:none}
.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #b9d9d3;border-radius:14px;background:#f2fffb;color:var(--navy);box-shadow:0 18px 48px #123c4a2b;pointer-events:auto}
.toast.error{border-color:#efc5bf;background:#fff3f1;color:var(--danger)}
.channel-status.error{color:var(--danger);font-weight:700}
.toast button{flex:0 0 auto;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;border-radius:22px;background:#fff;box-shadow:0 12px 40px #123c4a12}
.account{display:flex;align-items:center;gap:12px;color:var(--muted)}
.account strong{color:var(--navy)}
.account-identity{display:grid;gap:2px;text-align:end}
.account-actions{position:relative;display:flex;align-items:center;gap:8px}
.connection-status{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 9px;border-radius:999px;background:#e6f5f1;color:#087269;font-size:.76rem;font-weight:800;white-space:nowrap}
.connection-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#16a37f}
.connection-status[data-online="false"]{background:#e6e9e8;color:#677575}
.connection-status[data-online="false"]:before{background:#879391}
.notification-bell-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #cbd5d3;border-radius:13px;background:#e6ebea;color:#778586;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.notification-bell-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.notification-bell-button:hover{transform:translateY(-1px);border-color:#aab8b6;background:#dde4e2}
.notification-bell-button[data-enabled="true"]{border-color:#8bc9bf;background:#e4f6f2;color:var(--teal);box-shadow:0 0 0 3px #087d7312}
.notification-bell-button:focus-visible{outline:3px solid #72c9bc;outline-offset:2px}
.notification-bell-button:disabled{opacity:.48;cursor:not-allowed;transform:none}
.notification-preferences-popover{position:absolute;z-index:20;inset-inline-end:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 28px));padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--navy);box-shadow:0 18px 48px #123c4a2b;text-align:right}
.notification-preferences-popover[hidden]{display:none}
.notification-preferences-popover header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.notification-preferences-popover header button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:#edf2f1;color:var(--navy);font:inherit;font-size:1.25rem;cursor:pointer}
.notification-preferences-popover header button,.toast button{min-width:44px;min-height:44px}
.compact-notification-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border:1px solid #cbd5d3;border-radius:12px;background:#edf1f0;color:#687778;font:inherit;font-weight:800;cursor:pointer}
.compact-notification-switch[aria-pressed="true"]{border-color:#8bc9bf;background:#e4f6f2;color:var(--teal)}
.notification-preferences-popover fieldset{display:grid;gap:9px;margin:13px 0;padding:12px;border:1px solid var(--line);border-radius:12px}
.notification-preferences-popover fieldset:disabled{opacity:.5}
.notification-preferences-popover legend{padding:0 6px;color:var(--muted);font-size:.84rem;font-weight:800}
.notification-preferences-popover label{display:flex;align-items:center;gap:9px;color:var(--navy);font-size:.91rem;cursor:pointer}
.notification-preferences-popover input{width:18px;height:18px;margin:0;accent-color:var(--teal)}
.notification-preferences-popover small{display:block;color:var(--muted);line-height:1.55}
.pwa-install-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:14px 16px;border:1px solid #b8d9d2;border-radius:16px;background:linear-gradient(135deg,#eefaf7,#fff);color:var(--navy)}
.pwa-install-card[hidden]{display:none}
.pwa-install-card p{margin:4px 0 0;color:var(--muted);font-size:.88rem;line-height:1.55}
.pwa-install-card button{flex:0 0 auto}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:18px 0}
.tabs button{display:flex;justify-content:center;align-items:center;gap:8px;min-width:0;color:#52666a;background:#dae5e2}
.tabs button.active{color:#fff;background:var(--navy)}
.main-tab-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:#ffffff78;color:currentColor;transition:background .18s ease,transform .18s ease}
.main-tab-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tabs button:hover .main-tab-icon{transform:translateY(-1px)}
.tabs button.active .main-tab-icon{background:#ffffff1f;color:#fff}
.settings-tabs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;margin:0 0 24px;padding:8px;border:1px solid var(--line);border-radius:18px;background:#eef4f2}
.settings-tabs button{grid-column:span 3;display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:58px;border:1px solid transparent;border-radius:13px;padding:9px 11px;background:transparent;color:var(--navy);font:inherit;font-weight:700;text-align:right;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.settings-tabs button:nth-child(n+5){grid-column:span 4}
.settings-tabs button:hover{border-color:#b9d8d2;background:#f8fcfb;transform:translateY(-1px)}
.settings-tabs button:focus-visible{outline:3px solid #72c9bc;outline-offset:2px}
.settings-tabs button.active{border-color:#9fd2c9;background:#fff;color:var(--teal);box-shadow:0 6px 18px #123c4a17}
.settings-tab-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:11px;background:#dce9e6;color:#365c63;transition:background .18s ease,color .18s ease,transform .18s ease}
.settings-tab-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.settings-tabs button.active .settings-tab-icon{background:var(--teal);color:#fff;transform:scale(1.04)}
.settings-pane{padding-top:4px}
.settings-pane>.panel-heading{margin-bottom:18px}
.gmail-server-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px}
.gmail-server-summary span{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.gmail-server-summary strong{color:var(--teal);font-size:.78rem}
.channel-status{margin:0 0 16px;color:var(--muted)}
.security-placeholder{margin-top:0}
.security-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:7px;border:1px solid var(--line);border-radius:16px;background:#eef4f2}
.security-tabs button{min-width:0;min-height:46px;border:0;border-radius:11px;padding:8px 10px;background:transparent;color:var(--navy);font:inherit;font-weight:700;cursor:pointer}
.security-tabs button.active{background:#fff;color:var(--teal);box-shadow:0 5px 15px #123c4a14}
.security-tabs button:disabled{cursor:not-allowed;opacity:.5}
.security-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.security-summary article{display:grid;gap:7px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fbfa}
.security-summary span,.security-event-card span,.security-event-card time{color:var(--muted);font-size:.82rem}
.security-summary strong{color:var(--navy);font-size:1.65rem}
.security-event-list{display:grid;gap:10px}
.security-event-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#f8fbfa}
.security-event-card>div{display:grid;gap:3px;min-width:0}
.security-event-card strong,.security-event-card span{overflow-wrap:anywhere}
.security-event-card time{white-space:nowrap}
.security-device-help{margin:0 0 14px}
.security-device-card{align-items:center}
.security-device-card .actions{justify-content:flex-end}
.security-current-device{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:var(--mint);color:var(--teal)!important;font-size:.75rem!important;font-weight:800}
.global-message{margin:0 5px}
.panel{padding:28px;border:1px solid #e0e8e6;border-radius:24px;background:#fff;box-shadow:0 14px 48px #123c4a0e}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.panel-heading h2{margin:2px 0 0}
.answer-assistant-heading p:last-child{margin:6px 0 0;color:var(--muted)}
.answer-assistant-notice{margin-bottom:20px}
.answer-assistant-auto-next{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #b8d9d2;border-radius:16px;background:#f1faf7;cursor:pointer}
.answer-assistant-auto-next input{flex:0 0 auto;width:20px;height:20px;margin:3px 0 0;accent-color:var(--teal)}
.answer-assistant-auto-next span{display:grid;gap:3px}
.answer-assistant-auto-next small{color:var(--muted);font-weight:400;line-height:1.6}
.answer-assistant-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px}
.answer-assistant-guide p{margin:0;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#f8fbfa;color:var(--muted);font-size:.88rem;line-height:1.6}
.answer-assistant-guide strong{color:var(--navy)}
.answer-assistant-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 12px}
.answer-assistant-list-heading h3{margin:0;color:var(--navy)}
.answer-assistant-list-heading p{margin:3px 0 0;color:var(--muted);font-size:.88rem}
.answer-assistant-list-heading>span{color:var(--teal);font-size:.8rem;font-weight:800;white-space:nowrap}
.answer-assistant-questions{display:grid;gap:14px}
.answer-assistant-question{min-width:0;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fbfdfc}
.answer-assistant-question-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.answer-assistant-question>summary.answer-assistant-question-header{cursor:pointer;list-style:none;margin-bottom:0}
.answer-assistant-question>summary.answer-assistant-question-header::-webkit-details-marker{display:none}
.answer-assistant-question>summary.answer-assistant-question-header::after{content:"＋";color:var(--muted);font-weight:700}
.answer-assistant-question[open]>summary.answer-assistant-question-header{margin-bottom:14px}
.answer-assistant-question[open]>summary.answer-assistant-question-header::after{content:"−"}
.answer-assistant-question-header h4{margin:0;color:var(--navy);font-size:1rem}
.answer-assistant-question-header small{color:var(--muted)}
.answer-assistant-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}
.answer-assistant-question-grid>*{min-width:0}
.answer-assistant-choice-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.answer-assistant-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.answer-assistant-choice>span{min-width:0;overflow-wrap:anywhere}
.answer-assistant-option-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.answer-assistant-option-actions button{min-width:38px;min-height:38px;border:1px solid var(--line);border-radius:9px;background:#f3f8f6;color:var(--navy);font:inherit;font-weight:800;cursor:pointer}
.answer-assistant-option-actions button:disabled{opacity:.5;cursor:not-allowed}
.answer-assistant-option-actions button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.answer-assistant-mode,.answer-assistant-answer{display:grid;gap:7px}
.answer-assistant-actions{display:flex;justify-content:flex-start;margin-top:12px}
.answer-assistant-form>.channel-status{min-height:24px;margin:16px 0 0}
.section-heading-copy{display:flex;align-items:center;gap:13px;min-width:0}
.section-heading-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--navy),var(--teal));color:#fff;box-shadow:0 10px 24px #087d7328}
.section-heading-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.icon-button svg,.field-label-with-icon svg{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.field-label-with-icon{display:flex;align-items:center;gap:7px}
.badge{padding:7px 11px;border-radius:999px;color:#09685f;background:var(--mint);font-size:.78rem;font-weight:700}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.form-grid .wide{grid-column:1/-1}
.settings-subsection{min-width:0;margin:0 0 18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#f8fbfa}
.settings-subsection legend{padding:0 8px;color:var(--navy);font-weight:800}
.settings-subsection>p{margin:0 0 16px;color:var(--muted);font-size:.9rem}
.settings-subsection>label:last-of-type{margin-bottom:12px}
.settings-subsection .photo-order{margin-bottom:0}
.check{display:flex;align-items:center;gap:9px}
.check input{width:18px;height:18px;margin:0}
.photo-order{margin:3px 0 20px;padding:18px;border-radius:16px;background:#f3f8f7}
.photo-order p{margin:5px 0 0;color:var(--muted);font-size:.86rem}
.photo-order ol{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:13px 0 0;padding:0;list-style-position:inside}
.photo-order li{padding:10px;border-radius:11px;background:#fff;border:1px solid var(--line)}
.card{margin:0 0 22px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#f8fbfa}
.actions{display:flex;gap:10px}
.actions a.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.import-card{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:14px;margin-bottom:20px;padding:18px;border:1px dashed #80aaa3;border-radius:18px;background:#f1f9f7}
.import-card>div:first-child{grid-column:1/-1;min-width:0}
.import-card p{margin:3px 0 0;color:var(--muted)}
.import-actions{justify-content:flex-start;flex-wrap:wrap}
.import-actions button,.import-card>button{white-space:nowrap}
.wide-help{grid-column:1/-1;color:var(--muted)}
.import-preview{padding:16px;border:1px solid #b9d9d3;border-radius:14px;background:#fff}
.import-preview header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.import-preview header span{color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}
.import-preview-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.import-preview-counts span{display:grid;gap:3px;padding:10px;border-radius:10px;background:#f3f8f7}
.import-preview-counts small{color:var(--muted)}
.import-preview-counts b{color:var(--navy);font-size:1.18rem}
.import-preview ul{margin:12px 0 0;padding-inline-start:20px;color:var(--danger);font-size:.84rem}
.file-picker{margin:0;min-width:180px}
.file-picker input{padding:8px;background:#fff}
.record-status-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.record-status-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:#edf3f1;color:var(--navy);font:inherit;font-weight:700;cursor:pointer}
.record-status-tabs button.active{border-color:var(--teal);background:var(--navy);color:#fff}
.record-status-tabs span{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#fff;color:var(--navy);font-size:.82rem}
.record-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:18px 0;flex-wrap:wrap}
.record-toolbar-controls{display:grid;grid-template-columns:minmax(260px,440px) minmax(150px,190px) auto;align-items:end;gap:12px;width:min(850px,100%)}
.record-toolbar label{margin:0}
.record-sort select{min-height:47px}
.location-control-stack{display:grid;gap:6px;align-items:start}
.record-location-button{min-height:32px;padding:5px 10px;font-size:.76rem;white-space:nowrap;justify-self:start}
.location-tracking-option{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:47px;margin:0;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:#f6faf9;cursor:pointer;font:inherit;text-align:right;color:inherit}
.location-tracking-option .toggle-copy{display:grid;gap:1px}
.location-tracking-option strong{color:var(--navy);font-size:.86rem}
.location-tracking-option small{color:var(--muted);font-size:.72rem}
.location-tracking-option[aria-pressed="true"]{border-color:#71bdb3;background:#eaf8f5}
.record-toolbar>span{color:var(--muted)}
.record-location-status{flex:0 1 auto;width:auto;max-width:min(520px,100%);margin:0;padding:6px 10px;border:1px solid #a9d5ce;border-radius:999px;background:#eff9f7;color:#087d73;font-size:.82rem;font-weight:700;line-height:1.4}
.record-location-status.error{border-color:#edb8b2;background:#fff3f1;color:var(--danger)}
.survey-cards{display:grid;gap:14px}
.survey-card{width:100%;padding:0;border:1px solid var(--line);border-right:5px solid var(--teal);border-radius:18px;background:#fff;text-align:right;color:inherit;font:inherit;box-shadow:0 8px 24px #123c4a0b;transition:.18s ease;overflow:hidden}
.survey-card:hover,.survey-card:focus-within{border-color:#72a59d;box-shadow:0 12px 30px #123c4a18;transform:translateY(-1px)}
.survey-card-open{display:block;width:100%;padding:14px 16px;border:0;background:#fff;text-align:right;color:inherit;font:inherit;cursor:pointer}
.record-primary-label{display:block;width:100%;margin-top:8px;padding:9px 14px;border-radius:12px;background:var(--primary,#087d73);color:#fff;font-weight:800;text-align:center}
.record-more{width:100%;margin-top:0;border-top:0;padding-top:0}
.record-more summary{cursor:pointer;font-weight:700;color:#315c57}
.record-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.record-more-grid span{display:grid;gap:2px}
.transfer-history{margin:8px 0 0;padding-inline-start:20px;font-size:.82rem;color:#536b68}
.survey-card header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.survey-card header strong{display:flex;direction:rtl;gap:14px;color:#18578c;font-size:1rem}
.survey-card header strong span{display:grid;gap:1px;min-width:0}
.survey-card header strong small{color:var(--muted);font-size:.7rem;font-weight:700}
.survey-card header strong b{direction:ltr;font-size:1rem;overflow-wrap:anywhere}
.survey-card-badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.record-distance{padding:7px 10px;border-radius:999px;font-size:.8rem;font-weight:800;white-space:nowrap}
.record-distance[data-distance-level="near"]{background:#e7f7ed;color:#187342}
.record-distance[data-distance-level="medium"]{background:#fff1d7;color:#9a5700}
.record-distance[data-distance-level="far"]{background:#fde8e5;color:#a9362b}
.record-distance[data-distance-level="unknown"]{background:#edf1f2;color:#66767b}
.survey-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.survey-card-grid span{display:grid;gap:2px}
.survey-card-grid small{color:var(--muted)}
.android-transfer-notice{margin:0 0 20px}
.android-transfer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 16px;border-top:1px solid var(--line);background:#f5f9f8}
.android-transfer-row>div{display:grid;gap:2px}
.android-transfer-row small{color:var(--muted)}
.android-transfer-row .android-transfer-error{max-width:720px;color:var(--danger);font-size:.8rem;line-height:1.6;overflow-wrap:anywhere}
.record-card-actions{display:flex!important;grid-auto-flow:column;align-items:center;justify-content:flex-end;gap:9px}
.record-navigation-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid #8bc7bf;border-radius:11px;background:#fff;color:#087d73;text-decoration:none;font-size:.86rem;font-weight:800;white-space:nowrap}
.record-navigation-action:hover,.record-navigation-action:focus-visible{border-color:var(--teal);background:#eaf7f5;color:#075f58}
.record-stage{padding:7px 11px;border-radius:999px;background:#e7efed;color:var(--navy);font-size:.82rem;font-weight:800}
.record-stage[data-stage="ready"],.record-stage[data-stage="transferred"]{background:var(--mint);color:#09685f}
.missing-details{margin-top:8px}
.missing-details summary{color:var(--muted);font-size:.82rem;font-weight:700;cursor:pointer}
.missing-details p{margin:7px 0 0;color:var(--muted);font-size:.8rem;line-height:1.6}
.android-transfer-state{padding:7px 11px;border-radius:999px;background:#e7efed;color:var(--navy);font-size:.82rem;font-weight:700}
.android-transfer-state[data-transfer-state="queued"]{background:#fff1ca;color:#795800}
.android-transfer-state[data-transfer-state="transferred"]{background:var(--mint);color:#09685f}
.android-transfer-state[data-transfer-state="failed"],.android-transfer-state[data-transfer-state="blocked"],.android-transfer-state[data-transfer-state="paused"]{background:#fde7e4;color:var(--danger)}
.stop-action{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}
.record-dialog{width:min(760px,calc(100% - 22px));max-height:88vh;padding:28px;border:0;border-radius:22px;box-shadow:0 30px 90px #102f3980;overflow:auto}
.record-dialog::backdrop{background:#0c29318c}
.dialog-close{position:sticky;z-index:6;top:0;float:left;width:44px;height:44px;border:0;border-radius:50%;font-size:1.5rem;cursor:pointer}
.record-dialog-header{position:sticky;z-index:9;top:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px 10px;margin:-10px -10px 0;padding:10px;border-bottom:1px solid var(--line);background:#fff}
.record-dialog-header .dialog-close{position:static;float:none;background:#eef4f2;color:var(--navy)}
.record-dialog-header-title{min-width:0;justify-self:start;font-size:1rem}
.record-dialog-identifiers{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;padding:4px 0 0}
.record-dialog-identifier{display:grid;align-content:center;gap:4px;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#f5f9f7}
.record-dialog-identifier-activity{background:#e9f5f1;border-color:#c7e0d8}
.record-dialog-identifier strong,.record-dialog-identifier bdi{display:block;min-width:0;color:var(--navy);font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.35;text-align:right;overflow-wrap:anywhere}
.record-dialog-header small{color:var(--muted);font-size:.72rem}
.record-dialog-header strong{overflow:hidden;color:var(--navy);text-overflow:ellipsis;white-space:nowrap}
.record-dialog-identifier strong{overflow:visible;text-overflow:clip;white-space:normal}
.record-dialog-menu-button{min-width:76px;min-height:44px;padding:8px 12px}
.record-dialog-main-menu{position:relative;z-index:8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0 12px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#eef4f2;box-shadow:0 10px 24px #123c4a18}
.record-dialog-main-menu[hidden]{display:none}
.record-dialog-main-menu button{min-height:44px;border:0;border-radius:10px;background:#fff;color:var(--navy);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}
.dialog-heading{padding-inline-end:54px;margin-bottom:20px}
.dialog-heading h2{margin:2px 0 4px;color:var(--navy)}
.dialog-heading p:last-child{margin:0;color:var(--muted)}
.dialog-actions{position:sticky;bottom:0;z-index:5;padding:14px 0 2px;background:linear-gradient(0deg,#fff 75%,transparent)}
.mobile-optional-fields{margin:2px 0 16px;border:1px solid var(--line);border-radius:15px;background:#f8fbfa;overflow:hidden}
.mobile-optional-fields>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;color:var(--navy);cursor:pointer;list-style:none;font-weight:800}
.mobile-optional-fields>summary::-webkit-details-marker{display:none}
.mobile-optional-fields>summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7efed;color:var(--teal);font-size:1.2rem}
.mobile-optional-fields[open]>summary::after{content:"−"}
.mobile-optional-fields>summary small{margin-inline-start:auto;color:var(--muted);font-weight:400}
.mobile-optional-fields>.form-grid{padding:16px 16px 0;border-top:1px solid var(--line)}
.form-error{margin:0 0 12px;padding:11px 13px;border-radius:11px;background:#fff0ed;color:var(--danger);font-weight:700}
.field-invalid{border-color:var(--danger)!important;box-shadow:0 0 0 3px #a63e3518!important}
.record-dialog-tabs{position:relative;z-index:7;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 18px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#eef4f2}
.record-dialog-tabs button{min-height:44px}
.record-dialog-tabs button:not(.active){box-shadow:none}
.record-workspace-dialog [data-record-dialog-pane]{min-width:0}
.record-detail h2{margin:0 0 18px;color:var(--navy)}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.detail-grid div{padding:12px;border-radius:12px;background:#f3f8f7}
.detail-grid dt{color:var(--muted);font-size:.8rem}
.detail-grid dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}
.source-details{margin-top:18px}
.source-details summary{cursor:pointer;color:var(--teal);font-weight:700}
.stored-photos{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fbfa}
.stored-photos h3{margin:0 0 12px;color:var(--navy)}
.stored-photo-actions{display:flex;flex-wrap:wrap;gap:9px}
.stored-photo-preview{margin-top:14px}
.stored-photo-preview figure{margin:0}
.stored-photo-preview img{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:13px;background:#e8efed}
.stored-photo-preview figcaption{margin-top:8px;color:var(--muted);font-weight:700}
.activity-history{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fbfa}
.activity-history summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--navy);font-weight:800;cursor:pointer;list-style:none}
.activity-history summary::-webkit-details-marker{display:none}
.activity-history summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7efed;color:var(--teal);font-size:1.2rem}
.activity-history[open] summary::after{content:"−"}
.activity-history summary span{margin-inline-start:auto;color:var(--muted);font-size:.78rem;font-weight:700}
.activity-history[open] summary{margin-bottom:12px}
.activity-history ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.activity-history li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:12px;background:#fff}
.activity-history li div{display:grid;gap:2px}
.activity-history li span,.activity-history time{color:var(--muted);font-size:.78rem}
.transfer-log{margin:0 14px 14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbfa}
.transfer-log summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--navy);font-weight:800;cursor:pointer}
.transfer-log summary .transfer-log-count{color:var(--muted);font-size:.78rem;font-weight:600}
.transfer-log-content{margin-top:10px;line-height:1.6}
.transfer-log-content ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.transfer-log-event{padding:10px 12px;border:1px solid var(--line);border-inline-start:4px solid var(--teal);border-radius:11px;background:#fff}
.transfer-log-event-stopped{border-color:#e9b6b6;border-inline-start-color:var(--danger);background:#fff4f3}
.transfer-log-event-heading,.transfer-log-event-meta,.transfer-log-event-details{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.transfer-log-event-heading{justify-content:space-between;color:var(--navy)}
.transfer-log-event-heading strong{font-size:.88rem}
.transfer-log-status{font-size:.76rem;font-weight:800}
.transfer-log-event-stopped .transfer-log-status{color:var(--danger)}
.transfer-log-event-meta,.transfer-log-event-details{margin-top:5px;color:var(--muted);font-size:.76rem}
.transfer-log-event-details span{overflow-wrap:anywhere}
.operations-section,.danger-zone{margin-top:24px;border:1px solid var(--line);border-radius:18px;background:#f8fbfa;overflow:hidden}
.operations-section>summary,.danger-zone>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}
.operations-section>summary::-webkit-details-marker,.danger-zone>summary::-webkit-details-marker{display:none}
.operations-section>summary span:first-child{display:grid;gap:3px}
.operations-section>summary small,.danger-zone>summary span{color:var(--muted)}
.operations-section[open]{padding:0 18px 18px}
.operations-section[open]>summary{margin:0 -18px 18px;border-bottom:1px solid var(--line);background:#eef6f4}
.settings-data-import{padding:18px}
.operations-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#f8fbfa}
.operations-card h3{margin:2px 0 4px;color:var(--navy)}
.operations-card p:last-child{margin:0;color:var(--muted)}
.android-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.android-control-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff;cursor:pointer;font:inherit;text-align:right;color:inherit}
.android-control-option .toggle-copy{display:grid;gap:4px}
.android-control-option strong{color:var(--navy)}
.android-control-option small{color:var(--muted);line-height:1.6}
.android-control-option[aria-pressed="true"]{border-color:#71bdb3;background:#eaf8f5}
.toggle-state{display:inline-flex!important;align-items:center;justify-content:center;min-width:58px;padding:6px 10px;border-radius:999px;background:#e8edef;color:var(--muted);font-size:.78rem;font-weight:800;white-space:nowrap}
[role="switch"][aria-pressed="true"] .toggle-state{background:var(--teal);color:#fff}
[role="switch"]:disabled{cursor:not-allowed;opacity:.58}
.android-control-option.compact{padding:10px 12px;min-width:260px}
.danger-zone{border-color:#ecc9c4;background:#fff8f7}
.danger-zone>summary{color:var(--danger)}
.danger-zone[open]>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 20px 18px}
.danger-zone p{margin:0;color:var(--muted)}
.backup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.backup-summary article{display:grid;gap:7px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fbfa}
.backup-summary span,.backup-row span{color:var(--muted);font-size:.82rem}
.backup-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.backup-policy-card{display:grid;align-content:start;gap:13px;margin:0}
.backup-policy-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.backup-policy-card header p{margin:5px 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}
.backup-policy-card label:not(.check),.backup-manual-retention{display:grid;gap:6px}
.backup-manual-retention{align-self:end}
.backup-list{display:grid;gap:10px;margin-top:18px}
.backup-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#f8fbfa}
.backup-row>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.backup-row>div:first-child{display:grid;gap:3px}
.empty{text-align:center;color:var(--muted);padding:26px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.metrics article{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#f8fbfa}
.metrics article>div{display:grid;gap:4px;min-width:0}
.metrics span{color:var(--muted)}
.metrics strong{font-size:2rem;color:var(--navy)}
.metric-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:#dff1ed;color:var(--teal)!important}
.metric-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.notice{margin-top:18px;padding:18px;border-radius:16px;background:#fff8e8;border:1px solid #f0dfb4}
.notice p,.intro{color:var(--muted)}
.mobile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.mobile-card{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}
.mobile-card header{display:flex;justify-content:space-between;gap:12px}
.mobile-card p{direction:ltr;text-align:right;margin:8px 0;color:var(--navy);font-weight:700}
.mobile-card small{color:var(--muted)}
.android-settings-card p{margin:7px 0 0;color:var(--muted)}
.settings-main-heading,.settings-section-heading{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#f2faf8,#fff);box-shadow:0 10px 28px #123c4a0a}
.settings-main-heading p,.settings-section-heading p,.data-hero p{margin:5px 0 0;color:var(--muted)}
.settings-feature-card,.channel-settings-card{border-color:#cfe2de;background:linear-gradient(180deg,#fff,#f8fcfb);box-shadow:0 12px 30px #123c4a0b}
.setting-switch-card{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:inherit;text-align:right;font:inherit;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.setting-switch-card:hover{transform:translateY(-1px);border-color:#9acfc6}
.setting-switch-card[aria-pressed="true"]{border-color:#71bdb3;background:#eaf8f5}
.setting-switch-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:#e6f1ee;color:var(--teal)}
.setting-switch-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.setting-switch-card[aria-pressed="true"] .setting-switch-icon{background:var(--teal);color:#fff}
.setting-switch-card .toggle-copy{display:grid;flex:1;gap:4px}
.setting-switch-card .toggle-copy strong{color:var(--navy)}
.setting-switch-card .toggle-copy small{color:var(--muted);line-height:1.55}
.notification-settings-card{display:grid;gap:12px;margin-top:16px;border-color:#cfe2de;background:linear-gradient(180deg,#fff,#f8fcfb)}
.notification-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}
.notification-settings-actions p{margin:0;color:var(--muted)}
.security-pane #security-content,.settings-data-import{border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbfa)}
.security-tabs{padding:7px;border:1px solid var(--line);border-radius:15px;background:#eef4f2}
.data-hero{padding:18px 20px;border:1px solid #cfe2de;border-radius:19px;background:linear-gradient(135deg,#edf8f5,#fff);box-shadow:0 12px 30px #123c4a0c}
.user-credentials-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:15px;border:1px solid #b9dbd4;border-radius:16px;background:linear-gradient(135deg,#f2fbf8,#fff)}
.user-credentials-row label{margin:0}
.field-muted{opacity:.62}
.backup-row-actions{flex-wrap:wrap;justify-content:flex-end}
.android-bridge-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.android-bridge-status-grid span{display:grid;gap:4px;padding:13px;border-radius:12px;background:#f3f8f7}
.android-bridge-status-grid small{color:var(--muted)}
.android-bridge-status-grid strong{overflow-wrap:anywhere;color:var(--navy)}
.android-bridge-token code{display:block;margin:12px 0;padding:12px;border-radius:10px;background:#fff;overflow-wrap:anywhere;user-select:all}
.android-bridge-actions{flex-wrap:wrap;margin-top:16px}
.permission-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#f8fbfa}
.permission-options legend{padding:0 8px;color:var(--navy);font-weight:700}
.permission-options label{margin:0;padding:11px;border:1px solid transparent;border-radius:13px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.permission-options label:hover{border-color:#acd3cc;box-shadow:0 7px 18px #123c4a0c;transform:translateY(-1px)}
.permission-option{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px}
.permission-option input{accent-color:var(--teal)}
.permission-option-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e6f1ee;color:#37656b}
.permission-option-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.permission-option:has(input:checked){border-color:#9fd2c9;background:#fafffd}
.permission-option:has(input:checked) .permission-option-icon{background:var(--teal);color:#fff}
.permission-option-copy{display:grid;gap:2px;min-width:0}
.permission-option-copy strong{color:var(--navy);font-size:.86rem}
.permission-option-copy small{color:var(--muted);font-size:.72rem;font-weight:400}
.nested-fields{gap:0 18px;margin-bottom:16px;padding:16px;border-radius:15px;background:#eef6f4}
.team-member-form{border-color:#cfe2de;background:linear-gradient(180deg,#fbfefd,#fff)}
.primary-user-email{padding:15px 16px;border:1px solid #b9dbd4;border-radius:15px;background:linear-gradient(135deg,#f2fbf8,#fff)}
.primary-user-email>span{color:var(--navy);font-weight:800}
.primary-user-email small{display:block;margin-top:6px;color:var(--muted);font-size:.76rem}
.account-state-option{align-self:end;min-height:46px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#f8fbfa}
.shared-email-note{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid #c7e1dc;border-radius:12px;background:#f8fffd;color:#315c62;font-weight:700}
.shared-email-note svg{flex:0 0 auto;width:20px;height:20px;fill:none;stroke:var(--teal);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.team-form-heading{display:flex;align-items:center;gap:12px;margin:-2px 0 6px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.team-form-heading h3,.team-form-heading p{margin:0}
.team-form-heading p{color:var(--muted);font-size:.82rem}
.team-form-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:var(--mint);color:var(--teal)}
.team-form-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.team-member-list{margin-top:18px}
.team-member-card{display:grid;gap:13px;border-color:#d4e4e1;background:linear-gradient(180deg,#fff,#f9fcfb);box-shadow:0 9px 24px #123c4a0a}
.team-member-card header{align-items:center}
.team-member-card header>div{min-width:0}
.team-member-card header p{margin:3px 0 0}
.team-member-card button{justify-self:start}
.team-member-identity{display:flex;align-items:center;gap:11px;min-width:0}
.team-member-avatar{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--navy),var(--teal));color:#fff}
.team-member-avatar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.team-member-title{display:grid;gap:2px;min-width:0}
.team-member-title strong,.team-member-title p{overflow-wrap:anywhere}
.team-member-status{display:flex;align-items:center;gap:6px;color:var(--teal);font-size:.76rem;font-weight:800}
.team-member-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#1f9d77;box-shadow:0 0 0 3px #1f9d7718}
.team-member-status.inactive{color:var(--muted)}
.team-member-status.inactive::before{background:#95a3a5;box-shadow:none}
.permission-chips{display:flex;flex-wrap:wrap;gap:7px}
.permission-chips span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#eef4f2;color:var(--navy);font-size:.76rem;font-weight:700}
.permission-chips span.disabled{color:#7f8d90;background:#f1f3f3}
.permission-chips svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.team-member-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px;border-top:1px solid #e8efed}
.team-member-meta small{line-height:1.65}
.team-member-card .actions{margin-top:0}
.team-member-card .icon-button svg{width:16px;height:16px}
.team-member-actions{display:flex;flex-wrap:wrap;gap:8px}
.team-member-actions .danger{box-shadow:none}
.member-block-button{color:#805b16;background:#fff8e7;border-color:#ecd69d}
@media(max-width:900px){.login-stage{grid-template-columns:1fr;width:min(560px,100%);min-height:0}.login-context{display:none}.login-workspace{padding:42px}}
@media(max-width:720px){.shell{width:min(100% - 18px,1180px);padding-top:10px}
.login-view{min-height:calc(100vh - 20px)}
.login-stage{border-radius:22px}
.login-workspace{padding:30px 18px 24px}
.login-brand{margin-bottom:18px}
.login-brand .logo{width:48px;height:48px}
.login-brand h1{font-size:1.25rem}
.login-progress{margin-bottom:13px}
.login-card{padding:24px 20px;border-radius:20px}
.login-security-note{margin-top:15px}
.topbar,.panel-heading{align-items:flex-start}
.topbar{align-items:stretch;flex-direction:column;border-radius:17px}
.account{align-items:stretch;flex-direction:column;gap:5px;width:100%;min-width:0}
.account-identity{width:100%;min-width:0;text-align:start}
.account-identity strong{overflow-wrap:anywhere}
.account-actions{flex-wrap:nowrap;gap:6px;width:100%;min-width:0}
.account-actions #clear-my-device-drafts-button{flex:1 1 auto;min-width:0;padding-inline:8px;font-size:.78rem;line-height:1.2;white-space:normal}
.account-actions #logout-button{flex:0 0 auto;padding-inline:10px}
.notification-bell-button{width:42px;height:42px;flex-basis:42px}
.tabs{position:sticky;top:5px;z-index:4;gap:5px}
.tabs button{display:grid;padding:9px 3px;font-size:.78rem}
.panel{padding:20px 15px}
.form-grid,.metrics,.mobile-list,.detail-grid,.backup-summary,.backup-policy-grid{grid-template-columns:1fr}
.form-grid .wide{grid-column:auto}
.photo-order ol{grid-template-columns:1fr 1fr}
.brand h1{font-size:1.05rem}
.brand .logo{width:42px;height:42px}
.account #workspace-name{display:none}
.import-card{grid-template-columns:1fr;align-items:stretch}
.import-card>div:first-child,.wide-help{grid-column:1}
.import-actions{display:grid;grid-template-columns:1fr}
.import-preview header{align-items:flex-start;flex-direction:column}.import-preview-counts{grid-template-columns:1fr 1fr}
.permission-options{grid-template-columns:1fr}
.settings-tabs{grid-template-columns:1fr 1fr}
.settings-tabs button,.settings-tabs button:nth-child(n+5){grid-column:auto;min-height:60px;padding:8px 9px}
.settings-tabs button:last-child{grid-column:1/-1}
.settings-tab-icon{width:34px;height:34px}
.security-tabs{grid-template-columns:1fr 1fr}.security-summary{grid-template-columns:1fr 1fr}.security-event-card{grid-template-columns:1fr}.security-event-card time{white-space:normal}
.backup-row{grid-template-columns:1fr}
.backup-row .actions{width:100%}
.backup-row .actions>*{flex:1;text-align:center}
.settings-pane,.settings-pane form,.settings-pane .card{min-width:0}
.settings-pane .actions{flex-wrap:wrap}
.settings-pane .actions>*{min-width:0;max-width:100%}
.gmail-server-summary{grid-template-columns:1fr}
.survey-card-grid{grid-template-columns:1fr 1fr}
.record-toolbar{align-items:stretch;flex-direction:column}
.record-status-tabs{grid-template-columns:1fr}
.data-actions,.android-transfer-row,.operations-card,.danger-zone[open]>div{align-items:stretch;flex-direction:column}
.android-control-grid{grid-template-columns:1fr}
.android-control-option.compact{min-width:0;width:100%}
}

.record-dialog{width:min(900px,calc(100% - 22px))}
.survey-response-form{min-width:0}
.survey-response-form h3{margin:0 0 18px;color:var(--navy)}
.survey-wizard-progress{margin-bottom:20px;padding:16px;border-radius:16px;background:#f3f8f7}
.survey-wizard-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.survey-wizard-progress span{color:var(--muted);font-size:.84rem}
.survey-wizard-progress progress{display:block;width:100%;height:10px;accent-color:var(--teal)}
.mobile-auto-advance{display:flex;margin:12px 0 0;color:var(--navy);font-size:.82rem}
.survey-step{min-height:150px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#f8fbfa}
.survey-step.form-grid{align-content:start}
.survey-step label{margin-bottom:0}
.survey-location-step,.survey-review{display:grid;align-content:start;gap:13px}
.survey-location-step h4,.survey-review h4{margin:0;color:var(--navy);font-size:1.08rem}
.survey-location-step p,.survey-location-step small,.survey-review p{margin:0;color:var(--muted)}
.survey-location-step .primary{width:max-content;text-decoration:none}
.survey-location-step label{display:grid;gap:8px;font-weight:700;color:var(--navy)}
.survey-location-step select{width:100%;min-height:48px}
#survey-field-location-controls{display:grid;gap:8px}
#survey-field-location-controls[hidden]{display:none}
#survey-field-location-controls button{width:100%;min-height:48px}
.survey-wizard-actions{position:sticky;z-index:5;bottom:0;align-items:center;flex-wrap:wrap;margin:16px -10px -12px;padding:14px 10px 12px;border-top:1px solid var(--line);background:#fff}
.survey-wizard-actions button:disabled{cursor:not-allowed;opacity:.45}
.photo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:16px}
.photo-fields legend{padding:0 8px;color:var(--navy);font-weight:700}
.pinned-photo-fields{display:block;margin:10px 0 22px;background:#f8fbfa}
.photo-fields-help{margin:0 0 12px;color:var(--muted);font-size:.9rem}
.photo-batch-capture{max-width:520px}
.pinned-photo-fields>progress{display:block;width:100%;height:8px;margin:12px 0;accent-color:var(--teal)}
.pinned-photo-fields>small{display:block;margin-top:9px;color:var(--muted)}
.survey-photo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.photo-slot{position:relative;display:grid;align-content:start;gap:7px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff}
.photo-slot>strong{color:var(--navy);font-size:.88rem}
.photo-slot>small{color:var(--muted);font-size:.75rem}
.photo-slot>small.saved{color:var(--teal);font-weight:700}
.photo-slot-empty{display:grid;place-items:center;min-height:84px;border:1px dashed #b8cbc6;border-radius:10px;background:#f8fbfa;color:var(--muted);font-size:.8rem}
.photo-preview-trigger{display:grid;place-items:center;width:100%;min-height:84px;padding:0;overflow:hidden;border:1px solid #d9e5e1;border-radius:10px;background:#f4f8f7;color:var(--teal);cursor:pointer}
.photo-preview-trigger img{display:block;width:100%;height:100px;object-fit:cover}
.photo-preview-trigger span{padding:12px;text-align:center;font-size:.8rem}
.photo-delete-button{position:absolute;top:6px;left:6px;z-index:2;display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #b42318;border-radius:50%;background:#fff;color:#b42318;font-size:1.65rem;font-weight:800;line-height:1}
.survey-photo-preview-dialog{width:min(900px,calc(100% - 28px));max-width:900px;max-height:90dvh;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}
.survey-photo-preview-dialog::backdrop{background:#102e35b8}
.survey-photo-preview-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.survey-photo-preview-dialog h2{margin:0;font-size:1.05rem}
.survey-photo-preview-dialog>img{display:block;width:100%;max-height:75dvh;margin-top:12px;object-fit:contain;background:#f3f7f6;border-radius:12px}
.photo-upload-card{display:grid;align-content:start;gap:9px;min-width:0;padding:12px;border-radius:14px;background:#f3f8f7}
.photo-capture{display:grid;place-items:center;min-height:48px;margin:0;padding:10px;border:1px dashed #80aaa3;border-radius:11px;background:#fff;color:var(--teal);cursor:pointer;text-align:center}
.photo-capture input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.photo-capture:focus-within{outline:3px solid #087d73;outline-offset:3px}
.photo-upload-card img{display:block;width:100%;height:150px;object-fit:cover;border-radius:11px;background:#e8efed}
.photo-upload-card progress{width:100%;height:8px;accent-color:var(--teal)}
.photo-upload-card button{justify-self:start}
.photo-fields small{color:var(--muted)}
.photo-fields small.saved{color:var(--teal);font-weight:700}
.save-message{min-height:25px;color:var(--teal);font-weight:700}
.detailed-report{display:grid;gap:15px;margin-top:20px}
.report-record{padding:18px;border:1px solid var(--line);border-radius:17px}
.report-record>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:12px}
.report-record h3{margin:0 0 10px}
.report-record header span{color:var(--teal);font-weight:700}
.report-actions{align-items:end;flex-wrap:wrap}
.report-filter{min-width:170px;margin:0;font-size:.8rem}
.report-filter select{padding:9px 11px}
/* order 924: never let a native date placeholder (يوم/شهر/سنة) inherit an LTR override; each segment takes its direction from its own text. */
.report-filter input[type="date"]{direction:ltr;unicode-bidi:isolate;text-align:left;font-variant-numeric:tabular-nums}
.report-filter input[type="date"]::-webkit-datetime-edit,.report-filter input[type="date"]::-webkit-datetime-edit-fields-wrapper,.report-filter input[type="date"]::-webkit-datetime-edit-text,.report-filter input[type="date"]::-webkit-datetime-edit-day-field,.report-filter input[type="date"]::-webkit-datetime-edit-month-field,.report-filter input[type="date"]::-webkit-datetime-edit-year-field{unicode-bidi:plaintext;transform:none}
@media(max-width:720px){.photo-fields{grid-template-columns:1fr}.survey-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-batch-capture{max-width:none}.record-dialog{width:100%;max-width:none;max-height:100dvh;height:100dvh;padding:0 12px calc(12px + env(safe-area-inset-bottom));border-radius:0}.record-dialog-header{top:0;margin:0 -12px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;grid-template-columns:44px 1fr auto}.record-dialog-main-menu{top:calc(61px + env(safe-area-inset-top));grid-template-columns:1fr 1fr}.record-dialog-tabs{top:calc(61px + env(safe-area-inset-top));margin:8px 0 14px}.survey-response-form .actions{flex-wrap:wrap}.survey-wizard-progress{position:sticky;z-index:4;top:calc(122px + env(safe-area-inset-top));margin-inline:-4px;padding:12px;background:#f3f8f7f5;box-shadow:0 7px 18px #123c4a0d}.survey-wizard-progress>div{align-items:flex-start;flex-direction:column;gap:3px}.mobile-auto-advance{display:flex}.survey-step{min-height:190px;padding:16px}.survey-step input,.survey-step select,.survey-step textarea{min-height:54px;font-size:16px}.survey-step label>span{font-size:1rem}.survey-wizard-actions{display:grid;grid-template-columns:1fr 1fr;margin-inline:-12px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 24px #123c4a16}.survey-wizard-actions button{width:100%;min-height:48px}.new-record-dialog .form-grid{grid-template-columns:1fr}.new-record-dialog .wide{grid-column:auto}.new-record-dialog input,.new-record-dialog select,.new-record-dialog textarea{min-height:52px;font-size:16px}.new-record-dialog .dialog-actions{display:grid;grid-template-columns:2fr 1fr}.mobile-optional-fields>summary{align-items:flex-start}.mobile-optional-fields>summary small{display:block}.mobile-optional-fields>.form-grid{padding:14px 14px 0}.record-toolbar{align-items:stretch;flex-direction:column}.record-toolbar-controls{grid-template-columns:1fr;width:100%}.record-toolbar>span{align-self:flex-end}.location-tracking-option{width:100%}.record-location-button{width:auto}.survey-card header{align-items:flex-start}.survey-card-badges{max-width:46%}.operations-section>summary,.danger-zone>summary{align-items:flex-start;flex-direction:column}.settings-pane .actions{display:grid;grid-template-columns:1fr;width:100%}.settings-pane .actions>*{width:100%}.toast-region{inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto}.survey-card-grid{grid-template-columns:1fr 1fr}.record-status-tabs{grid-template-columns:1fr 1fr}}
@media(display-mode:standalone){body{min-height:100svh;padding-top:env(safe-area-inset-top);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.shell{min-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.tabs{top:calc(5px + env(safe-area-inset-top))}}
@media(max-width:720px){.android-bridge-status-grid{grid-template-columns:1fr}.android-bridge-actions{display:grid;grid-template-columns:1fr}}
@media(max-width:720px){.tabs{grid-template-columns:repeat(5,minmax(116px,1fr));overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.tabs button{min-height:66px}.answer-assistant-heading{align-items:flex-start;flex-direction:column}.answer-assistant-guide,.answer-assistant-question-grid{grid-template-columns:1fr}.answer-assistant-list-heading{align-items:flex-start;flex-direction:column;gap:5px}.answer-assistant-question{padding:14px}.answer-assistant-actions .primary{width:100%}}
@media(max-width:720px){.action-heading{align-items:stretch;flex-direction:column}.action-heading>.actions{width:100%}.data-actions{display:grid;grid-template-columns:1fr 1fr}.data-actions>*{width:100%}.report-actions{display:grid;grid-template-columns:1fr 1fr}.report-actions .report-filter{grid-column:1/-1;width:100%}.report-actions .icon-button{width:100%}.metrics article{min-height:114px}.team-member-meta{align-items:flex-start;flex-direction:column}.team-member-status{align-self:flex-start}}
@media(max-width:720px){.user-credentials-row{grid-template-columns:1fr}.setting-switch-card{align-items:flex-start;flex-wrap:wrap}.setting-switch-card .toggle-state{margin-inline-start:auto}.notification-settings-actions{align-items:stretch;flex-direction:column}.notification-settings-actions button{width:100%}.settings-main-heading,.settings-section-heading,.data-hero{padding:15px}}
@media(max-width:720px){
  .record-dialog-header{grid-template-columns:44px minmax(0,1fr) auto;gap:6px 8px}
  .record-dialog-identifiers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px 0 0}
  .record-dialog-identifier{padding:7px 10px}
  .record-dialog-identifier-activity{grid-column:1/-1}
  .record-dialog-identifier strong,.record-dialog-identifier bdi{font-size:.94rem}
  .record-dialog-main-menu,.record-dialog-tabs{position:relative;top:auto}
  .survey-response-form>.survey-wizard-progress{position:static;margin:8px -4px 12px;padding:9px 12px;border:1px solid var(--line);border-radius:12px}
  .survey-wizard-progress>div{flex-direction:row;align-items:center;gap:8px;margin-bottom:5px}
  .survey-wizard-progress strong{font-size:.95rem}
  .survey-wizard-progress span{font-size:.72rem}
  .survey-wizard-progress progress{height:6px}
  .mobile-auto-advance{margin:7px 0 0;font-size:.78rem}
  .pinned-photo-fields{min-width:0;margin:8px 0 12px;padding:12px;border-radius:13px}
  .pinned-photo-fields legend{font-size:.92rem}
  .photo-fields-help{margin-bottom:8px;font-size:.78rem;line-height:1.45}
  .photo-batch-capture{min-height:48px;padding:8px;font-size:.88rem}
  .pinned-photo-fields>small{margin-top:6px;font-size:.78rem}
  .survey-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}
  .photo-slot{grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 7px;min-height:70px;padding:6px;border-radius:10px}
  .photo-slot>strong{grid-column:2;grid-row:1;font-size:.78rem}
  .photo-slot>small{grid-column:2;grid-row:2;font-size:.68rem;line-height:1.25}
  .photo-slot-empty,.photo-preview-trigger{grid-column:1;grid-row:1/3;min-height:54px;height:54px;font-size:.67rem;text-align:center}
  .photo-preview-trigger img{height:54px}
  .photo-preview-trigger span{padding:3px;font-size:.66rem}
  .photo-delete-button{width:44px;min-width:44px;min-height:44px}
  .survey-response-form>h3{margin:0 0 10px;font-size:1rem}
  .survey-step{min-height:150px;padding:14px}
  .survey-wizard-actions{gap:7px;margin-top:12px;padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
  .survey-wizard-actions button{min-height:44px;padding:8px 6px;font-size:.9rem}
}
@media(max-width:520px){.pwa-install-card{align-items:stretch;flex-direction:column}.pwa-install-card button{width:100%}.connection-status{font-size:0;width:32px;padding:5px;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.survey-step{scroll-margin-top:0}}
@page{size:A4;margin:9mm}
@media print{html,body{background:#fff}.printing-report .shell{width:100%;margin:0;padding:0}.printing-report .shell>*{display:none!important}.printing-report #app-view,.printing-report [data-panel="reports"],.printing-report #detailed-report{display:block!important}.printing-report .topbar,.printing-report .tabs,.printing-report .panel-heading,.printing-report .metrics,.printing-report .notice,.printing-report .global-message{display:none!important}.printing-report .panel{padding:0;border:0;box-shadow:none}.printing-report .detailed-report{margin:0}.printing-report .report-record{margin:0 0 6px;padding:7px;border-radius:0;break-inside:avoid;page-break-inside:avoid;font-size:8.5pt}.printing-report .report-record>header{margin-bottom:5px}.printing-report .report-record h3{margin:0 0 4px;font-size:10pt}.printing-report .detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.printing-report .detail-grid div{padding:3px 5px;border-radius:0}.printing-report .detail-grid dt{font-size:7pt}.printing-report .detail-grid dd{margin-top:1px;line-height:1.25}.printing-record .shell>*{display:none!important}.printing-record #record-dialog{display:block!important;position:static;width:100%;max-height:none;padding:0;border:0;box-shadow:none}.printing-record [data-record-dialog-pane]{display:block!important}.printing-record .record-dialog-tabs,.printing-record .dialog-close,.printing-record .actions,.printing-record input[type="file"],.printing-record .photo-capture,.printing-record .photo-upload-card button{display:none!important}.printing-record input,.printing-record select,.printing-record textarea{border:0;padding:2px;background:#fff;appearance:none}.printing-record .photo-fields{grid-template-columns:repeat(2,1fr)}}


/* R28.4 compact desktop hierarchy and semantic status accents. */
.bridge-live-dot{font-size:.75rem;color:#a9362b}.bridge-live-dot[data-connected="true"]{color:#187342}
.record-status-tabs button.has-ready span{background:#f5b942;color:#2d2512}
.survey-card-open header>div:first-child{display:grid;gap:.15rem;text-align:start}.survey-card-open header small{color:var(--muted)}
.assistant-numeric-summary{margin:.5rem 0;padding:.75rem;border-radius:12px;background:#f6f8fa;font-weight:700}
.employee-report{margin:1rem 0}.employee-report #employee-report-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem}.employee-report article{display:flex;justify-content:space-between;gap:.75rem;padding:.8rem;border:1px solid var(--line);border-radius:12px}
@media (min-width:900px){.data-hero{align-items:flex-start}.record-toolbar-controls{grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) auto}.main-tabs{gap:.25rem}.main-tabs button{padding:.65rem .8rem}}


/* R28.4 iPhone/WebKit and managed-toggle corrections from Salman mobile evidence. */
.android-control-option[data-state="running"] [data-toggle-status]{background:#e7f7ed;color:#187342}
.android-control-option[data-state="stopped"] [data-toggle-status]{background:#fde8e5;color:#a9362b}
@media(max-width:720px){
  body{padding-top:env(safe-area-inset-top)}
  .tabs{top:calc(5px + env(safe-area-inset-top))}
  .android-control-option{flex-wrap:wrap;align-items:stretch}
  .android-control-option .toggle-copy{flex:1 1 100%;min-width:0}
  .android-control-option [data-toggle-status],.android-control-option [data-toggle-state]{flex:1 1 calc(50% - 6px);min-width:0;max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}
  .survey-wizard-actions{position:static}
}


/* R28.4 remaining approved scope: native-control reset, clear disabled state, compact desktop. */
.android-control-option button.toggle-state{appearance:none;-webkit-appearance:none;border:0;box-shadow:none;font:inherit;cursor:pointer}
.android-control-option button.toggle-state:focus-visible{outline:3px solid #7fc8bf;outline-offset:2px}
.android-control-option button.toggle-state:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
#toggle-android-bridge-button:disabled{opacity:.46;filter:grayscale(.45) saturate(.35);cursor:not-allowed;box-shadow:none}
.setting-switch-card.is-running .toggle-state{background:#e7f7ed;color:#187342}
.setting-switch-card.is-stopped .toggle-state{background:#fde8e5;color:#a9362b}
.record-distance{background:#eef2f3!important;color:#52666a!important;border-color:#d5dddf!important}
.meta-linked-status{border-color:#a9d5ce;background:#eff9f7;color:#187342;font-weight:800}
.meta-advanced>summary{cursor:pointer;font-weight:800;color:var(--navy)}
.meta-advanced>div{margin-top:12px}
#team-member-manager-note{display:block;margin-top:6px;color:#805b16;line-height:1.55}
#team-member-manager-note[hidden]{display:none}
@media(min-width:900px){
  .tabs button{min-height:50px;padding:8px 10px}
  .data-hero{padding-block:15px}
  .data-hero .action-heading{align-items:center}
  .record-toolbar{gap:10px}
}


/* R28.5 approved site-review corrections. */
.mobile-tabs-hint{display:none;margin:-8px 0 14px;color:var(--muted);font-size:.82rem}
.android-transfer-queue-section{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:14px 16px;border:1px solid #b8d9d2;border-radius:16px;background:#f5fbf9}
.android-transfer-queue-section>div{display:grid;gap:3px}.android-transfer-queue-section small{color:var(--muted)}
.record-location-status.error{border-color:#e5cf94;background:#fff8e7;color:#805b16}
@media(max-width:720px){.tabs{position:static;top:auto}.mobile-tabs-hint{display:block}.android-transfer-queue-section{align-items:stretch;flex-direction:column}.android-transfer-queue-section button{width:100%}}

/* R28.7 self-service MFA enrollment. */
.mfa-security-card{display:grid;gap:14px;margin:0 0 18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.mfa-security-card h3{margin:0 0 6px}.mfa-security-card p{margin:0}.mfa-security-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.mfa-enrollment-setup,.mfa-recovery-result{display:grid;gap:12px}.mfa-enrollment-setup code{display:block;padding:10px;border:1px dashed var(--line);border-radius:10px;background:var(--surface-soft);overflow-wrap:anywhere;user-select:all}.mfa-recovery-result ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style-position:inside}.mfa-recovery-result li{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}
@media(max-width:620px){.mfa-security-form{grid-template-columns:1fr}.mfa-recovery-result ol{grid-template-columns:1fr}}
.inventory-report{margin:1rem 0;padding:1rem;border:1px solid var(--border,#d7e1e5);border-radius:1rem;background:var(--surface,#fff)}
.source-metrics{margin-block:1rem}.bridge-error-table{display:grid;gap:.45rem;margin:.75rem 0}.bridge-error-table div{display:grid;grid-template-columns:minmax(5rem,auto) 1fr;gap:.75rem}.bridge-error-table dt{font-weight:700}.bridge-error-table dd{margin:0}.button-link{display:inline-flex;align-items:center;text-decoration:none}