html{font-size:14px}
body{background:#eef2f5}

/* Role accents */
body.rb-role-system{--rb-accent:#6b7280;--rb-accent-2:#4b5563;--rb-banner-1:#77808c;--rb-banner-2:#666d78;--rb-banner-text:#ffffff;--rb-banner-placeholder:rgba(255,255,255,.6);--rb-banner-chip-bg:rgba(255,255,255,.12);--rb-banner-border:rgba(255,255,255,.18);--rb-banner-input-bg:rgba(255,255,255,.10);--rb-new-btn-width:220px;--rb-new-btn-height:40px}
body.rb-role-lawyer{--rb-accent:#0f7bbd;--rb-accent-2:#0b67a3;--rb-banner-1:#9fb0d9;--rb-banner-2:#8290cc;--rb-banner-text:#0f172a;--rb-banner-placeholder:rgba(15,23,42,.5);--rb-banner-chip-bg:rgba(255,255,255,.7);--rb-banner-border:rgba(15,23,42,.18);--rb-banner-input-bg:#ffffff;--rb-new-btn-width:202px;--rb-new-btn-height:40px}
body.rb-role-company{--rb-accent:#16a34a;--rb-accent-2:#15803d;--rb-banner-1:#8fcfaa;--rb-banner-2:#7cc69b;--rb-banner-text:#0f172a;--rb-banner-placeholder:rgba(15,23,42,.5);--rb-banner-chip-bg:rgba(255,255,255,.7);--rb-banner-border:rgba(15,23,42,.18);--rb-banner-input-bg:#ffffff;--rb-new-btn-width:220px;--rb-new-btn-height:40px}

/* App shell (reverse-L frame: left + top share same accent) */
/* Top bar height: old 54px -> ~%70 higher */
.rb-shell{display:grid;grid-template-columns:92px 1fr;grid-template-rows:92px 1fr;min-height:100vh}

.rb-sidebar{grid-column:1;grid-row:1 / span 2;background:linear-gradient(180deg,var(--rb-accent),var(--rb-accent-2));color:#fff;display:flex;flex-direction:column;align-items:stretch;padding:14px 10px;gap:14px}
.rb-topbar{grid-column:2;grid-row:1;background:linear-gradient(180deg,var(--rb-accent),var(--rb-accent-2));display:flex;align-items:center}
.rb-topbar-inner{padding:0 22px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;position:relative}
.rb-topbar-left{display:flex;align-items:center;gap:12px}
.rb-topbar-title{font-weight:800;font-size:18px;letter-spacing:.2px}
.rb-topbar-title-center{position:absolute;left:50%;transform:translateX(-50%);font-weight:800;font-size:36px;letter-spacing:.2px;white-space:nowrap}
.rb-topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}

/* Topbar buttons (bell + language) */
.rb-topbtn{position:relative;height:46px;min-width:46px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;padding:0 14px;gap:8px}
.rb-topbtn:hover{background:rgba(255,255,255,.16)}
.rb-topbtn:focus{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.rb-topbtn-bell{width:46px;min-width:46px;padding:0;margin-top:10px}
.rb-topbtn-ico{display:block}

.rb-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.12);pointer-events:none}

.rb-topbtn-lang{min-width:62px;justify-content:center}
.rb-lang-code{font-weight:800;letter-spacing:.2px}

/* User pill */
.rb-userpill{height:46px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;min-width:180px}
.rb-user-ico{opacity:.95}
.rb-usertext{display:flex;flex-direction:column;line-height:1.05;text-align:center;align-items:center}
.rb-username{font-weight:800;font-size:13px;white-space:nowrap}
.rb-usersub{font-size:11px;opacity:.85;white-space:nowrap}
.rb-usercaret{opacity:.85;margin-left:4px}
.rb-brand{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 6px}
.rb-logo{height:44px;width:auto;max-width:70px;display:block;object-fit:contain}
.rb-brand-title{font-weight:700;line-height:1}
.rb-brand-sub{opacity:.85;line-height:1}

.rb-menu{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.rb-menu-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:14px;color:#fff;text-decoration:none;opacity:.92;transition:background .15s ease, opacity .15s ease}
.rb-menu-item:hover{background:rgba(255,255,255,.12);opacity:1}
.rb-menu-item.active{background:rgba(255,255,255,.18);opacity:1}
.rb-menu-icon{font-size:18px;line-height:1}
.rb-menu-text{font-size:11px;text-align:center;line-height:1.1}
.rb-sidebar-foot{margin-top:auto;opacity:.9;text-align:center}
.rb-sidebar-foot small{color:rgba(255,255,255,.9)}

.rb-main{grid-column:2;grid-row:2;padding:18px 22px 30px}
.rb-container{max-width:1200px;margin:0 auto}
.rb-container-wide{max-width:none}

/* Tabs + accordion (Regülasyon Analiz) */
.rb-tabs{display:flex;gap:0;align-items:stretch;margin:8px 0 18px;border-bottom:2px solid rgba(17,24,39,.10);flex-wrap:nowrap;overflow-x:auto}
.rb-tab{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 22px;background:transparent;border:none;border-bottom:3px solid transparent;color:#888;text-decoration:none;font-weight:700;font-size:14px;margin-bottom:-2px;transition:color .15s,border-color .15s}
.rb-tab{white-space:nowrap}
.rb-tab:hover{text-decoration:none;color:#111827}
.rb-tab.active{color:var(--rb-accent-2);border-bottom-color:var(--rb-accent-2)}

.rb-accordion{display:flex;flex-direction:column;gap:12px}
.rb-accordion details{background:#fff;border:1px solid rgba(17,24,39,.12);border-radius:10px;overflow:hidden}
.rb-accordion summary{list-style:none;cursor:pointer;user-select:none;padding:14px 18px;font-weight:700;font-size:14px;background:linear-gradient(180deg,#f3f6f9,#eaecf0);border-bottom:1px solid rgba(17,24,39,.08);display:flex;align-items:center;gap:8px}
.rb-accordion summary::before{content:'▸';font-size:13px;color:#6b7280;transition:transform .15s}
.rb-accordion details[open] summary::before{transform:rotate(90deg)}
.rb-accordion summary::-webkit-details-marker{display:none}
.rb-accordion summary:hover{background:linear-gradient(180deg,#eef1f5,#e4e7ec)}
.rb-accordion details[open] summary{border-bottom:1px solid rgba(17,24,39,.12)}
.rb-acc-body{padding:14px}
.rb-acc-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.rb-acc-actions .rb-btn{width:20%;min-width:100px;max-width:200px}
.rb-acc-actions form{margin:0}
.rb-acc-label{display:block;font-size:12px;font-weight:800;margin:0 0 6px}
.rb-textarea{width:100%;min-height:50vh;resize:vertical;border-radius:12px;font-size:13px}

.rb-note{opacity:.75;margin:0 0 12px}
.rb-two-col{display:flex;gap:18px;align-items:flex-start;flex-wrap:nowrap}
.rb-two-col > *{min-width:0;flex:1 1 50%}
.rb-two-col .rb-textarea{min-height:40vh}
.rb-two-col .rb-textarea[readonly]{background:rgba(107,114,128,.08);border-color:rgba(17,24,39,.16);color:#374151}

/* Session toolbar select (Regülasyon Analiz) */
.rb-session-select{
	height:40px !important;
	min-height:40px;
	line-height:1.2;
	padding:0 44px 0 12px !important;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:14px;
}

.rb-session-btn-sm{
	height:36px !important;
	min-height:36px;
	width:62px;
	min-width:62px;
	padding:0 12px;
}

.rb-session-btn-wide{
	height:36px !important;
	min-height:36px;
	width:124px;
	min-width:124px;
	padding:0 12px;
}

ins.rb-diff-add,.rb-diff-add{background:#bbf7d0 !important;color:#14532d !important;padding:0 2px;border-radius:2px;text-decoration:none !important}
del.rb-diff-del,.rb-diff-del{background:#fecaca !important;color:#7f1d1d !important;text-decoration:line-through !important;text-decoration-thickness:2px !important;text-decoration-color:#7f1d1d !important;padding:0 2px;border-radius:2px;display:inline !important}

/* Action button inside filter grid (system/lawyer list pages) */
.rb-filter-actions{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}
.rb-bottom-btn{height:38px;border-radius:12px;border:1px solid #16a34a;background:#16a34a;color:#fff;font-weight:700;font-size:.92rem;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer;text-decoration:none !important;text-align:center;line-height:1;padding:0 20px;box-sizing:border-box;white-space:nowrap}
.rb-bottom-btn:hover{background:#15803d;border-color:#15803d;text-decoration:none !important;color:#fff}
.rb-bottom-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(22,163,74,.25)}
.rb-bottom-btn-blue{background:#2563eb;border-color:#2563eb}
.rb-bottom-btn-blue:hover{background:#1d4ed8;border-color:#1d4ed8}

/* Nudge banner action button upward (system + lawyer) */

/* Banner + filters (list page) */
.rb-banner{margin:10px 0 18px;overflow:visible}
.rb-banner-inner{background:linear-gradient(180deg,var(--rb-banner-1),var(--rb-banner-2));color:var(--rb-banner-text);border-radius:18px;box-shadow:0 14px 28px rgba(17,24,39,.18);padding:14px 16px;display:flex;flex-direction:column;gap:12px;overflow:visible}

.rb-banner-brand{color:var(--rb-banner-text);font-weight:800;font-size:28px;letter-spacing:.2px;white-space:nowrap}

.rb-banner-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}
.rb-banner-actions{display:flex;align-items:center;gap:10px;position:relative;z-index:3}
.rb-banner-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.rb-banner-actions > button.rb-iconbtn{margin-top:0}
body.rb-role-lawyer .rb-banner-actions > button.rb-iconbtn{margin-top:15px}
body.rb-role-system .rb-banner-actions > button.rb-iconbtn{margin-top:15px}
body.rb-role-company .rb-banner-actions > button.rb-iconbtn{margin-top:15px}
.rb-banner-row-top{align-items:center}
.rb-banner-row-bottom{align-items:flex-end}
.rb-banner-row-company{align-items:flex-end;flex-wrap:nowrap;overflow-x:auto}
.rb-banner-spacer{display:inline-block;width:5cm}
.rb-banner-brand{margin-right:0}
.rb-searchgroup{display:flex;align-items:center;gap:0}
.rb-searchbox{display:flex;align-items:center;gap:6px;background:var(--rb-banner-input-bg);border:1px solid var(--rb-banner-border);border-right:none;border-radius:12px 0 0 12px;padding:0 10px;min-width:140px;max-width:240px;flex:0 0 240px;height:40px;margin-top:0}
.rb-search-icon{opacity:.9;color:var(--rb-banner-text)}
.rb-search-input{border:none !important;background:transparent !important;color:var(--rb-banner-text) !important;outline:none;box-shadow:none !important;margin:0;height:40px;line-height:40px;padding:0;transform:translateY(7px)}
.rb-search-input::placeholder{color:var(--rb-banner-placeholder)}

.rb-banner-right{display:flex;gap:10px;align-items:center;justify-content:flex-end;min-width:120px}
.rb-iconbtn{width:40px;height:40px;border-radius:12px;background:var(--rb-banner-chip-bg);border:1px solid var(--rb-banner-border);display:flex;align-items:center;justify-content:center;color:var(--rb-banner-text);text-decoration:none}
.rb-iconbtn:hover{background:rgba(255,255,255,.18)}

.rb-btn{height:40px;border-radius:12px;border:1px solid transparent;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;box-sizing:border-box;text-decoration:none;cursor:pointer;white-space:nowrap}
.rb-btn:hover{text-decoration:none}
.rb-banner-row .rb-btn{width:91px;flex:0 0 91px;padding:0;border-radius:0 12px 12px 0;height:40px;transform:translateY(7px)}
.rb-banner-head .rb-btn{height:40px;border-radius:0 12px 12px 0;padding:0 18px}
.rb-banner-search-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0}
.rb-banner-search-center{z-index:1}
.rb-banner-search-center .rb-searchbox{flex:0 0 280px;max-width:280px}
body.rb-role-system .rb-banner-search-center .rb-btn{margin-top:18px}
body.rb-role-lawyer .rb-banner-search-center .rb-btn{margin-top:17px}
body.rb-role-company .rb-banner-search-center .rb-btn{margin-top:18px}
.rb-btn-primary{background:var(--rb-accent);color:#fff;border-color:var(--rb-accent)}
.rb-btn-primary:hover{background:var(--rb-accent-2);border-color:var(--rb-accent-2)}
.rb-btn-secondary{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.20)}
.rb-btn-secondary:hover{background:rgba(255,255,255,.20)}
.rb-btn-success{background:#16a34a;color:#fff;border-color:#16a34a}
.rb-btn-success:hover{background:#15803d;border-color:#15803d}
.rb-btn-green{background:#16a34a;color:#fff;border-color:#16a34a}
.rb-btn-green:hover{background:#15803d;border-color:#15803d}
.rb-btn-wide{width:var(--rb-new-btn-width, 220px);height:var(--rb-new-btn-height, 40px);white-space:nowrap}
body.rb-role-system .rb-filter-actions .rb-btn-success{height:var(--rb-new-btn-height)}
body.rb-role-lawyer .rb-filter-actions .rb-btn-success{height:var(--rb-new-btn-height)}

.rb-filter-actions{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;text-align:right;justify-self:end;margin-bottom:10px}
.rb-filter-actions .rb-btn{width:100%;height:var(--rb-new-btn-height, 40px);min-height:var(--rb-new-btn-height, 40px);box-sizing:border-box;line-height:normal;padding:0 12px;border-radius:10px;display:flex;align-items:center;justify-content:center}

/* Ensure the "Yeni Regülasyon Ekle" link behaves exactly like a 40px form control even under Pico defaults */
.rb-filter-actions a.rb-btn.rb-btn-wide{
	height:40px !important;
	min-height:40px !important;
	padding:0 12px !important;
	line-height:40px !important;
	border-radius:10px !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
}

/* Fix subtle optical misalignment between searchbox border and button */
.rb-searchbox{box-sizing:border-box}
.rb-search-icon{display:flex;align-items:center;line-height:1}

/* List typography (main pages) */
.rb-list table{font-size:13px;table-layout:fixed !important;width:100%}
.rb-list table thead th{font-size:13px}

.rb-filterpanel{width:100%}
.rb-filterrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:flex-end}
.rb-filterrow-system{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;width:100%}
.rb-filterrow-lawyer{display:flex;flex-wrap:nowrap;gap:12px;align-items:flex-end;width:100%}
.rb-filter{flex:1 1 0%;min-width:0;max-width:200px}
.rb-filter.rb-filter-actions{flex:0 0 auto;max-width:none}
.rb-filterrow-lawyer .rb-filter{min-width:180px;max-width:220px}
.rb-filter-label{display:block;font-size:11px;color:var(--rb-banner-text);opacity:.78;margin:0 0 6px 2px}
.rb-actions-split{display:flex;gap:12px;align-items:center;width:100%}
.rb-actions-split .rb-btn-flex{flex:1}
.rb-btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}
.rb-btn-danger:hover{background:#dc2626;border-color:#dc2626}
.rb-btn-compact{width:110px;flex:0 0 auto}

.rb-menu-item.disabled{pointer-events:none}
.rb-filter select{width:100%;background:#fff;border-radius:10px;border:1px solid rgba(17,24,39,.10);height:40px}
/* Date range filter */
.rb-filter-date{position:relative}
.rb-date-toggle{width:100%;background:#fff;border-radius:10px;border:1px solid rgba(17,24,39,.10);height:40px;padding:0 12px;font:inherit;font-size:13px;cursor:pointer;text-align:left;display:flex;align-items:center;color:#334155}
.rb-date-toggle:hover{border-color:#94a3b8}
.rb-date-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:200;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.16);padding:14px 16px;min-width:260px;display:flex;flex-direction:column;gap:10px}
.rb-date-row{display:flex;align-items:center;gap:8px}
.rb-date-lbl{font-size:12px;color:#64748b;width:64px;flex-shrink:0}
.rb-date-row input[type="date"]{flex:1;height:34px;border-radius:8px;border:1px solid #cbd5e1;padding:0 8px;font:inherit;font-size:13px}
.rb-date-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:2px}

/* Status multi-select dropdown */
.rb-filter-status{position:relative}
.rb-status-dropdown-wrap{position:static}
.rb-status-toggle{width:100%;background:#fff;border-radius:10px;border:1px solid rgba(17,24,39,.10);height:40px;padding:0 12px;font:inherit;font-size:13px;cursor:pointer;text-align:left;display:flex;align-items:center;color:#334155}
.rb-status-toggle:hover{border-color:#94a3b8}
.rb-status-dropdown{position:fixed;z-index:9999;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 16px 34px rgba(15,23,42,.18);padding:12px;min-width:280px;max-width:340px;box-sizing:border-box}
.rb-status-list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto;overflow-x:hidden;padding-right:2px}
.rb-status-item{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:13px;cursor:pointer;border-radius:6px;transition:background .1s;width:100%;box-sizing:border-box}
.rb-status-item:hover{background:#f1f5f9}
.rb-status-item input[type="checkbox"]{width:16px;height:16px;cursor:pointer}
.rb-status-item span{flex:1 1 auto;color:#334155;line-height:1.3}
.rb-status-all{font-weight:600;color:#0f172a}
.rb-status-divider{height:1px;background:#e2e8f0;margin:4px 0}
.rb-status-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}
.rb-status-actions .rb-btn{flex:0 0 auto}

body.rb-role-system .rb-filter-actions{margin-bottom:0}
.rb-filterrow-lawyer .rb-filter-actions{margin-bottom:0;justify-self:end}
.rb-col-kind{width:90px;white-space:nowrap}


/* Multi-select (details/summary) */
.rb-multiselect{position:relative}
.rb-multiselect > summary{list-style:none;cursor:pointer;user-select:none;background:#fff;border-radius:10px;border:1px solid rgba(17,24,39,.10);height:40px;display:flex;align-items:center;padding:0 12px}
.rb-multiselect > summary::-webkit-details-marker{display:none}
.rb-multiselect[open] > summary{border-bottom-left-radius:0;border-bottom-right-radius:0}
.rb-ms-options{position:absolute;z-index:60;left:0;right:0;background:#fff;border:1px solid rgba(17,24,39,.10);border-top:none;border-radius:0 0 10px 10px;padding:8px;max-height:260px;overflow-y:auto;overflow-x:hidden;box-shadow:0 10px 20px rgba(0,0,0,.16);display:flex;flex-direction:column;gap:8px;scrollbar-gutter:stable}
.rb-ms-list{display:flex;flex-direction:column;gap:2px}
.rb-ms-option{display:flex;gap:8px;align-items:flex-start;padding:6px 4px;font-size:13px;line-height:1.2;white-space:normal;word-break:break-word}
.rb-ms-option input{margin-top:2px}

.rb-ms-search{background:#fff;padding:2px 0 8px;border-bottom:1px solid rgba(17,24,39,.08)}
.rb-ms-search-input{width:100%;height:36px;border-radius:10px;border:1px solid rgba(17,24,39,.12);padding:0 10px;font-size:13px}

/* Tables */
table{background:#fff;border-radius:14px;overflow:hidden;border-collapse:separate;border-spacing:0;box-shadow:0 1px 4px rgba(17,24,39,.06)}
table thead th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;padding:14px 16px;border-bottom:2px solid #e2e8f0;white-space:nowrap}
table tbody td{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;transition:background .12s}
table tbody tr:last-child td{border-bottom:none}
table tbody tr:hover td{background:#f8fafc}
table tbody tr:nth-child(even) td{background:#fafbfc}
table tbody tr:nth-child(even):hover td{background:#f1f5f9}
table a{text-decoration:none;color:#0b67a3;font-weight:600;transition:color .12s}
table a:hover{text-decoration:none;color:#0a5a91}

.rb-sortlink{color:#475569 !important;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .12s}
.rb-sortlink:hover{color:#1e293b !important}
.rb-sortdir{opacity:.8;font-weight:700;font-size:11px}

/* Table status/source badges */
.rb-badge-pill{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2px;white-space:nowrap;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.rb-badge-status{background:#e0f2fe;color:#0369a1}
.rb-badge-status-taslak{background:#fef3c7;color:#92400e}
.rb-badge-status-yayinda{background:#d1fae5;color:#065f46}
.rb-badge-status-arsiv{background:#f1f5f9;color:#64748b}
.rb-badge-source{background:#f3e8ff;color:#7c3aed}
.rb-badge-source-rg{background:#dbeafe;color:#1d4ed8}
.rb-badge-source-kvkk{background:#fce7f3;color:#be185d}

/* Table boolean indicators */
.rb-bool-yes{color:#16a34a;font-weight:700;font-size:15px}
.rb-bool-no{color:#cbd5e1;font-size:15px}

/* Table date column */
.rb-date-cell{color:#475569;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Table title link */
.rb-title-link{font-weight:600;color:#0f172a;transition:color .12s}
.rb-title-link:hover{color:#2563eb}
.rb-ext-link{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;vertical-align:middle;border-radius:5px;color:#94a3b8;transition:color .15s,background .15s;text-decoration:none}
.rb-ext-link:hover{color:#2563eb;background:rgba(37,99,235,.08)}

/* Table checkbox styling */
.rb-list table input[type="checkbox"]{width:16px;height:16px;accent-color:var(--rb-accent,#6b7280);cursor:pointer;border-radius:4px}

/* Table trash button */
.rb-trash-btn-styled{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:8px;opacity:.4;transition:all .15s}
.rb-trash-btn-styled:hover{opacity:1;background:#fef2f2;transform:scale(1.1)}

/* Detail/Edit action buttons */
.rb-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin:1rem 0}
.rb-actions form{display:flex;align-items:center;margin:0}
.rb-actions form button{margin:0}

.rb-pre{white-space:pre-wrap;background:#f7fafc;border:1px solid rgba(17,24,39,.10);border-radius:.75rem;padding:.75rem}
.rb-text{white-space:pre-wrap}
.rb-detail{font-size:15px}
.rb-footer{display:none}

/* ── Toggle switch components ── */
.rb-toggle-track-sm{display:inline-block;width:36px;height:20px;border-radius:10px;position:relative;transition:background .2s;cursor:pointer;vertical-align:middle}
.rb-toggle-knob-sm{display:block;width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;transition:left .2s;box-shadow:0 1px 2px rgba(0,0,0,.1)}
.rb-toggle-track-lg{display:inline-block;width:44px;height:24px;border-radius:12px;position:relative;transition:background .2s;cursor:pointer;vertical-align:middle}
.rb-toggle-knob-lg{display:block;width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}

/* Toggle state: colors & positions */
.rb-tc-green{background:#10b981}
.rb-tc-gray{background:#cbd5e1}
.rb-tc-blue{background:#3b82f6}
.rb-tc-dk-green{background:#059669}
.rb-tc-dk-gray{background:#d1d5db}
.rb-kn-on-sm{left:18px}
.rb-kn-off-sm{left:2px}
.rb-kn-on-lg{left:22px}
.rb-kn-off-lg{left:2px}
.rb-txt-green{color:#059669}
.rb-txt-blue{color:#2563eb}
.rb-txt-muted{color:#94a3b8}
.rb-txt-muted-dark{color:#9ca3af}

@media (max-width: 720px){
	.rb-sidebar{width:78px}
	.rb-brand-title,.rb-brand-sub{display:none}
	.rb-filterrow{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
	.rb-filter{min-width:200px}
}

/* ── Dashboard Styles ───────────────────────────────────────────────── */
.rb-dashboard{display:flex;flex-direction:column;gap:20px}

/* KPI Cards Grid */
.rb-kpi-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:16px}
.rb-kpi-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(17,24,39,.06);transition:transform .15s, box-shadow .15s;border:1px solid rgba(17,24,39,.06)}
.rb-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(17,24,39,.1)}
.rb-kpi-icon{font-size:28px;width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rb-kpi-content{flex:1;min-width:0}
.rb-kpi-value{font-size:28px;font-weight:800;color:#1e293b;line-height:1.1}
.rb-kpi-label{font-size:13px;color:#64748b;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* KPI Card variants */
.rb-kpi-total .rb-kpi-icon{background:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);color:#fff}
.rb-kpi-completed .rb-kpi-icon{background:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);color:#fff}
.rb-kpi-progress .rb-kpi-icon{background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);color:#fff}
.rb-kpi-new .rb-kpi-icon{background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);color:#fff}
.rb-kpi-rate .rb-kpi-icon{background:linear-gradient(135deg, #ec4899 0%, #db2777 100%);color:#fff}

/* Chart Cards */
.rb-chart-row{display:flex;gap:20px}
.rb-chart-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(17,24,39,.06);border:1px solid rgba(17,24,39,.06);overflow:hidden}
.rb-chart-half{flex:1;min-width:0}
.rb-chart-full{flex:1;width:100%}
.rb-chart-header{padding:18px 20px 0;border-bottom:none}
.rb-chart-header h3{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 4px}
.rb-chart-subtitle{font-size:12px;color:#94a3b8}
.rb-chart-body{padding:16px 20px 20px;height:260px;position:relative}
.rb-chart-body-wide{height:300px}

/* Activity Table */
.rb-activity-body{padding:0}
.rb-activity-table{width:100%;font-size:13px;border-radius:0;box-shadow:none;margin:0}
.rb-activity-table thead th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;padding:12px 16px;border-bottom:1px solid #e2e8f0}
.rb-activity-table tbody td{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}
.rb-activity-table tbody tr:last-child td{border-bottom:none}
.rb-activity-table tbody tr:hover td{background:#f8fafc}
.rb-activity-title{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rb-activity-title a{color:#1e293b;text-decoration:none;font-weight:500;transition:color .12s}
.rb-activity-title a:hover{color:#3b82f6}

/* Status Badges */
.rb-status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.rb-status-tamamlandi{background:#dcfce7;color:#166534}
.rb-status-inceleniyor{background:#fef3c7;color:#92400e}
.rb-status-yeni{background:#dbeafe;color:#1e40af}
.rb-status-taslak{background:#f1f5f9;color:#475569}

/* Responsive Dashboard */
@media (max-width: 1200px){
	.rb-kpi-grid{grid-template-columns:repeat(3, 1fr)}
	.rb-chart-row{flex-direction:column}
	.rb-chart-half{width:100%}
}
@media (max-width: 768px){
	.rb-kpi-grid{grid-template-columns:repeat(2, 1fr)}
	.rb-kpi-card{padding:16px}
	.rb-kpi-icon{width:48px;height:48px;font-size:22px}
	.rb-kpi-value{font-size:22px}
	.rb-chart-body{height:220px}
}
@media (max-width: 480px){
	.rb-kpi-grid{grid-template-columns:1fr}
	.rb-kpi-card{flex-direction:row}
}