/* Simple minimal styles for Azimutree landing page */
:root{--bg:#0b1220;--accent:#34d399;--muted:#9aa4ad;--card:#0f1724;--text:#e6f3ef}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
.container{max-width:1100px;margin:0 auto;padding:1.25rem}
.site-header{background:var(--card);border-bottom:1px solid rgba(255,255,255,0.04)}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.appbar-left{display:flex;align-items:center;gap:.5rem}
 .appbar-right{display:flex;align-items:center;gap:.5rem}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text)}
.logo{height:44px;width:auto;filter:brightness(.95)}
.brand-text{font-weight:600;font-size:1.125rem;color:var(--text)}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);white-space:nowrap}
.logo{height:44px;width:auto;filter:brightness(.95);display:block}
.brand-text{font-weight:600;font-size:1.125rem;color:var(--text);line-height:1;margin-left:.25rem}
.appbar-left{min-width:0}
.appbar-repo-context{display:inline-flex;align-items:center;gap:.5rem;min-width:0}
.appbar-context{display:inline-flex;align-items:center;margin-left:.75rem;padding-left:.75rem;border-left:1px solid rgba(255,255,255,.12);color:var(--accent);font-weight:800;white-space:nowrap;text-decoration:none}
.appbar-context:hover{color:var(--text)}
.appbar-admin-badge{display:inline-flex;align-items:center;margin-left:.5rem;border:1px solid rgba(52,211,153,.2);border-radius:999px;background:rgba(52,211,153,.08);color:var(--accent);font-size:.78rem;font-weight:800;padding:.18rem .5rem;white-space:nowrap}
.nav{position:relative}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:1rem}
.menu.hidden{display:none}
.menu a{color:var(--muted);text-decoration:none}
.menu-btn{display:none;border:0;background:transparent;font-size:1.25rem;cursor:pointer}
.menu-btn{display:none;border:0;background:transparent;font-size:1.25rem;cursor:pointer;color:var(--muted);padding:.25rem .5rem;border-radius:6px}

.hero{padding:3.5rem 0;background:linear-gradient(180deg,rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.01) 100%)}
.hero h1{font-size:2.25rem;margin:.25rem 0;color:var(--text)}
.lead{color:var(--muted);max-width:60%;margin:0 0 1rem}
.cta{margin:1rem 0}
.btn{display:inline-block;padding:.6rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;border:1px solid transparent}
.btn.primary{background:var(--accent);color:#07221a}
.btn.ghost{background:transparent;color:var(--accent);border-color:rgba(52,211,153,.12)}
.btn.danger{background:#f87171;color:#2a0707}
.btn.small{padding:.35rem .65rem;font-size:.875rem}

.screenshot-slider{margin-top:1.25rem}
.slider-container{overflow-x:auto;position:relative}
.screenshots{display:flex;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.screenshots::-webkit-scrollbar{display:none}
.screenshots img{height:340px;object-fit:contain;object-position:center;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));flex-shrink:0;scroll-snap-align:start;border:1px solid rgba(255,255,255,0.03);transition:transform .12s ease, box-shadow .12s ease}
.screenshots img.pressed{transform:scale(.96);box-shadow:0 12px 30px rgba(0,0,0,0.45);border-radius:10px}
.slider-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}
.dot{width:8px;height:8px;border-radius:50%;background:rgba(15,23,42,.2);cursor:pointer;transition:all .3s ease}
.dot.active{background:var(--accent);width:24px;border-radius:4px}

.section{padding:2.5rem 0}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0;margin:1rem 0;list-style:none}
.features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0;margin:1rem 0;list-style:none}

/* Feature card styles */
.feature-card{padding:1rem;border-radius:10px;box-shadow:0 6px 18px rgba(2,6,23,.6);color:var(--text);background:var(--card)}
.feature-card h4{margin:0 0 .5rem;font-size:1.05rem;color:var(--text)}
.feature-card p{margin:0;color:var(--muted)}
.feature-1,
.feature-2,
.feature-3,
.feature-4,
.feature-5{
  background: var(--card);
}

.muted{background:var(--card);border-radius:8px}

/* Content images (figures) should never overflow their container */
.content-figure{width:100%;max-width:420px;height:auto;display:block;border-radius:8px;margin:0.75rem auto;box-shadow:0 6px 18px rgba(0,0,0,0.06)}

@media (min-width:1200px){
  .content-figure{max-width:520px;margin:0.75rem 0 0 0}
}

.site-footer{border-top:1px solid rgba(255,255,255,0.03);padding:1.25rem 0;text-align:center;color:var(--muted)}

