@font-face{font-family:SOSArabic;src:url("../fonts/NotoSansArabic.b7a433a2bf70.ttf") format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
/* Native French/Arabic layouts. Geographic canvases, logos and stored codes keep
   their original orientation; only the surrounding interface follows RTL. */
.language-switch{display:inline-flex;align-items:center;gap:3px;border:1px solid #d5dfeb;border-radius:7px;padding:3px;margin:0;flex:none;white-space:nowrap;background:#fff}
.language-switch button{border:0;background:transparent;color:#536f8c;padding:6px 8px;min-height:28px;font-size:11px;line-height:1.4;border-radius:4px;cursor:pointer}
.language-switch button.selected{background:#eaf1fa;color:#215b9c;font-weight:700}
.language-switch button:hover{background:#f0f5fb}
.login-main>.language-switch{position:absolute;inset-inline-end:25px;top:24px;z-index:2}
.login-main{position:relative}
.source-translation{display:block;margin-block-start:6px;padding-block-start:6px;border-block-start:1px dashed #dce5ed;color:#315b89;font-size:.92em;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.source-translation-label{display:block;font-size:10px;color:#7c92a9;margin-block-end:3px}
.bidi-isolate,[dir="auto"]{unicode-bidi:plaintext}
code,pre,.source-ref,.number,input[type="email"],input[type="url"],input[type="password"],input[type="number"],input[name="username"],#safi-map-scale{direction:ltr;unicode-bidi:isolate}
.brand-logo,.login-map-art,canvas,.leaflet-container,.document-preview,.document-image,.document-video,#plan-svg svg{transform:none}
html[dir="rtl"] body{font-family:SOSArabic,Tahoma,Arial,"Segoe UI",sans-serif;line-height:1.65}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,html[dir="rtl"] .page-title,html[dir="rtl"] .eyebrow,html[dir="rtl"] .nav-label,html[dir="rtl"] .brand small{letter-spacing:0}
html[dir="rtl"] .sidebar{left:auto;right:0}
html[dir="rtl"] .app-shell{margin-left:0;margin-right:246px}
html[dir="rtl"] .nav-item.active{box-shadow:inset -3px 0 var(--sos-red,#bd2228)}
html[dir="rtl"] .city-tag,html[dir="rtl"] .nav-chip{margin-left:0;margin-right:auto}
html[dir="rtl"] .topbar-left,html[dir="rtl"] .topbar-right,html[dir="rtl"] .user-identity{min-width:0}
html[dir="rtl"] .nav-label{font-size:10px}
html[dir="rtl"] .nav-item{font-size:13px}
html[dir="rtl"] .brand small{font-size:9px}
html[dir="rtl"] .workspace-label{font-size:12px}
html[dir="rtl"] .eyebrow{font-size:10px}
html[dir="rtl"] .page-subtitle{font-size:12px}
html[dir="rtl"] .stat-label{font-size:12px}
html[dir="rtl"] .stat-footer{flex-wrap:wrap}
html[dir="rtl"] .stat-footer,html[dir="rtl"] .stat-footer span{font-size:10px}
html[dir="rtl"] .breadcrumb,html[dir="rtl"] .user-identity strong,html[dir="rtl"] .connection-indicator{font-size:12px}
html[dir="rtl"] .user-identity small{font-size:11px}
html[dir="rtl"] .button,html[dir="rtl"] .text-link{font-size:12px}
html[dir="rtl"] .button.small{font-size:11px}
html[dir="rtl"] .data-table th,html[dir="rtl"] .data-table td,html[dir="rtl"] table th,html[dir="rtl"] table td{text-align:right}
html[dir="rtl"] .data-table .number,html[dir="rtl"] table .number{text-align:right}
html[dir="rtl"] .search-field svg{left:auto;right:13px}
html[dir="rtl"] .search-field input{padding-left:13px;padding-right:39px}
html[dir="rtl"] .text-link svg use[href="#i-arrow"],html[dir="rtl"] .icon-button svg use[href="#i-arrow"]{transform:translateX(24px) scaleX(-1)}
html[dir="rtl"] .import-summary .text-link{margin-left:0;margin-right:auto}
html[dir="rtl"] .toast-region{right:auto;left:26px}
html[dir="rtl"] .detail-list dt,html[dir="rtl"] .detail-list dd,html[dir="rtl"] .document-body,html[dir="rtl"] .task-card,html[dir="rtl"] .login-card{text-align:right}
html[dir="rtl"] .document-body{unicode-bidi:plaintext}
html[dir="rtl"] .login-intro h1{line-height:1.45}
html[dir="rtl"] .login-intro>p,html[dir="rtl"] .login-help{font-size:13px}
html[dir="rtl"] .login-card h2{line-height:1.5}
html[dir="rtl"] .login-card .eyebrow{font-size:11px}
html[dir="rtl"] .safi-map-panel{border-right:0;border-left:1px solid #e2e8ef}
html[dir="rtl"] .safi-search svg{left:auto;right:12px}
html[dir="rtl"] .safi-search input{padding-left:12px;padding-right:38px}
html[dir="rtl"] .safi-search-results button{text-align:right}
html[dir="rtl"] .safi-map-options output{float:left}
html[dir="rtl"] .safi-selection h2,html[dir="rtl"] .safi-selection p{unicode-bidi:plaintext}
html[dir="rtl"] .safi-map-toolbar{right:auto;left:16px}
html[dir="rtl"] .safi-draw-toolbar{left:auto;right:14px}
html[dir="rtl"] .safi-map-stage canvas{direction:ltr}
html[dir="rtl"] .map-sidebar{border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .map-tools{right:auto;left:10px}
html[dir="rtl"] .map-layer{text-align:right}
html[dir="rtl"] .map-layer input{margin-right:0;margin-left:8px}
html[dir="rtl"] .safi-source-attributes pre,html[dir="rtl"] .source-ref,html[dir="rtl"] pre{direction:ltr;text-align:left}
html[dir="rtl"] .form-actions{flex-wrap:wrap}
html[dir="rtl"] body>header>strong{margin-right:0;margin-left:auto}
html[dir="rtl"] input:not([type="number"]):not([type="password"]):not([type="email"]):not([type="url"]),html[dir="rtl"] textarea{unicode-bidi:plaintext}
@media(min-width:1600px){html[dir="rtl"] .app-shell{margin-right:260px}}
@media(max-width:1200px){html[dir="rtl"] .app-shell{margin-right:220px}}
@media(max-width:980px){html[dir="rtl"] .app-shell{margin-right:205px}html[dir="rtl"] .topbar-right{gap:8px}html[dir="rtl"] .breadcrumb{font-size:10px}html[dir="rtl"] .connection-indicator{font-size:10px}}
@media(max-width:760px){html[dir="rtl"] .sidebar{transform:translateX(100%)}html[dir="rtl"] .sidebar-open .sidebar{transform:translateX(0)}html[dir="rtl"] .app-shell{margin-right:0}html[dir="rtl"] .mobile-menu{padding-left:7px;padding-right:0}html[dir="rtl"] .logout-form .icon-button{padding-left:0;padding-right:7px}html[dir="rtl"] .topbar{padding-inline:13px}html[dir="rtl"] .topbar-left{gap:4px}html[dir="rtl"] .topbar-right{gap:5px}html[dir="rtl"] .connection-indicator{display:none}html[dir="rtl"] .language-switch button{font-size:11px;padding-inline:6px}html[dir="rtl"] .page-title{font-size:25px;line-height:1.45}html[dir="rtl"] .page-subtitle{font-size:12px}html[dir="rtl"] .header-actions .button{font-size:0}html[dir="rtl"] .mobile-bottom-nav a{font-size:10px}html[dir="rtl"] .resource-info strong{font-size:12px}html[dir="rtl"] .resource-info p{font-size:10px}html[dir="rtl"] .quick-action{font-size:12px}html[dir="rtl"] .import-summary .text-link{margin-right:33px}html[dir="rtl"] .toast-region{left:15px;right:15px}html[dir="rtl"] .map-sidebar{border-left:0}html[dir="rtl"] .login-intro h1{font-size:29px}html[dir="rtl"] .login-main{padding-top:64px}.login-main>.language-switch{top:16px;inset-inline-end:22px}}
@media(max-width:700px){html[dir="rtl"] .safi-map-panel{border-left:0}html[dir="rtl"] .safi-map-toolbar{left:10px}html[dir="rtl"] .safi-draw-toolbar{right:10px}}
@media(max-width:380px){html[dir="rtl"] .breadcrumb{font-size:9px}html[dir="rtl"] .topbar-right{gap:3px}html[dir="rtl"] .language-switch button{padding-inline:4px}html[dir="rtl"] .stat-label{font-size:11px}html[dir="rtl"] .stat-footer,html[dir="rtl"] .stat-footer span{font-size:9px}}
@media print{html[dir="rtl"] .app-shell{margin:0}.language-switch{display:none!important}}
