/* Arabic and touch adaptations on the original Gentelella 4.2.0 components. */
:root{--font:Tahoma,Arial,sans-serif;--font-size:15px;--line-height:1.7;--nav-height:80px}
[hidden]{display:none!important}body{min-width:320px}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 16px;border:1px solid transparent;border-radius:var(--radius);background:#12836e;color:#fff;cursor:pointer;font-weight:600;font-size:14px;text-decoration:none}
button:hover,.button:hover{background:#106e5d;color:#fff;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}.btn{height:auto;min-height:48px;justify-content:center;font-size:14px;white-space:normal;line-height:1.5}.btn-primary{background:#12836e;border-color:#12836e}.btn-primary:hover{background:#106e5d}
.secondary,.btn-outline{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color)}.secondary:hover,.btn-outline:hover{background:var(--bg-surface-secondary);color:var(--text)}
.icon{width:22px;height:22px;flex-shrink:0}h1{font-size:24px;line-height:1.5;font-weight:600}h2{font-size:18px;line-height:1.6;font-weight:600}h3{font-size:16px;font-weight:600}p,bdi{overflow-wrap:anywhere}
label{display:block;margin-bottom:8px}input:not([type=checkbox]):not([type=hidden]){width:100%;min-height:48px;margin:8px 0 14px;padding:10px 12px;background:var(--bg-surface);color:var(--text);border:1px solid var(--border-color);border-radius:var(--radius);font-size:16px}input:focus{border-color:var(--primary)}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--primary-dk);outline-offset:3px}
.helper,.hint,.muted{color:var(--text-secondary);font-size:13px}.helper{margin-top:8px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:20px;font-weight:600;text-decoration:none}.brand small{display:block;color:var(--text-secondary);font-size:12px;font-weight:400}
.sidebar-brand{height:68px;text-decoration:none!important}.sidebar-brand .brand-icon{width:34px;height:34px}.brand-name{font-size:18px}.sidebar-nav{padding:16px 0}.nav-label{font-size:12px;letter-spacing:0;color:#9babbc;padding-bottom:12px}
.sidebar-nav .nav-link{min-height:48px;margin-bottom:7px;font-size:14px;gap:12px}.sidebar-nav .nav-link.active{box-shadow:inset -3px 0 var(--primary)}
.sidebar-note{color:#b4c1ce;font-size:13px;margin:20px;padding:16px 0;border-top:1px solid var(--sidebar-border)}.sidebar-note small{display:block;color:#8e9fb0;font-size:11px;margin-top:4px}
.sidebar-user{min-height:76px;text-decoration:none!important}.sidebar-user-info .name,.sidebar-user-info .role{display:block}.sidebar-user-info .role{font-size:10px;margin-top:5px}.sidebar-user>.icon{color:var(--primary);margin-inline-start:auto;width:18px}.sidebar-user .avatar{display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:50%;width:36px;height:36px}
.topbar{height:68px}.topbar .breadcrumb{font-size:14px}.topbar-right{gap:10px}.topbar-right .tb-btn,.topbar-right .tb-avatar{width:48px;height:48px;padding:0}.topbar-right .tb-btn{background:transparent;color:var(--text-secondary)}.topbar-right .tb-avatar{width:36px;height:36px;font-size:14px}
.top-install{color:#106e5d;background:var(--primary-lt);border-color:color-mix(in srgb,var(--primary) 25%,transparent);min-height:44px}[data-theme=dark] .top-install{color:#69dec5}.mobile-brand{display:none}
.main{padding-top:68px}.page-wrapper{max-width:1500px;margin-inline:auto;padding:28px 28px 0}.section-block{scroll-margin-top:90px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.section-heading p:not(.eyebrow){color:var(--text-secondary);font-size:14px;margin-top:5px}.eyebrow{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.refresh-link{flex-shrink:0}
.overview{margin-bottom:24px}.overview .stat{min-height:100px;gap:18px}.overview .stat-icon{width:48px;height:48px}.stat-label{letter-spacing:0;font-size:13px;color:var(--text-secondary)}.stat-value{display:block;font-size:28px;margin-top:6px}
.project-grid,.dev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card{padding:0;gap:0;cursor:default}.project-card .card-header{padding:20px}.project-head{display:flex;gap:12px;align-items:center;justify-content:flex-start}.project-heading{flex:1;min-width:0}.project-heading .card-title,.project-heading h3{font-size:17px}.project-heading p{font-size:12px;color:var(--text-secondary);margin-top:3px}
.project-icon,.feature-icon{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;background:var(--primary-lt);color:var(--primary-dk);border-radius:var(--radius)}.project-crm .project-icon{background:var(--blue-lt);color:var(--blue)}.project-workshop .project-icon{background:var(--yellow-lt);color:#b07900}.project-parts .project-icon{background:var(--purple-lt);color:var(--purple)}
.project-card .card-body{padding:16px 20px 20px}.project-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}.project-meta bdi{font-size:12px;color:var(--text-secondary)}
.status{font-size:12px;line-height:1.6}.status-green{color:#16803d}[data-theme=dark] .status-green{color:#65cf84}[data-theme=dark] .status-yellow{color:#f7bf54}[data-theme=dark] .status-red{color:#ff8a8a}
.project-actions{display:flex;gap:10px;margin-top:18px}.project-actions>form,.project-actions>.button{flex:1;min-width:0}.project-actions form button{width:100%}.project-actions .btn-primary{justify-content:space-between}.options-button{flex-shrink:0;padding:8px 12px}
.card-warning{color:#966012;font-size:12px;margin-top:12px}[data-theme=dark] .card-warning{color:#f7bf54}.section-footnote{text-align:center;color:var(--text-secondary);font-size:12px;margin:20px 0}.footer{margin-top:32px;padding:20px 0;gap:12px;flex-wrap:wrap;font-size:12px}
.notice{display:flex;align-items:flex-start;gap:12px;background:var(--primary-lt);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:var(--radius-lg);padding:18px;margin-bottom:22px;font-size:14px}.notice>.icon{color:var(--primary-dk);margin-top:2px}.notice p{margin-top:4px;font-size:13px;color:var(--text-secondary)}
.warning-notice,.warning{background:var(--yellow-lt);border-color:color-mix(in srgb,var(--yellow) 25%,transparent)}.warning-notice>.icon{color:#b07900}.warning{display:block;padding:12px;margin-top:12px;font-size:13px;border-radius:var(--radius)}
.dev-card{padding:20px;scroll-margin-top:90px}.dev-card .project-head{flex-wrap:wrap}.dev-card>.helper{margin-top:14px}
details{margin-top:16px;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-surface);min-width:0}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:12px 14px;cursor:pointer;font-size:14px;font-weight:600}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-family:sans-serif;font-size:21px;flex-shrink:0}details[open]>summary::after{content:'−'}
.details-content{padding:0 14px 16px;color:var(--text-secondary);font-size:13px}.details-content p+p{margin-top:8px}.details-content bdi{overflow-wrap:anywhere}.confirm-form{margin-top:16px}.confirm-form button{width:100%}.check-row{display:flex;gap:12px;align-items:center;min-height:52px;cursor:pointer;padding:12px;background:var(--bg-surface-secondary);border-radius:var(--radius)}.check-row input{width:22px;height:22px;flex-shrink:0;accent-color:var(--primary-dk)}
.panel-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.data-panel>.helper{margin:4px 0 16px}.data-grid{display:grid;gap:14px}.data-card{padding:18px}.data-heading{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;gap:8px}.data-card>p{margin-top:10px;color:var(--text-secondary);font-size:13px}.count-pill{margin-inline-start:auto;background:var(--body-bg);padding:2px 8px;border-radius:var(--radius);font-size:12px}
.entry-list{list-style:none}.entry-list li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 0;border-bottom:1px solid var(--border-color-light)}.entry-list li:last-child{border-bottom:0}.entry-list strong{display:block;color:var(--text);font-weight:500}.entry-list small{display:block;color:var(--text-secondary);margin-top:4px;font-size:12px}.entry-list .meta{font-size:12px}.file-detail{flex-basis:100%;background:var(--bg-surface-secondary);margin-top:4px}.file-detail summary{font-size:12px;font-weight:400}.file-detail bdi{display:block;padding:0 12px 12px;overflow-wrap:anywhere;font-size:12px}.empty-note{border:1px dashed var(--border-color);padding:24px;border-radius:var(--radius);color:var(--text-secondary);font-size:14px}
.install-card{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:24px;background:var(--primary-lt);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:var(--radius-lg);margin-bottom:24px}.install-card>div{flex:1;min-width:180px}.install-card p{font-size:13px;color:var(--text-secondary);margin-top:4px}
.account-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px}.account-card strong,.account-card bdi{display:block}.account-card bdi{color:var(--text-secondary);font-size:13px;margin-top:5px}.logout-form{margin-top:18px}.bottom-nav{display:none}
dialog{margin:auto;padding:0;color:var(--text);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #0004}dialog::backdrop{background:#0f162399;backdrop-filter:blur(3px)}
.sheet-body{padding:24px}.sheet-body>.feature-icon,.sheet-body>.project-icon{margin-bottom:16px}.sheet-body>p{color:var(--text-secondary);font-size:14px;margin-top:8px}.sheet-body>.status{margin-top:12px}.sheet-actions{position:sticky;bottom:0;background:var(--bg-surface);display:grid;gap:10px;padding:16px 24px 24px;border-top:1px solid var(--border-color)}.sheet-actions button{width:100%}.sheet-grip{display:none}
.sheet-links{display:grid;gap:10px;margin-top:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-links a{display:flex;gap:8px;justify-content:center;align-items:center;min-height:52px;border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text);text-decoration:none;font-size:14px}
.steps{list-style:none;counter-reset:step;margin-top:18px}.steps li{counter-increment:step;display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color-light);font-size:14px}.steps li::before{content:counter(step);flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;background:var(--primary-lt);color:var(--primary-dk);border-radius:var(--radius)}.install-status{font-weight:600}.install-status:empty{display:none}
.plain-page .page{max-width:520px;margin:0 auto;padding:36px 20px 48px}.plain-page .page>header,.plain-page .page>section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px}.plain-page .page>header p{margin-top:12px;color:var(--text-secondary)}.plain-page .page>section a{min-height:48px;display:inline-flex;align-items:center}
.login-shell>.brand{justify-content:center}.login-intro{text-align:center;margin:32px 0 24px}.login-intro h1{font-size:32px;line-height:1.5}.login-intro p{font-size:14px;color:var(--text-secondary);margin-top:14px}.login-card{padding:26px}.login-card>.feature-icon{margin-bottom:14px}.login-card>p{font-size:14px;margin:12px 0 18px;color:var(--text-secondary)}.login-card>.button,.login-card form button{width:100%}.login-card>.helper{font-size:12px;margin:12px 0 0}
.paste-details{margin-top:20px}.paste-details summary{font-size:13px}.paste-details form{margin-top:14px}#login-link{direction:ltr}#login-link::placeholder{text-align:right}.form-error{color:var(--red);margin-bottom:12px}.install-link{margin-top:16px;width:100%}.login-footer{color:var(--text-secondary);text-align:center;font-size:12px;margin-top:20px}
.connection-message{position:fixed;bottom:18px;inset-inline:16px;max-width:520px;margin:auto;z-index:150;padding:14px 18px;border:1px solid #dca33b;background:#fff6df;color:#654d15;border-radius:var(--radius);font-size:14px;text-align:center}
@media(max-width:1100px){.project-grid,.dev-grid,.panel-split{grid-template-columns:minmax(0,1fr)}.page-wrapper{padding-inline:20px}.overview .stat{gap:12px}}
@media(max-width:920px) and (min-width:769px){.overview{grid-template-columns:repeat(3,minmax(0,1fr))}.overview .stat-icon{display:none}}
@media(max-width:768px){
 :root{--font-size:14px}.sidebar{display:none}.topbar{height:66px;padding-inline:16px}.topbar-right{gap:4px}.topbar .tb-avatar{display:none}.topbar .top-install{padding:0;width:48px;height:48px;min-height:48px;background:transparent;border:0}.topbar .top-install span{display:none}.topbar .top-install svg{width:22px;height:22px}
 .mobile-brand{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--text);text-decoration:none;font-size:16px}.mobile-brand .brand-icon{width:32px;height:32px}.main{padding-top:66px}.page-wrapper{padding:20px 16px calc(var(--nav-height) + env(safe-area-inset-bottom) + 20px)}
 .section-heading{gap:10px;align-items:flex-start;margin-bottom:20px}h1,.section-heading h1{font-size:21px}.section-heading p:not(.eyebrow){font-size:13px}.eyebrow{font-size:11px}.refresh-link{padding:6px;width:48px;min-height:48px}.refresh-link span{display:none}
 .overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.overview .stat{padding:12px 10px;min-height:84px}.overview .stat-icon{display:none}.stat-label{font-size:11px}.stat-value{font-size:26px;margin-top:8px}
 .project-grid,.dev-grid{gap:14px}.project-card .card-header{padding:16px}.project-card .card-body{padding:14px 16px 16px}.project-heading h3,.project-heading .card-title{font-size:16px}.project-heading p{font-size:11px}.project-icon{width:42px;height:42px}
 .project-meta{gap:6px}.project-meta bdi{font-size:10px}.project-meta .status{font-size:11px}.project-actions{margin-top:14px;gap:8px}.project-actions .btn{min-height:52px;font-size:13px;padding-inline:12px}.options-button{gap:5px}.options-button svg{width:18px;height:18px}
 .notice{padding:16px}.dev-card,.data-card{padding:16px}.dev-card .project-head>.status{margin-inline-start:auto}.dev-card .project-heading{flex-basis:55%}.install-card{padding:18px}.install-card>button,.logout-form button{width:100%}
 .bottom-nav{position:fixed;inset:auto 0 0;z-index:100;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:4px;background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);box-shadow:0 -4px 16px #0f162315}
 .bottom-nav .nav-link{flex-direction:column;justify-content:center;gap:4px;margin:0;min-height:60px;padding:6px 2px;font-size:11px;color:#b4c1ce}.bottom-nav .nav-link .icon{width:22px;height:22px;opacity:1}.bottom-nav .nav-link.active{background:var(--sidebar-active);color:#57dfc3;box-shadow:inset 0 2px var(--primary)}.bottom-nav .nav-link:focus-visible{outline-offset:-3px}
 dialog{width:100%;max-width:100%;max-height:calc(100dvh - 48px);margin:auto 0 0;inset:auto 0 0;border-radius:16px 16px 0 0;border-bottom:0}.sheet-grip{display:block;width:36px;height:4px;background:var(--border-color);border-radius:4px;margin:12px auto 0}.sheet-body{padding:20px}.sheet-actions{padding:14px 20px calc(18px + env(safe-area-inset-bottom))}
 .connection-message{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 8px)}.plain-page .connection-message{bottom:16px}.plain-page .page{padding:24px 16px 40px}.login-intro{margin:26px 0 20px}.login-intro h1{font-size:28px}.login-card{padding:20px}.footer{display:block;margin-top:24px;font-size:11px}.footer span{display:block}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}