/* App bar styles */
.appbar{position:sticky;top:0;z-index:50;background:var(--card);box-shadow:0 2px 6px rgba(2,6,23,.6);border-bottom:0}
.appbar-inner{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}
.appbar-nav{display:flex;gap:.75rem;align-items:center}
.app-link{display:inline-block;padding:.4rem .75rem;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:600}
.app-link.active,.app-link:hover{background:rgba(52,211,153,.06);color:var(--accent)}
.appbar-menu{position:relative;display:inline-flex}
.appbar-menu-trigger{border:0;background:transparent;font:inherit;font-weight:600;cursor:pointer}
.appbar-dropdown{position:absolute;right:0;top:calc(100% + .5rem);z-index:60;min-width:190px;padding:.45rem;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 14px 34px rgba(2,6,23,.55)}
.appbar-dropdown-link{display:block;padding:.55rem .65rem;border-radius:7px;color:var(--text);text-decoration:none;font-weight:600;white-space:nowrap}
.appbar-dropdown-link:hover{background:rgba(52,211,153,.08);color:var(--accent)}

.notice{padding:.75rem 1rem;border-radius:8px;margin:1rem 0;font-weight:600}
.notice.success{background:rgba(52,211,153,.12);color:var(--accent);border:1px solid rgba(52,211,153,.22)}
.notice.error{background:rgba(248,113,113,.12);color:#fca5a5;border:1px solid rgba(248,113,113,.22)}
.notice a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.persistent-notice{position:relative}
.repo-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;position:relative}
.repo-header h2{margin-top:0}
.repo-header p{margin-bottom:0}
.repo-auth{position:relative;flex:0 0 auto}
.repo-auth-trigger{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(52,211,153,.16);border-radius:999px;background:rgba(52,211,153,.06);color:var(--accent);font:inherit;font-weight:700;padding:.35rem .7rem;cursor:pointer}
.repo-auth-trigger{text-decoration:none}
.repo-auth-trigger:hover{background:rgba(52,211,153,.1)}
.repo-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#07221a;font-size:.8rem;font-weight:800}
.repo-dropdown{position:absolute;right:0;top:calc(100% + .5rem);z-index:40;width:240px;background:var(--card);border:1px solid rgba(255,255,255,0.08);border-radius:8px;box-shadow:0 14px 34px rgba(2,6,23,.55);padding:.75rem}
.repo-login-dropdown{width:300px}
.repo-upload-dropdown{width:340px}
.repo-dropdown h3{margin:0 0 .75rem}
.dropdown-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}
.dropdown-heading h3{margin:0}
.dropdown-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0b1220;color:var(--text);font-size:1.15rem;line-height:1;cursor:pointer}
.dropdown-close:hover{background:rgba(248,113,113,.12);color:#fca5a5}
.repo-upload-backdrop{display:none}
.repo-dropdown-link{display:block;color:var(--text);text-decoration:none;border-radius:8px;padding:.6rem .7rem}
.repo-dropdown-link:hover{background:rgba(255,255,255,.05);color:var(--accent)}
.repo-dropdown-button{width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}
.repo-tabs{display:inline-flex;gap:.35rem;margin:1.25rem 0 0;padding:.25rem;border:1px solid rgba(255,255,255,0.06);border-radius:8px;background:var(--card)}
.repo-tab{border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-weight:700;padding:.55rem .85rem;cursor:pointer}
.repo-tab:hover{color:var(--accent);background:rgba(52,211,153,.06)}
.repo-tab.active{background:var(--accent);color:#07221a}
.repo-section-block{margin-top:1.5rem}
.section-heading{margin-bottom:.75rem}
.section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.section-heading h3{margin:0;color:var(--text)}
.section-heading p{margin:.2rem 0 0;color:var(--muted)}
.repo-filter-toggle{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(52,211,153,.16);border-radius:999px;background:rgba(52,211,153,.06);color:var(--text);font-weight:700;padding:.35rem .7rem;cursor:pointer;white-space:nowrap}
.repo-filter-toggle input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}
.repo-filter-toggle:hover{background:rgba(52,211,153,.1)}
.repo-inline-action{position:relative;flex:0 0 auto}
.repo-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start;margin-top:1.25rem}
.repo-layout-public{grid-template-columns:1fr}
.repo-main,.repo-panel{background:var(--card);border:1px solid rgba(255,255,255,0.04);border-radius:8px}
.repo-main{overflow:hidden}
.repo-panel{padding:1rem}
.repo-table-wrap{overflow-x:auto}
.repo-table{width:100%;border-collapse:collapse;min-width:760px}
.repo-table th,.repo-table td{padding:.8rem;text-align:left;border-bottom:1px solid rgba(255,255,255,0.05);vertical-align:top}
.repo-table th{color:var(--accent);font-size:.9rem}
.repo-table td{color:var(--text)}
.repo-table tr:last-child td{border-bottom:0}
.dt-container{color:var(--text);padding:0 0 1rem}
.dt-container .dt-layout-row{gap:.75rem;margin:0;padding:1rem}
.dt-container .dt-layout-row:first-child{align-items:center;border-bottom:1px solid rgba(255,255,255,0.05)}
.dt-container .dt-layout-row:last-child{align-items:center;border-top:1px solid rgba(255,255,255,0.05)}
.dt-container .dt-length label,.dt-container .dt-search label,.dt-container .dt-info{color:var(--muted)}
.dt-container .dt-length select{min-width:58px}
.dt-container .dt-input{border:1px solid rgba(255,255,255,0.12) !important;border-radius:8px !important;background:#0b1220 !important;color:var(--text) !important;padding:.5rem .65rem !important;box-shadow:none !important}
.dt-container .dt-input:focus{border-color:rgba(52,211,153,.55) !important;outline:0 !important}
.dt-container .dt-search .dt-input{min-width:180px}
.dt-container .dt-paging{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}
.dt-container .dt-paging .dt-paging-button{border:1px solid rgba(255,255,255,0.1) !important;border-radius:7px !important;color:var(--text) !important;background:#0b1220 !important;padding:.45rem .75rem !important;box-shadow:none !important;min-width:2.25rem}
.dt-container .dt-paging .dt-paging-button *{color:var(--text) !important}
.dt-container .dt-paging .dt-paging-button.current{background:rgba(52,211,153,.18) !important;border-color:rgba(52,211,153,.38) !important;color:var(--text) !important}
.dt-container .dt-paging .dt-paging-button.current *{color:var(--text) !important}
.dt-container .dt-paging .dt-paging-button:not(.disabled):hover{background:rgba(52,211,153,.12) !important;border-color:rgba(52,211,153,.28) !important;color:var(--accent) !important}
.dt-container .dt-paging .dt-paging-button:not(.disabled):hover *{color:var(--accent) !important}
.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:hover,.dt-container .dt-paging .dt-paging-button.disabled:active{background:rgba(255,255,255,.04) !important;color:#fff !important;border-color:rgba(255,255,255,.12) !important;opacity:.55;cursor:not-allowed !important}
.dt-container .dt-paging .dt-paging-button.disabled *,.dt-container .dt-paging .dt-paging-button.disabled:hover *,.dt-container .dt-paging .dt-paging-button.disabled:active *{color:#fff !important}
body div.dt-container div.dt-paging button.dt-paging-button,body div.dt-container div.dt-paging a.dt-paging-button{color:#fff !important}
body div.dt-container div.dt-paging button.dt-paging-button.disabled,body div.dt-container div.dt-paging button.dt-paging-button.disabled:hover,body div.dt-container div.dt-paging button.dt-paging-button.disabled:active,body div.dt-container div.dt-paging a.dt-paging-button.disabled,body div.dt-container div.dt-paging a.dt-paging-button.disabled:hover,body div.dt-container div.dt-paging a.dt-paging-button.disabled:active{color:#fff !important;background:rgba(255,255,255,.04) !important;border-color:rgba(255,255,255,.12) !important;opacity:.55}
.dt-container table.dataTable{margin:0 !important;border:0 !important}
table.dataTable thead th,table.dataTable thead td{border-bottom:1px solid rgba(255,255,255,0.06) !important}
table.dataTable tbody th,table.dataTable tbody td{border-top:0 !important}
table.dataTable thead th .dt-column-header{justify-content:flex-start;gap:.45rem}
table.dataTable thead th .dt-column-order{order:0;flex:0 0 12px}
table.dataTable thead th .dt-column-title{order:1;flex-grow:0}
table.dataTable thead th:first-child,table.dataTable tbody td:first-child{width:96px;text-align:center;white-space:nowrap}
table.dataTable thead th:first-child .dt-column-header{justify-content:center}
table.dataTable thead th:first-child .dt-column-title{flex-grow:0}
.archive-group-table.dataTable thead th:first-child,.archive-group-table.dataTable tbody td:first-child{width:auto;text-align:left;white-space:normal}
.archive-group-table.dataTable thead th:first-child .dt-column-header{justify-content:flex-start}
.archive-group-table.dataTable thead th:nth-child(1),.archive-group-table.dataTable tbody td:nth-child(1){width:24% !important}
.archive-group-table.dataTable thead th:nth-child(2),.archive-group-table.dataTable tbody td:nth-child(2){width:18% !important}
.archive-group-table.dataTable thead th:nth-child(3),.archive-group-table.dataTable tbody td:nth-child(3){width:16% !important}
.archive-group-table.dataTable thead th:nth-child(4),.archive-group-table.dataTable tbody td:nth-child(4){width:18% !important}
.archive-group-table.dataTable thead th:nth-child(5),.archive-group-table.dataTable tbody td:nth-child(5){width:24% !important}
.archive-group-table .repo-actions{flex-wrap:nowrap}
table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover{outline:0;color:var(--accent)}
table.dataTable.display>tbody>tr>*{box-shadow:none !important}
table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(255,255,255,.025) !important}
table.dataTable.stripe>tbody>tr:nth-child(odd)>*,table.dataTable.display>tbody>tr:nth-child(odd)>*{box-shadow:inset 0 0 0 9999px rgba(255,255,255,.01) !important}
.empty-state{text-align:center;color:var(--muted);padding:2rem !important}
.repo-actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}
.repo-actions .btn,.repo-actions button{margin:.12rem 0}
.repo-actions form{margin:0}
.repo-actions button{cursor:pointer}
.archive-group-actions{gap:.35rem;flex-wrap:nowrap}
.archive-group-actions form{display:inline-flex}
.archive-group-actions .action-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.42rem .62rem;white-space:nowrap}
.uploader-popover{position:relative;display:inline-flex}
.uploader-trigger{border:0;background:transparent;color:var(--text);font:inherit;font-weight:700;padding:0;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(52,211,153,.45);text-underline-offset:3px}
.uploader-trigger:hover,.uploader-trigger:focus{color:var(--accent);outline:0}
.uploader-card{position:absolute;left:0;top:calc(100% + .45rem);z-index:90;display:none;min-width:220px;max-width:280px;background:#0b1220;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 16px 32px rgba(2,6,23,.55);padding:.85rem .75rem .75rem;color:var(--text)}
.uploader-card strong,.uploader-card span{display:block}
.uploader-card span{margin-top:.2rem;color:var(--muted);font-size:.88rem}
.uploader-card .btn{margin-top:.65rem}
.uploader-close{position:absolute;right:.45rem;top:.4rem;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.04);color:var(--text);line-height:1;cursor:pointer}
.uploader-close:hover,.uploader-close:focus{background:rgba(248,113,113,.13);color:#fca5a5;outline:0}
.uploader-popover.open .uploader-card{display:block}
.repo-table th:nth-child(5),.repo-table td:nth-child(5){display:none}
.repo-table th:nth-child(5),.repo-table td:nth-child(5){display:table-cell}
.archive-group-mobile-summary{display:none}
.archive-mobile-summary{display:none}
.archive-mobile-summary strong{display:block;font-weight:700;color:var(--text)}
.archive-mobile-summary span{display:block;margin-top:.25rem;color:var(--muted);font-size:.85rem}
.archive-mobile-summary .uploader-card{display:none}
.archive-mobile-summary .uploader-popover.open .uploader-card{display:block}
.file-archive-table th:nth-child(5),.file-archive-table td:nth-child(5){display:none}
.mobile-row-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.65rem}
.mobile-row-actions form{display:inline-flex;margin:0}
.icon-action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#0b1220;color:var(--text);font-weight:800;text-decoration:none;line-height:1;cursor:pointer}
.icon-action.download{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.28);color:var(--accent)}
.icon-action.danger{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.28);color:#fca5a5}
.icon-action:hover{filter:brightness(1.12)}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.panel-heading h3,.repo-panel h3{margin:0 0 .5rem}
.panel-note{color:var(--muted);font-size:.95rem;margin:.25rem 0 1rem}
.repo-form{display:flex;flex-direction:column;gap:.55rem}
.repo-form label{font-weight:700;color:var(--text)}
.repo-form input,.repo-form textarea,.repo-form select{width:100%;border:1px solid rgba(255,255,255,0.08);border-radius:8px;background:#0b1220;color:var(--text);padding:.7rem;font:inherit}
.repo-form input,.repo-form textarea,.repo-form select{color-scheme:dark}
.repo-form input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.85;cursor:pointer}
.repo-form textarea{resize:vertical}
.repo-form .btn{margin-top:.5rem;cursor:pointer}
.date-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}
.date-field .date-picker-button{margin-top:0;white-space:nowrap}
.password-field{position:relative;display:flex;align-items:center;width:100%}
.password-field input{width:100%;padding-right:4.8rem !important;border:1px solid rgba(255,255,255,0.08);border-radius:8px;background:#0b1220;color:var(--text);padding:.7rem;font:inherit}
.password-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.04);color:var(--accent);font:inherit;font-size:.78rem;font-weight:700;padding:.32rem .45rem;cursor:pointer}
.password-toggle:hover,.password-toggle:focus{background:rgba(52,211,153,.12);outline:0}
.auth-page{display:flex;justify-content:center}
.auth-card{width:min(100%,520px);background:var(--card);border:1px solid rgba(255,255,255,0.04);border-radius:8px;padding:1.25rem}
.auth-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.auth-card-head h2{margin:0}
.auth-switch{margin:1rem 0 0;color:var(--muted);font-size:.95rem}
.auth-switch.compact{font-size:.88rem}
.auth-switch a{color:var(--accent);text-decoration:none;font-weight:700}
.auth-switch a:hover{text-decoration:underline}
.auth-inline-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:1rem}
.auth-inline-actions form{margin:0}
.otp-input{text-align:center;font-size:1.4rem;font-weight:800;letter-spacing:.45rem}
.profile-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--card);border:1px solid rgba(255,255,255,0.04);border-radius:8px;padding:1.25rem}
.profile-panel-main{display:flex;align-items:center;gap:1rem;min-width:0}
.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--accent);color:#07221a;font-size:1.5rem;font-weight:800}
.profile-panel h2{margin:0}
.profile-back-btn{white-space:nowrap}
.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}
.profile-card{background:var(--card);border:1px solid rgba(255,255,255,0.04);border-radius:8px;padding:1rem}
.profile-card h3{margin:0 0 .75rem}
.field-note{margin:-.2rem 0 .25rem;color:var(--muted);font-size:.86rem}
.field-note a{color:var(--accent)}
.danger-text{color:#fca5a5}
.profile-stat{background:var(--card);border:1px solid rgba(255,255,255,0.04);border-radius:8px;padding:1rem}
.profile-stat span{display:block;color:var(--muted);font-size:.9rem}
.profile-stat strong{display:block;margin-top:.25rem;font-size:1.75rem;color:var(--accent)}
.contact-field-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.contact-field-head span{font-size:.8rem;color:var(--muted)}
.public-contact-list{display:flex;flex-direction:column;gap:.5rem}
.public-contact-item{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:.45rem;align-items:center}
.public-contact-item .icon-action{width:30px;height:30px}
.contact-add-btn{align-self:flex-start;margin-top:.1rem !important}
.public-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.profile-detail-list{display:grid;gap:.75rem;margin:0}
.profile-detail-list div{display:grid;gap:.15rem}
.profile-detail-list dt{color:var(--muted);font-size:.85rem}
.profile-detail-list dd{margin:0;color:var(--text);font-weight:700}
.public-contact-display{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.public-contact-display li{border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#0b1220;padding:.7rem}
.public-profile-stat{margin-top:1rem}
.admin-list{display:grid;gap:1rem}
.admin-tabs{margin-top:1rem}
.admin-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.admin-create-user{margin-bottom:1rem}
.admin-user-card{display:grid;gap:.85rem}
.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.admin-card-head strong,.admin-card-head span{display:block}
.admin-card-head span{color:var(--muted);font-size:.9rem}
.admin-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.admin-form-grid label{display:flex;flex-direction:column;gap:.35rem}
.admin-form-wide{grid-column:1 / -1;display:flex;flex-direction:column;gap:.35rem}
.admin-actions{gap:.45rem}
.admin-password-form{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin:0}
.admin-password-form .password-field{min-width:220px}
.admin-inline-check{width:max-content}
.admin-user-mobile-summary{display:none}
.admin-protected-note{display:inline-flex;align-items:center;min-height:34px;color:var(--muted);font-size:.85rem;font-weight:700}
.repo-empty-action{background:var(--card);border:1px solid rgba(255,255,255,0.04);border-radius:8px;padding:1rem;margin-top:1rem}
.form-helper-link{font-size:.85rem;color:var(--accent);text-decoration:none;margin-top:-.25rem}
.form-helper-link:hover{text-decoration:underline}
.location-suggest{position:relative}
.location-suggestions{position:absolute;left:0;right:0;top:calc(100% + .35rem);z-index:70;max-height:230px;overflow:auto;background:#0b1220;border:1px solid rgba(255,255,255,0.1);border-radius:8px;box-shadow:0 14px 30px rgba(2,6,23,.5);padding:.35rem}
.location-suggestions button{display:block;width:100%;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;text-align:left;padding:.55rem .65rem;cursor:pointer}
.location-suggestions button:hover,.location-suggestions button:focus{background:rgba(52,211,153,.1);color:var(--accent);outline:0}
.location-suggestions .empty-state{padding:.65rem !important;text-align:left}

@media (max-width:800px){
  .lead{max-width:100%}
  .screenshots{gap:.75rem;padding:0 1rem}
  /* smaller slider images on phones but preserve full image (no crop) */
  .screenshots img{height:200px;max-width:80vw;width:auto;object-fit:contain;object-position:center}
  .screenshots{gap:.5rem;padding:0 0.75rem}
  /* smaller dots for mobile */
  .dot{width:6px;height:6px}
  .dot.active{width:14px}
  .features{grid-template-columns:1fr}
  .menu{flex-direction:column;align-items:flex-end;background:transparent}
  .menu-btn{display:block}
  /* Mobile appbar spacing adjustments */
  .appbar-inner{padding:1rem 0}
  .brand{align-items:center}
  .logo{height:40px}
    /* hide desktop nav and show mobile sidebar when used */
    .appbar-nav{display:none}
    .mobile-sidebar{display:block}

    /* On small screens show the menu button first, then brand (button then logo+text)
      by swapping region order. Also align items from the left. */
    .appbar-inner{justify-content:flex-start;gap:.75rem}
    .appbar-right{order:1}
    .appbar-left{order:2;flex:1;gap:.45rem;min-width:0}
    .appbar-right .menu-btn{order:1}
    .brand{margin-left:0}
    .appbar-repo-context{flex-direction:column;align-items:flex-start;gap:.1rem;margin-left:.25rem}
    .appbar-context{margin-left:0;padding-left:0;border-left:0;font-size:.84rem;line-height:1.1}
    .appbar-admin-badge{margin-left:0;font-size:.68rem;padding:.1rem .4rem;line-height:1.1}

    /* add a little space below the appbar so content doesn't butt against it */
    .appbar{padding-bottom:.5rem}
    main{padding-top:.5rem}

  /* Improve readability and tap targets on small screens */
  .section .container{padding:0 0.75rem}
  .section h2{font-size:1.25rem}
  .section p, .section li{font-size:.95rem}
  .section .btn{display:block;width:100%;padding:.75rem;text-align:center}
  .section .btn + .btn{margin-top:.5rem}
  .repo-header{align-items:flex-start}
  .repo-dropdown{position:fixed;left:1rem;right:1rem;top:5.25rem;width:auto}
  .repo-upload-dropdown{left:50%;right:auto;top:50%;width:min(340px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;transform:translate(-50%,-50%);z-index:131}
  .repo-upload-backdrop:not(.hidden){display:block;position:fixed;inset:0;background:rgba(2,6,23,.72);z-index:130}
  .section-heading-row{flex-direction:column}
  .repo-inline-action{width:auto}
  .repo-inline-action .repo-auth-trigger{width:auto;display:inline-flex}
  .repo-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .repo-tab{width:100%;padding:.65rem .5rem}
  .repo-layout{grid-template-columns:1fr}
  .profile-grid{grid-template-columns:1fr}
  .admin-form-grid{grid-template-columns:1fr}
  .admin-summary-grid{grid-template-columns:1fr}
  .admin-card-head{flex-direction:column}
  .admin-password-form{align-items:stretch}
  .admin-password-form .password-field{min-width:0;width:100%}
  .admin-user-mobile-summary{display:grid;gap:.15rem;margin-top:.35rem;color:var(--muted);font-size:.82rem;line-height:1.3}
  .profile-panel{align-items:flex-start;flex-direction:column}
  .profile-back-btn{width:auto !important}
  .auth-card-head{flex-direction:column}
  .auth-card-head .btn,.auth-inline-actions .btn,.auth-inline-actions form{width:auto}
  .repo-panel{order:-1}
  .repo-actions{align-items:stretch}
  .repo-actions .btn,.repo-actions form,.repo-actions button{width:100%}
  .date-field{grid-template-columns:minmax(0,1fr) auto}
  .date-field .date-picker-button{display:inline-flex !important;align-items:center;justify-content:center;width:auto !important;padding:.62rem .75rem}
  .repo-actions{display:none}
  .repo-table{min-width:0}
  .repo-table th:nth-child(1),.repo-table td:nth-child(1){width:34%;min-width:92px}
  .repo-table th:nth-child(5),.repo-table td:nth-child(5){display:table-cell;width:auto}
  #adminUserTable.repo-table th:nth-child(2),#adminUserTable.repo-table td:nth-child(2),#adminUserTable.repo-table th:nth-child(3),#adminUserTable.repo-table td:nth-child(3),#adminUserTable.repo-table th:nth-child(4),#adminUserTable.repo-table td:nth-child(4),#adminUserTable.repo-table th:nth-child(5),#adminUserTable.repo-table td:nth-child(5){display:none}
  #adminUserTable.repo-table th:nth-child(1),#adminUserTable.repo-table td:nth-child(1){display:table-cell;width:62%;min-width:0;text-align:left;white-space:normal}
  #adminUserTable.repo-table th:nth-child(6),#adminUserTable.repo-table td:nth-child(6){display:table-cell;width:38%;min-width:96px}
  #adminUserTable .repo-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}
  #adminUserTable .repo-actions .btn,#adminUserTable .repo-actions form,#adminUserTable .repo-actions button{width:auto;margin:0}
  #adminUserTable .archive-group-actions{flex-wrap:wrap}
  .archive-mobile-summary{display:none}
  table.archive-group-table th:nth-child(n+2),table.archive-group-table td:nth-child(n+2){display:none}
  table.archive-group-table th:nth-child(1),table.archive-group-table td:nth-child(1){display:table-cell;width:100%;min-width:0;text-align:left}
  table.archive-group-table.dataTable thead th:first-child .dt-column-header{justify-content:flex-start}
  .archive-title-desktop{display:none}
  .archive-group-mobile-summary{display:block}
  .archive-group-mobile-summary strong{display:block;color:var(--text);font-weight:800;line-height:1.35}
  .archive-group-mobile-summary span{display:block;margin-top:.25rem;color:var(--muted);font-size:.84rem;line-height:1.35}
  .archive-group-mobile-summary .mobile-row-actions{display:flex;align-items:center;gap:.45rem;margin-top:.75rem}
  .archive-group-mobile-summary .mobile-row-actions .btn{width:auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.45rem .7rem;margin:0}
  .file-archive-table th:nth-child(2),.file-archive-table td:nth-child(2),.file-archive-table th:nth-child(3),.file-archive-table td:nth-child(3),.file-archive-table th:nth-child(4),.file-archive-table td:nth-child(4),.file-archive-table th:nth-child(6),.file-archive-table td:nth-child(6){display:none}
  .file-archive-table th:nth-child(5),.file-archive-table td:nth-child(5){display:table-cell;width:66%}
  .file-archive-table .archive-mobile-summary{display:table-cell}
  .file-archive-table .mobile-row-actions{align-items:center}
  .file-archive-table .mobile-row-actions .icon-action{width:36px;height:36px;font-size:1rem}
  .mobile-row-actions .btn,.mobile-row-actions form,.mobile-row-actions button{width:auto}
  .uploader-popover{position:relative}
  .uploader-card{position:absolute;left:0;right:auto;top:calc(100% + .45rem);bottom:auto;min-width:min(240px,calc(100vw - 2rem));max-width:min(280px,calc(100vw - 2rem));z-index:120}
  .archive-mobile-summary .uploader-card{left:auto;right:0}
  .public-profile-grid{grid-template-columns:1fr}
}

  /* Template actions: align buttons horizontally on wide screens, stack on mobile */
  .template-actions{display:flex;gap:.5rem;align-items:center}
  .template-actions .btn{display:inline-block}
  @media (max-width:800px){
    .template-actions{flex-direction:column}
    .template-actions .btn{width:100%;display:block}
  }

  /* Support buttons styling (Saweria + GitHub follow) */
  .support-actions{display:flex;flex-direction:column;gap:.5rem;max-width:420px}
  .support-actions .btn{width:100%;padding:.75rem 1rem;border-radius:10px;text-align:center}
  .support-actions .btn.github-follow{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,0.06)}
  .support-actions .btn.github-follow svg{fill:var(--text)}
  .support-actions .btn.github-follow:hover{background:rgba(255,255,255,0.02)}

@media (min-width:1200px){
  .slider-container{max-width:1200px;margin:0 auto;overflow-x:auto}
  .slider-container::-webkit-scrollbar{display:block;height:10px}
  .slider-container{scrollbar-width:thin}
  .screenshots{justify-content:flex-start;padding:0 1rem}
  .screenshots img{height:420px;max-width:520px}
}

/* Mobile sidebar styles */
.hidden{display:none !important}
.mobile-sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;background:var(--card);box-shadow:2px 0 24px rgba(2,6,23,.6);padding:1rem;z-index:60;overflow:auto;transform:translateX(-110%);transition:transform .28s ease}
.mobile-sidebar .app-link{display:block;margin:0.5rem 0;padding:.6rem .75rem}
.mobile-sidebar:not(.hidden){transform:translateX(0)}
.mobile-sidebar .container{padding:0}

/* Mobile sidebar header + adjust padding so content isn't pushed down */
.mobile-sidebar-header{padding:0 0 .5rem;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,0.04);color:var(--text);font-weight:700}
@media (max-width:800px){
  .mobile-sidebar{padding:1rem}
}

/* small adjustment to ensure content under header not hidden */
main{padding-top:0}

/* Modal styles for download confirmation */
.modal{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:120}
.modal.hidden{display:none}
.modal-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(2,6,23,0.6)}
.modal-box{position:relative;background:var(--card);color:var(--text);padding:1.25rem;border-radius:10px;max-width:520px;width:calc(100% - 2rem);box-shadow:0 10px 30px rgba(2,6,23,0.6);z-index:121}
.modal-box h3{margin:0;font-size:1.125rem}
.modal-message{padding:.75rem;margin:.75rem 0 .5rem}
.modal-warning{margin:.5rem 0 1rem;color:#fca5a5;font-weight:700}
.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}
.modal-actions form{margin:0}
.modal-actions .btn.primary{background:var(--accent);color:#07221a}
.modal-actions .btn.danger{background:#f87171;color:#2a0707}
.modal-actions .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--muted)}
.danger-modal{border:1px solid rgba(248,113,113,.22)}

/* Hero overlay for tapped screenshots (fullscreen transition) */
.hero-overlay{position:fixed;inset:0;background:rgba(2,6,23,0.85);z-index:190;opacity:0;pointer-events:none;transition:opacity .24s ease}
.hero-overlay.open{opacity:1;pointer-events:auto}
.hero-image{position:fixed;z-index:200;transition:left .36s cubic-bezier(.22,.9,.3,1),top .36s cubic-bezier(.22,.9,.3,1),width .36s cubic-bezier(.22,.9,.3,1),height .36s cubic-bezier(.22,.9,.3,1),border-radius .36s ease;box-shadow:0 20px 60px rgba(0,0,0,0.6);overflow:hidden}
.hero-image img{display:block;width:100%;height:100%;object-fit:contain}

/* Cluster plot illustration: default reduced size, full-width on small screens */
.cluster-plot{max-width:480px;width:70%;height:auto;border-radius:8px;box-shadow:0 6px 18px rgba(2,6,23,0.08);display:block;margin:0.75rem auto}
@media (max-width:800px){
  .cluster-plot{width:100%;max-width:100%}
}

/* Public documentation and release availability. */
.release-note{font-size:.9rem;line-height:1.6;color:var(--muted);border-left:3px solid var(--accent);padding:.6rem .9rem;margin:1rem 0;text-align:left}
.release-note a{color:var(--accent)}
.screenshots img{width:auto}
.section [id]{scroll-margin-top:6rem}
.feature-card h3{margin-top:0;font-size:1.1rem}
figcaption{color:var(--muted);font-size:.9rem}
.cluster-figure figcaption{text-align:center;margin:.75rem auto 0;max-width:480px;line-height:1.5}

/* App download choices */
.download-options{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin:1rem 0}
.download-options > .btn{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:58px;box-sizing:border-box}
.play-store-button{gap:.75rem;padding:.6rem 1rem;background:#101820;color:#fff;border:1px solid #52616b;font:inherit;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}
.play-store-button:hover{background:#1b2933;border-color:var(--accent)}
.play-store-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.play-store-button img{object-fit:contain;flex-shrink:0}
.play-store-label{display:flex;flex-direction:column;gap:.15rem;line-height:1.2}
.play-store-status{font-size:.72rem;font-weight:400;color:#cbd5e1}
.play-store-name{font-size:1.15rem;font-weight:700}
.play-store-dialog{box-sizing:border-box;width:calc(100% - 2rem);max-width:440px;padding:1.75rem;border:1px solid rgba(52,211,153,.25);border-radius:16px;background:var(--card);color:var(--text);box-shadow:0 24px 80px rgba(0,0,0,.4);text-align:center}
.play-store-dialog::backdrop{background:rgba(2,6,23,.75)}
.play-store-dialog h2{font-size:1.25rem;margin:1rem 0 .75rem}
.play-store-dialog p{color:var(--muted);line-height:1.6}
.play-store-dialog form{margin-top:1.25rem}
.play-store-dialog button{cursor:pointer;min-height:44px}


.download-secondary{display:flex;flex-wrap:wrap;gap:.5rem}
.download-secondary > .btn,.btn.mirror-button{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:36px;padding:.4rem .65rem;font-size:.8rem;font-weight:500;box-sizing:border-box}

.about-actions{display:flex;flex-wrap:wrap;gap:.5rem}

.platform-note{color:var(--muted);font-size:.85rem;margin:.75rem 0}