:root{--n26:#111827;--n26-soft:#f4f6fa;--n26-border:#e8ebf0}
body{font-size:15px}.sidenav-menu{background:#1f2633!important}.side-nav-link,.side-nav-title,.sidenav-user h4,.sidenav-user h6{color:#eef2f7!important}.side-nav-item.active>.side-nav-link,.side-nav-link:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}.brand-text{font-weight:800;font-size:22px;letter-spacing:-.8px;color:#fff}.brand-mark{width:54px;height:54px;border-radius:16px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}.page-title-box{padding-top:6px}.content-card{border:1px solid var(--n26-border);box-shadow:0 3px 12px rgba(23,31,56,.035);border-radius:14px}.metric-card{border:1px solid var(--n26-border);border-radius:14px}.metric-icon{width:44px;height:44px;border-radius:12px;background:#f2f4f7;display:grid;place-items:center;font-weight:800}.table>:not(caption)>*>*{vertical-align:middle}.thumb{width:54px;height:42px;border-radius:8px;object-fit:cover;background:#f1f3f5}.badge-soft-dark{background:#eef0f3;color:#343a40}.form-label{font-weight:600}.admin-actionbar{position:sticky;top:70px;z-index:20;background:#fff;border:1px solid var(--n26-border);border-radius:14px;padding:14px 18px}.editor-area{min-height:390px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:#f4f6f8}.login-card{width:min(430px,92vw)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.media-item{border:1px solid var(--n26-border);border-radius:12px;overflow:hidden;background:#fff}.media-item img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f6f7f9}.media-meta{padding:9px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#20c997}.no26-note{background:#fff8e6;border:1px solid #ffe5a3;border-radius:12px;padding:12px 14px}.form-switch .form-check-input{width:2.5em}
/* No-26 additions on top of the original No26 assets */
.no26-hd-logo{font-size:21px;font-weight:900;letter-spacing:-1px;text-decoration:none}.no26-hd-logo .logo-lg,.no26-hd-logo .logo-sm{display:flex;align-items:center;justify-content:center;height:100%;color:inherit}.no26-login-brand{font-size:28px;font-weight:900;letter-spacing:-1.5px;color:var(--bs-body-color);text-decoration:none}.sidenav-menu .no26-hd-logo{color:#fff!important}.topbar-menu .no26-hd-logo{color:var(--bs-body-color)!important}.page-container{max-width:none}.side-nav-item.active>.side-nav-link{font-weight:700}.side-nav .badge{margin-inline-start:auto}.admin-actionbar{top:82px}

.quill-editor{min-height:420px;background:#fff}.ql-toolbar.ql-snow{border-color:var(--n26-border);border-radius:10px 10px 0 0}.ql-container.ql-snow{border-color:var(--n26-border);border-radius:0 0 10px 10px;font-size:16px}.category-picker-list{max-height:280px;overflow:auto;border:1px solid var(--n26-border);border-radius:10px;padding:8px}.category-choice{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:8px;cursor:pointer}.category-choice:hover{background:#f6f7f9}.category-choice span{display:flex;flex-direction:column}.category-choice small{color:#8b93a1}.featured-preview,.media-field-preview{border:1px dashed #d8dde6;border-radius:12px;min-height:90px;display:grid;place-items:center;overflow:hidden;background:#fafbfc}.featured-preview{min-height:190px}.featured-preview img,.media-field-preview img{width:100%;max-height:250px;object-fit:cover}.empty-media{display:flex;flex-direction:column;align-items:center;gap:8px;color:#98a0ad;font-size:13px}.empty-media i{font-size:38px}.media-picker-modal .modal-body{height:min(680px,72vh);overflow:hidden}.media-picker-modal .row{height:100%}.media-picker-modal .col-lg-9,.media-picker-modal .col-lg-3{height:100%;overflow:auto}.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}.media-picker-item{border:2px solid transparent;border-radius:10px;padding:0;background:#fff;overflow:hidden;text-align:left}.media-picker-item:hover{border-color:#cbd2dc}.media-picker-item.selected{border-color:#111827;box-shadow:0 0 0 2px rgba(17,24,39,.12)}.media-picker-item img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f4f5f7}.media-picker-item span{display:block;padding:7px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-tile,.thumb-empty{display:grid;place-items:center;background:#f3f5f7;color:#7a8491}.audio-tile{aspect-ratio:1/1;font-size:38px}.thumb-empty{font-size:20px}.post-list-table td{white-space:nowrap}.post-list-table td:nth-child(2),.post-list-table td:nth-child(3){white-space:normal}.media-library-grid .media-item{transition:.15s ease}.media-library-grid .media-item:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(23,31,56,.08)}

/* v0.6 — reference panel architecture */
:root{--n26-side:#20242e;--n26-page:#f3f6fa;--n26-ink:#0f1b34;--n26-muted:#8b98ad;--n26-line:#e2e8f0;--n26-red:#df1919}
body{background:var(--n26-page);color:var(--n26-ink)}
.no26-reference-sidebar.sidenav-menu{background:var(--n26-side)!important;border-right:0!important}
.no26-brand-logo{height:106px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}
.no26-brand-logo .logo-lg{display:flex!important;flex-direction:column;align-items:center;line-height:1;color:#fff!important}
.no26-brand-logo .logo-lg b{font-size:34px;letter-spacing:-2.2px;font-weight:900}.no26-brand-logo .logo-lg small{font-size:7px;letter-spacing:1.5px;margin-bottom:5px;order:-1;color:#fff;opacity:.9}.no26-brand-logo .logo-sm{font-weight:900;color:#fff}
.no26-flat-nav{padding:0 16px 30px!important}.no26-flat-nav .side-nav-title{padding:15px 8px 8px!important;font-size:11px!important;letter-spacing:1.1px!important;color:#8190a7!important;font-weight:700!important}.no26-flat-nav .side-nav-item{margin:2px 0;position:relative}.no26-flat-nav .side-nav-link{min-height:40px;padding:9px 10px!important;border-radius:0!important;background:transparent!important;color:#dce4f2!important;font-size:13.5px!important}.no26-flat-nav .menu-icon{width:25px!important;color:#a7b4c8!important}.no26-flat-nav .side-nav-item.active:before{content:"";position:absolute;left:-16px;top:9px;width:2px;height:22px;background:var(--n26-red);border-radius:2px}.no26-flat-nav .side-nav-item.active>.side-nav-link{background:transparent!important;color:#fff!important}.no26-flat-nav .side-nav-item.active .menu-icon{color:#dce4f2!important}.no26-flat-nav .side-nav-link:hover{background:rgba(255,255,255,.035)!important}
.no26-reference-topbar.app-topbar{background:#fff!important;border-bottom:1px solid #e9edf3!important;box-shadow:none!important}.no26-reference-topbar .topbar-menu{min-height:70px!important}.topbar-page-name{font-size:16px;font-weight:700;color:#14213d}.no26-global-search{position:absolute;left:50%;transform:translateX(-50%);width:min(320px,30vw);height:41px;border:1px solid #dfe5ed;border-radius:6px;background:#f8fafc;align-items:center;padding:0 13px;gap:9px;z-index:10}.no26-global-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px;color:#26354d}.no26-global-search i{color:#697a92}.admin-search-results{position:absolute;top:48px;left:0;right:0;background:#fff;border:1px solid #e3e9f1;border-radius:8px;box-shadow:0 16px 35px rgba(31,45,72,.12);overflow:hidden}.admin-search-results a{display:flex;align-items:center;gap:7px;padding:10px 12px;color:#26354d;border-bottom:1px solid #f0f2f6}.admin-search-results a:last-child{border-bottom:0}.admin-search-results a:hover{background:#f6f8fb}.no26-notification-dot{position:absolute;width:8px;height:8px;background:#c80000;border:2px solid #fff;border-radius:50%;right:10px;top:11px}.no26-user-avatar{background:#fff1f1!important;color:#c61b1b!important;border:1px solid #ffe0e0}
.page-content{background:var(--n26-page)!important}.page-container{padding-left:24px!important;padding-right:24px!important}.footer{background:transparent!important;border-top:1px solid #e3e8ef!important;font-size:11px;color:#98a4b5}
.no26-breadcrumb-row{height:52px;background:#fff;border:1px solid #dfe6ef;border-radius:13px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#66758b}.no26-breadcrumb-row a{color:#66758b}.no26-breadcrumb-row strong{color:#17243d}.no26-back-button{width:34px;height:34px;border:1px solid #dfe6ef;background:#fff;border-radius:9px;color:#3f536d;display:grid;place-items:center}
.no26-section-hero{position:relative;overflow:hidden;background:#fff;border:1px solid #e2e7ef;border-radius:14px;padding:20px 21px;display:flex;align-items:center;justify-content:space-between;min-height:86px;margin-bottom:17px}.no26-section-hero:after{content:"";position:absolute;right:-38px;top:-74px;width:150px;height:150px;border-radius:50%;background:rgba(231,60,60,.035)}.no26-section-hero h1{font-size:21px;margin:0 0 4px;font-weight:800;letter-spacing:-.3px}.no26-section-hero p{margin:0;color:#8a98ad;font-size:12px}.no26-section-actions{display:flex;gap:8px;z-index:1}.no26-section-actions .btn{font-size:12px;border-color:#dbe2ec;background:#fff;color:#52647c;padding:9px 13px}
.no26-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.no26-module-card{--accent:#3d75ff;--tint:#f5f8ff;--line:#bcd0ff;position:relative;overflow:hidden;min-height:110px;border:1px solid var(--line);background:var(--tint);border-radius:13px;padding:18px 42px 17px 87px;text-decoration:none;color:#14213d;display:flex;flex-direction:column;justify-content:center;transition:.18s ease}.no26-module-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(35,53,83,.07);color:#14213d}.no26-module-card:after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;right:-28px;bottom:-35px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.no26-module-icon{position:absolute;left:18px;top:27px;width:51px;height:51px;background:#fff;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:21px}.no26-module-card h3{font-size:14px;margin:0 0 6px;font-weight:800;line-height:1.25}.no26-module-card p{font-size:11.5px;line-height:1.45;color:#8997aa;margin:0;max-width:240px}.no26-module-arrow{position:absolute;right:14px;top:18px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.58);color:var(--accent);font-size:12px}.no26-module-badge{display:inline-flex;align-items:center;width:max-content;margin-left:6px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:2px 6px;font-size:9px;color:var(--accent);font-weight:800;vertical-align:middle}.tone-blue{--accent:#346aff;--tint:#f4f7ff;--line:#bad0ff}.tone-cyan{--accent:#009adf;--tint:#f2fbff;--line:#b7e2f5}.tone-orange{--accent:#ef8700;--tint:#fff9ef;--line:#f2d3a5}.tone-red{--accent:#db1717;--tint:#fff6f6;--line:#efc2c2}.tone-mint{--accent:#00a88b;--tint:#f1fbf8;--line:#b3e2d9}.tone-purple{--accent:#7b55ff;--tint:#f8f4ff;--line:#d7c4ff}
.no26-toolbar{background:#fff;border:1px solid #e0e6ee;border-radius:12px;padding:12px}.no26-wp-media-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:560px;border:1px solid #e1e6ed;background:#fff;border-radius:14px;overflow:hidden}.no26-wp-media-main{min-width:0}.no26-media-detail{border-left:1px solid #e4e9ef;background:#f8fafc;padding:17px;position:relative}.no26-media-detail .preview{width:100%;aspect-ratio:1.4/1;object-fit:contain;background:#eef2f6;border-radius:8px;margin-bottom:15px}.no26-media-detail-placeholder{height:100%;display:grid;place-items:center;color:#97a3b4;text-align:center;padding:25px}.media-selectable{position:relative;cursor:pointer}.media-selectable.is-selected{outline:3px solid #2563eb;outline-offset:-3px}.media-selectable .media-check{position:absolute;right:7px;top:7px;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid #dce3ec;display:grid;place-items:center;z-index:2;color:transparent}.media-selectable.is-selected .media-check{background:#2563eb;color:#fff;border-color:#2563eb}.no26-list-view .media-library-grid{display:block}.no26-list-view .media-item{display:grid;grid-template-columns:80px minmax(0,1fr) 120px 120px;margin-bottom:6px}.no26-list-view .media-item img,.no26-list-view .audio-tile{width:80px;height:62px;aspect-ratio:auto}.no26-list-view .media-meta{display:flex;align-items:center;gap:16px}.no26-dropzone{border:1.5px dashed #cbd5e1;border-radius:12px;background:#fafcff;padding:19px;text-align:center;color:#718096}.no26-import-progress{height:12px;border-radius:99px;background:#e8edf3;overflow:hidden}.no26-import-progress>span{height:100%;display:block;background:#24354f;transition:.25s ease}.no26-stat-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.no26-stat-mini{background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:12px}.no26-stat-mini b{display:block;font-size:18px}.no26-stat-mini span{font-size:10px;color:#8b98aa}
@media(max-width:1200px){.no26-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.no26-wp-media-layout{grid-template-columns:1fr}.no26-media-detail{border-left:0;border-top:1px solid #e4e9ef}.no26-stat-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.page-container{padding-left:14px!important;padding-right:14px!important}.no26-module-grid{grid-template-columns:1fr}.no26-section-hero{align-items:flex-start;gap:15px;flex-direction:column}.no26-module-card{min-height:104px}.no26-stat-strip{grid-template-columns:repeat(2,1fr)}}


/* v0.7.2 — Berrak reference lock
   No26's native Nunito Sans is the visual reference. No guessed font families. */
:root{
  --No26-topbar-height:65px;
  --n26-reference-font:"Nunito Sans",sans-serif;
}
html,body,button,input,select,textarea,.btn,.dropdown-menu,.modal,.table,
.form-control,.form-select,.badge,.pagination{
  font-family:var(--n26-reference-font)!important;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{font-size:14px;font-weight:400;letter-spacing:0}

/* shell measurements from the Berrak reference */
.no26-brand-logo{height:96px!important}
.no26-flat-nav{padding:0 16px 30px!important}
.page-container{padding-left:26px!important;padding-right:20px!important}
.no26-reference-topbar .topbar-menu{min-height:65px!important;height:65px!important}
.sidenav-toggle-button{display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* sidebar typography */
.no26-flat-nav .side-nav-title{
  font-family:var(--n26-reference-font)!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  letter-spacing:1.15px!important;
  font-weight:700!important;
}
.no26-flat-nav .side-nav-link{
  font-family:var(--n26-reference-font)!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  min-height:41px!important;
}
.no26-flat-nav .side-nav-item.active>.side-nav-link{font-weight:600!important}

/* topbar */
.topbar-page-name{font-size:17px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:0!important}
.no26-global-search{height:41px!important}
.no26-global-search input{font-size:13px!important;font-weight:400!important}
.no26-reference-topbar .nav-user .fw-semibold{font-size:13.5px!important;font-weight:600!important}

/* breadcrumb */
.no26-breadcrumb-row{height:54px!important;font-size:12.5px!important;font-weight:400!important;line-height:1.2!important}
.no26-breadcrumb-row strong{font-weight:700!important}

/* page heading */
.no26-section-hero{min-height:90px!important;padding:18px 21px!important;margin-bottom:17px!important}
.no26-section-hero h1{
  font-family:var(--n26-reference-font)!important;
  font-size:23px!important;
  line-height:1.18!important;
  font-weight:700!important;
  letter-spacing:-.25px!important;
  margin:0 0 4px!important;
}
.no26-section-hero p{
  font-family:var(--n26-reference-font)!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#8b98ad!important;
}
.no26-section-actions .btn{font-size:12px!important;font-weight:400!important}

/* module cards */
.no26-module-grid{gap:15px!important}
.no26-module-card{min-height:114px!important;padding:18px 42px 17px 89px!important}
.no26-module-icon{left:19px!important;top:28px!important;width:52px!important;height:52px!important;font-size:21px!important}
.no26-module-card h3{
  font-family:var(--n26-reference-font)!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:0!important;
  margin:0 0 5px!important;
  color:#14213d!important;
}
.no26-module-card p{
  font-family:var(--n26-reference-font)!important;
  font-size:12px!important;
  line-height:1.42!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#8997aa!important;
  max-width:260px!important;
}
.no26-module-badge{
  font-family:var(--n26-reference-font)!important;
  font-size:9.5px!important;
  line-height:13px!important;
  font-weight:700!important;
  padding:1px 6px!important;
}
.no26-module-arrow{top:17px!important}

/* keep the same typography scale outside the hub too */
.card-title,.modal-title,.offcanvas-title{font-weight:700!important;letter-spacing:0!important}
.form-label{font-weight:600!important}
.table th{font-weight:700!important}

@media(max-width:800px){
  .page-container{padding-left:14px!important;padding-right:14px!important}
  .no26-section-hero h1{font-size:21px!important}
  .no26-module-card h3{font-size:14.5px!important}
}

/* v0.8 — functional module additions; visual reference remains v0.7.2 */
.no26-menu-item-row{border:1px solid #e4e9f0;background:#fbfcfe;border-radius:10px;padding:11px 12px;margin-bottom:8px}
.no26-menu-item-row:hover{border-color:#d4dce7;background:#fff}
.no26-menu-item-row .form-label{margin-bottom:4px;color:#738197}

/* v0.9 — homepage / No-26 block builder; v0.7.2 Berrak typography stays locked */
.no26-home-block-list{display:flex;flex-direction:column;gap:9px}
.no26-home-block-row{display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0;background:#fbfcfe;border-radius:11px;padding:11px 12px;transition:.15s ease}
.no26-home-block-row:hover{background:#fff;border-color:#d4dce7;box-shadow:0 5px 15px rgba(31,45,68,.04)}
.no26-home-block-row.dragging{opacity:.45;border-style:dashed}
.no26-home-drag{width:25px;color:#9aa6b7;cursor:grab;font-size:18px;display:grid;place-items:center}
.no26-home-block-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #dce5ef;font-size:18px;color:#52647c;flex:0 0 42px}
.no26-home-block-icon.tone-blue{color:#346aff;border-color:#bad0ff}.no26-home-block-icon.tone-cyan{color:#009adf;border-color:#b7e2f5}.no26-home-block-icon.tone-orange{color:#ef8700;border-color:#f2d3a5}.no26-home-block-icon.tone-red{color:#db1717;border-color:#efc2c2}.no26-home-block-icon.tone-mint{color:#00a88b;border-color:#b3e2d9}.no26-home-block-icon.tone-purple{color:#7b55ff;border-color:#d7c4ff}
.no26-home-preview-shell{background:#eef2f6;border:1px solid #dde4ed;border-radius:14px;padding:18px}
.no26-home-preview-browser{height:44px;background:#fff;border:1px solid #e0e6ee;border-radius:11px 11px 5px 5px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;margin-bottom:10px}.no26-home-preview-browser>div{display:flex;gap:5px}.no26-home-preview-browser span{width:8px;height:8px;border-radius:50%;background:#d8dee7}.no26-home-preview-browser small{color:#8c99aa}
.no26-home-preview-block{background:#fff;border:1px solid #e0e6ee;border-radius:10px;padding:18px;margin-bottom:10px}.no26-home-preview-block:last-child{margin-bottom:0}.no26-home-preview-block h4{font-size:18px;font-weight:700}
.no26-preview-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.no26-preview-item{border:1px solid #e5eaf0;border-radius:9px;overflow:hidden;background:#fbfcfe;min-width:0}.no26-preview-item img,.no26-preview-placeholder{width:100%;height:105px;object-fit:cover;background:#edf1f5}.no26-preview-placeholder{display:grid;place-items:center;color:#9ba7b8;font-size:24px}.no26-preview-item strong{display:block;font-size:12px;line-height:1.35;padding:9px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.no26-preview-banner{position:relative;border-radius:9px;overflow:hidden;background:#eef2f6;min-height:130px}.no26-preview-banner img{width:100%;max-height:220px;object-fit:cover;display:block}.no26-preview-banner span{position:absolute;left:12px;bottom:12px;background:#fff;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:700}
.no26-preview-subscribe{border:1px dashed #cad4e1;background:#f8fafc;border-radius:9px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.no26-preview-subscribe strong,.no26-preview-subscribe small{display:block}.no26-preview-subscribe small{color:#8a98aa;margin-top:3px}
@media(max-width:900px){.no26-preview-items{grid-template-columns:repeat(2,minmax(0,1fr))}.no26-home-block-row{align-items:flex-start;flex-wrap:wrap}.no26-home-block-row>.flex-grow-1{min-width:200px}}

/* v0.10 — Appearance / Site Designer. Berrak reference remains the visual baseline. */
.no26-admin-upload-logo{display:block;max-width:168px;max-height:62px;width:auto;height:auto;object-fit:contain}
.no26-admin-upload-logo-sm{display:block;max-width:34px;max-height:34px;width:auto;height:auto;object-fit:contain}
.no26-asset-field{display:flex;align-items:center;gap:14px;border:1px solid #e2e8f0;background:#fbfcfe;border-radius:12px;padding:13px;min-height:112px}
.no26-asset-field:hover{background:#fff;border-color:#d5dee9}
.no26-asset-preview{width:94px;height:72px;flex:0 0 94px;border:1px dashed #cad4e0;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#98a5b6;font-size:24px}
.no26-asset-preview.icon{width:72px;flex-basis:72px}
.no26-asset-preview img{width:100%;height:100%;object-fit:contain;padding:7px}
.min-w-0{min-width:0}
.no26-asset-field .input-group .btn{white-space:nowrap}

/* Reference screen: calm 4-column hub, no oversized dashboard density. */
@media(min-width:1400px){.no26-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){.no26-asset-field{align-items:flex-start;flex-direction:column}.no26-asset-preview,.no26-asset-preview.icon{width:100%;height:96px;flex-basis:auto}}

/* FINAL LAYOUT LOCK — Berrak reference screenshot
   Scope: layout only. No installer/update/database changes.
   Reference geometry: 252px desktop sidebar, fixed shell, consistent vertical rhythm. */
:root{
  --No26-sidenav-width:252px!important;
  --No26-topbar-height:65px!important;
  --n26-shell-sidebar:252px;
  --n26-shell-topbar:65px;
  --n26-shell-content-top:24px;
  --n26-shell-gap:18px;
}

html,body{margin:0!important;padding:0!important}

/* Desktop shell: never let No26's condensed state shrink the sidebar. */
@media (min-width:768px){
  html .no26-reference-sidebar.sidenav-menu,
  html .sidenav-menu{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:var(--n26-shell-sidebar)!important;
    min-width:var(--n26-shell-sidebar)!important;
    max-width:var(--n26-shell-sidebar)!important;
    height:100vh!important;
    min-height:100vh!important;
    background:#20242e!important;
  }

  html .no26-reference-topbar.app-topbar,
  html .app-topbar{
    top:0!important;
    margin-left:var(--n26-shell-sidebar)!important;
    min-height:var(--n26-shell-topbar)!important;
    height:var(--n26-shell-topbar)!important;
  }

  html .page-content{
    margin-left:var(--n26-shell-sidebar)!important;
    padding:0 12px!important;
  }

  .no26-brand-logo{
    width:var(--n26-shell-sidebar)!important;
    height:96px!important;
    min-height:96px!important;
  }

  .no26-reference-sidebar [data-simplebar]{
    height:calc(100vh - 96px)!important;
  }
}

/* Sidebar rhythm from the reference: one consistent row height, no double gap. */
.no26-flat-nav{
  padding:0 16px 30px!important;
  gap:0!important;
}
.no26-flat-nav > .side-nav-item{
  padding:0!important;
  margin:0!important;
}
.no26-flat-nav .side-nav-link{
  min-height:41px!important;
  height:41px!important;
  padding:9px 10px!important;
  margin:0!important;
}
.no26-flat-nav .side-nav-title{
  margin:0!important;
  padding:15px 8px 8px!important;
}
.no26-flat-nav .side-nav-title.mt-3{
  margin-top:12px!important;
}
.no26-flat-nav .menu-icon{
  width:25px!important;
  min-width:25px!important;
}
.no26-flat-nav .side-nav-item.active:before{
  left:-16px!important;
  top:9px!important;
  height:22px!important;
}

/* Topbar and every admin page use the same horizontal geometry. */
.no26-reference-topbar .topbar-menu{
  min-height:var(--n26-shell-topbar)!important;
  height:var(--n26-shell-topbar)!important;
}
.page-container{
  max-width:none!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
.page-content > .page-container{
  padding-top:var(--n26-shell-content-top)!important;
}

/* Never let breadcrumb / hero / module grid collapse into each other. */
.no26-breadcrumb-row{
  height:54px!important;
  min-height:54px!important;
  margin-top:0!important;
  margin-bottom:var(--n26-shell-gap)!important;
}
.no26-section-hero{
  min-height:90px!important;
  margin-top:0!important;
  margin-bottom:var(--n26-shell-gap)!important;
}
.no26-module-grid{
  margin-top:0!important;
  gap:15px!important;
  row-gap:15px!important;
  column-gap:15px!important;
}

/* No26's generic spacing utilities must not make hub pages differ. */
.page-content > .page-container > .no26-breadcrumb-row.mb-3{
  margin-bottom:var(--n26-shell-gap)!important;
}
.page-content > .page-container > .no26-section-hero + .no26-module-grid{
  margin-top:0!important;
}

/* Mobile remains off-canvas; fixed desktop width must not push the page. */
@media (max-width:767.98px){
  html .no26-reference-sidebar.sidenav-menu,
  html .sidenav-menu{
    top:0!important;
    width:252px!important;
    min-width:252px!important;
    max-width:252px!important;
    height:100vh!important;
    min-height:100vh!important;
  }
  html .no26-reference-topbar.app-topbar,
  html .app-topbar,
  html .page-content{
    margin-left:0!important;
  }
  html .page-content{padding:0!important}
  .page-container{padding-left:14px!important;padding-right:14px!important}
  .page-content > .page-container{padding-top:14px!important}
  .no26-breadcrumb-row{margin-bottom:14px!important}
  .no26-section-hero{margin-bottom:14px!important}
}


/* GLOBAL ADMIN PAGE RHYTHM — one layout standard for every admin screen */
.page-content > .page-container{display:flex!important;flex-direction:column!important;gap:18px!important;}
.page-content > .page-container > .no26-breadcrumb-row,.page-content > .page-container > .no26-section-hero,.page-content > .page-container > .no26-toolbar,.page-content > .page-container > .content-card,.page-content > .page-container > .alert,.page-content > .page-container > .row,.page-content > .page-container > form,.page-content > .page-container > .no26-module-grid{margin-top:0!important;margin-bottom:0!important;}
.page-content > .page-container > .no26-breadcrumb-row{flex:0 0 54px!important;}
.page-content > .page-container > .no26-section-hero{flex:0 0 auto!important;}
.page-content > .page-container > .no26-toolbar{padding:12px!important;}
.page-content > .page-container > .card.content-card{overflow:hidden;}
.content-card > .table-responsive > .table thead th,.content-card .table-responsive > .table thead th{height:44px;vertical-align:middle;}
.content-card .table tbody tr:last-child td{border-bottom:0;}
.content-card .table tbody td.text-center.text-muted.py-5{height:150px;padding-top:24px!important;padding-bottom:24px!important;}
.no26-section-actions form{margin:0!important;}
@media(max-width:767.98px){.page-content > .page-container{gap:14px!important;}}


/* API Servisleri */
.no26-api-group{margin:0 0 24px}.no26-api-group:last-of-type{margin-bottom:0}.no26-api-group-title{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:0 2px}.no26-api-group-title>span{width:36px;height:36px;border:1px solid #dce5ee;background:#fff;border-radius:10px;display:grid;place-items:center;color:#4e6075;font-size:18px}.no26-api-group-title h2{font-size:14px;font-weight:800;margin:0 0 2px;color:#17233b}.no26-api-group-title p{font-size:11px;color:#91a0b3;margin:0}.no26-api-group .no26-module-card{min-height:104px!important}.no26-api-group .no26-module-card p{max-width:270px}.no26-api-secret-note{font-size:11px;color:#8b99aa}.no26-api-status-list{display:grid;gap:10px}.no26-api-status-row{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #edf1f5}.no26-api-status-row:last-child{border-bottom:0;padding-bottom:0}

/* API Servisleri — 3 seviyeli navigasyon: ana menü > kategori > servis */
.no26-api-tree{margin:0!important}
.no26-api-tree .no26-api-root-link{position:relative;padding-right:32px!important}
.no26-api-tree .no26-tree-chevron{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:15px;color:#8f9daf;transition:transform .15s ease}
.no26-api-tree.is-open .no26-tree-chevron{transform:translateY(-50%) rotate(180deg)}
.no26-api-tree-level{list-style:none;margin:0;padding:0}
.no26-api-tree-categories{margin:2px 0 7px 34px;padding-left:10px;border-left:1px solid rgba(151,164,182,.18)}
.no26-api-tree-category{margin:0;padding:0}
.no26-api-tree-category-link{min-height:32px;display:flex;align-items:center;gap:8px;position:relative;padding:6px 24px 6px 7px;color:#aeb9c8;font-size:11.5px;line-height:1.3;text-decoration:none;border-radius:7px}
.no26-api-tree-category-link:hover,.no26-api-tree-category.active>.no26-api-tree-category-link{color:#fff;background:rgba(255,255,255,.045)}
.no26-api-tree-category-link>i{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:13px;color:#75849a}
.no26-api-tree-category.is-open>.no26-api-tree-category-link>i{transform:translateY(-50%) rotate(180deg)}
.no26-api-tree-dot{width:5px;height:5px;border-radius:50%;background:#66758a;flex:0 0 5px}
.no26-api-tree-category.active .no26-api-tree-dot{background:#b7d900}
.no26-api-tree-services{margin:1px 0 5px 13px;padding-left:11px;border-left:1px solid rgba(151,164,182,.14)}
.no26-api-tree-services li{margin:0;padding:0}
.no26-api-tree-services a{display:block;position:relative;padding:5px 7px 5px 11px;border-radius:6px;color:#8594a8;font-size:10.8px;line-height:1.35;text-decoration:none}
.no26-api-tree-services a:before{content:"";position:absolute;left:-12px;top:50%;width:8px;height:1px;background:rgba(151,164,182,.22)}
.no26-api-tree-services a:hover,.no26-api-tree-services li.active>a{color:#fff;background:rgba(255,255,255,.045)}
.no26-api-tree-services li.active>a{font-weight:700}
.no26-api-category-grid .no26-module-card,.no26-api-service-grid .no26-module-card{min-height:108px!important}
@media(min-width:1200px){.no26-api-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.no26-api-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1199.98px) and (min-width:900px){.no26-api-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.no26-api-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:899.98px) and (min-width:701px){.no26-api-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.no26-api-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ADMIN LOGO VISIBILITY LOCK — keep No-26 branding readable in 252px sidebar. */
@media (min-width:768px){
  .sidenav-menu .no26-brand-logo,
  .no26-reference-sidebar .no26-brand-logo{
    width:252px!important;
    height:112px!important;
    min-height:112px!important;
    padding:12px 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }

  .sidenav-menu .no26-brand-logo .logo-light,
  .sidenav-menu .no26-brand-logo .logo-dark,
  .sidenav-menu .no26-brand-logo .logo-lg,
  .no26-reference-sidebar .no26-brand-logo .logo-light,
  .no26-reference-sidebar .no26-brand-logo .logo-dark,
  .no26-reference-sidebar .no26-brand-logo .logo-lg{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .sidenav-menu .no26-admin-upload-logo,
  .no26-reference-sidebar .no26-admin-upload-logo{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:205px!important;
    max-height:78px!important;
    object-fit:contain!important;
    border-radius:0!important;
    transform:scale(1.28)!important;
    transform-origin:center center!important;
  }

  .no26-reference-sidebar [data-simplebar],
  .sidenav-menu [data-simplebar]{
    height:calc(100vh - 112px)!important;
  }
}

/* ADMIN LOGO CORRECTION — one logo only, readable, never overflow the 252px sidebar. */
@media (min-width:768px){
  .sidenav-menu .no26-brand-logo,
  .no26-reference-sidebar .no26-brand-logo{
    width:252px!important;
    height:96px!important;
    min-height:96px!important;
    padding:12px 28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  /* Undo the previous rule that made light + dark copies visible together. */
  .sidenav-menu .no26-brand-logo > .logo-light,
  .no26-reference-sidebar .no26-brand-logo > .logo-light{
    display:none!important;
  }
  .sidenav-menu .no26-brand-logo > .logo-dark,
  .no26-reference-sidebar .no26-brand-logo > .logo-dark{
    display:flex!important;
  }

  html[data-bs-theme="dark"] .sidenav-menu .no26-brand-logo > .logo-light,
  html[data-menu-color="brand"] .sidenav-menu .no26-brand-logo > .logo-light,
  html[data-menu-color="dark"] .sidenav-menu .no26-brand-logo > .logo-light,
  html[data-bs-theme="dark"] .no26-reference-sidebar .no26-brand-logo > .logo-light,
  html[data-menu-color="brand"] .no26-reference-sidebar .no26-brand-logo > .logo-light,
  html[data-menu-color="dark"] .no26-reference-sidebar .no26-brand-logo > .logo-light{
    display:flex!important;
  }
  html[data-bs-theme="dark"] .sidenav-menu .no26-brand-logo > .logo-dark,
  html[data-menu-color="brand"] .sidenav-menu .no26-brand-logo > .logo-dark,
  html[data-menu-color="dark"] .sidenav-menu .no26-brand-logo > .logo-dark,
  html[data-bs-theme="dark"] .no26-reference-sidebar .no26-brand-logo > .logo-dark,
  html[data-menu-color="brand"] .no26-reference-sidebar .no26-brand-logo > .logo-dark,
  html[data-menu-color="dark"] .no26-reference-sidebar .no26-brand-logo > .logo-dark{
    display:none!important;
  }

  .sidenav-menu .no26-brand-logo .logo-light,
  .sidenav-menu .no26-brand-logo .logo-dark,
  .no26-reference-sidebar .no26-brand-logo .logo-light,
  .no26-reference-sidebar .no26-brand-logo .logo-dark{
    width:100%!important;
    height:100%!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  .sidenav-menu .no26-brand-logo .logo-lg,
  .no26-reference-sidebar .no26-brand-logo .logo-lg{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  .sidenav-menu .no26-brand-logo .logo-sm,
  .no26-reference-sidebar .no26-brand-logo .logo-sm{
    display:none!important;
  }

  .sidenav-menu .no26-admin-upload-logo,
  .no26-reference-sidebar .no26-admin-upload-logo{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:184px!important;
    max-height:60px!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:0!important;
    transform:none!important;
    margin:0 auto!important;
  }

  .no26-reference-sidebar [data-simplebar],
  .sidenav-menu [data-simplebar]{
    height:calc(100vh - 96px)!important;
  }
}