.cache-toggle-btn,
.index-cache-toggle-btn,
.page-cache-toggle-btn{align-items:center;backdrop-filter:blur(5px);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-subtle);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;width:28px}.cache-toggle-btn:hover,
.index-cache-toggle-btn:hover,
.page-cache-toggle-btn:hover{background:var(--bg-accent);transform:scale(1.05)}.cache-popup-container,
.page-streamlined-cache-container{backdrop-filter:blur(10px);background:var(--bg-secondary);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-strong);max-height:80vh;max-width:90vw;overflow-y:auto;padding:var(--space-md);position:absolute;right:0;text-align:left;top:35px;transition:var(--transition-base);width:420px;z-index:1000}.cache-popup-container.hidden,
.page-streamlined-cache-container.hidden{display:none}.cache-header-section{border-bottom:var(--border-width-thin) solid var(--border-subtle);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.cache-header-main{display:flex;flex-direction:column;gap:var(--space-xs)}.cache-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-sm);margin:0}.cache-icon{font-size:var(--font-size-xl)}.cache-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.cache-content-section{display:flex;flex-direction:column;gap:var(--space-md)}.cache-data-card{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);transition:var(--transition-base)}.cache-data-card:hover{box-shadow:var(--shadow-subtle)}.cache-card-header{align-items:flex-start;border-bottom:var(--border-width-thin) solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.cache-card-title{align-items:center;display:flex;flex:1;gap:var(--space-sm)}.cache-card-icon{font-size:var(--font-size-lg)}.cache-card-name{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.cache-badges{align-items:center;display:flex;flex-shrink:0;gap:var(--space-xs)}.cache-age-display{color:var(--text-secondary);font-size:var(--font-size-sm);min-width:80px;text-align:right}.cache-card-body{display:flex;flex-direction:column;gap:var(--space-md)}.cache-section-separator{background:rgba(25,118,210,.3);height:1px}.cache-single-header{margin-bottom:0;padding-bottom:var(--space-md)}.cache-single-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.cache-single-title{color:var(--text-primary);flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.cache-refresh-icon{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:calc(var(--font-size-lg)*1.5);height:48px;justify-content:center;min-width:48px;padding:var(--space-sm);transition:var(--transition-base)}.cache-refresh-icon:hover{background:var(--bg-accent)}.cache-single-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between}.cache-single-age{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.cache-single-badges{align-items:center;display:flex;flex-shrink:0;gap:var(--space-sm)}.cache-type-badge{background:linear-gradient(135deg,#059669,#047857);border:1px solid #10b981;border-radius:var(--radius-sm);box-shadow:0 2px 4px rgba(16,185,129,.3);color:#ecfdf5;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px var(--space-xs)}.cache-single-badges .cache-type-badge{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}.cache-stats-grid{background:var(--bg-tertiary);border-radius:var(--radius-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:var(--space-sm)}.cache-stat-item{align-items:center;display:flex;flex-direction:column;padding:var(--space-xs);text-align:center}.cache-stat-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1}.cache-stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:var(--space-xs);text-transform:lowercase}.cache-performance-section{background:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-sm);padding:var(--space-sm)}.cache-load-time{color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.cache-performance-note{color:var(--text-accent);font-size:var(--font-size-xs);font-style:italic}.cache-actions-inline{border-top:var(--border-width-thin) solid var(--border-subtle);display:flex;gap:var(--space-sm);justify-content:flex-end;padding-top:var(--space-sm)}.cache-action-btn{align-items:center;background:var(--bg-secondary);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);transition:var(--transition-base)}.cache-action-btn:hover{background:var(--bg-accent);box-shadow:var(--shadow-subtle);transform:translateY(-1px)}.cache-controls-section{border-top:var(--border-width-thin) solid var(--border-subtle);margin-top:var(--space-lg);padding-top:var(--space-md)}.cache-controls-header{margin-bottom:var(--space-md)}.cache-controls-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--space-sm);margin:0}.cache-controls-grid{display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}.cache-control-btn{align-items:center;background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);text-align:center;transition:var(--transition-base)}.cache-control-btn:hover{background:var(--bg-accent);box-shadow:var(--shadow-subtle);transform:translateY(-2px)}.cache-btn-icon{font-size:var(--font-size-xl)}.cache-btn-text{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.cache-panel-header{border-bottom:var(--border-width-thin) solid var(--border-subtle);margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.cache-panel-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.cache-loading{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}
.builder-streamlined-cache-item,.cache-item,
.cache-streamlined-item{align-items:flex-start;border-bottom:var(--border-width-thin) solid var(--border-subtle);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--space-sm) 0}
.builder-streamlined-cache-item:last-child,.cache-item:last-child,
.cache-streamlined-item:last-child{border-bottom:none}
.builder-cache-item-info,.cache-item-info,
.index-cache-item-info{flex:1}
.builder-cache-name,.cache-item-name,
.index-cache-item-name{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}
.builder-cache-details,.cache-item-details,
.index-cache-item-details{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.4}
.builder-cache-item-actions,.cache-item-actions,
.index-cache-item-actions{align-items:center;display:flex;gap:var(--space-xs);margin-left:var(--space-sm)}
.builder-cache-item-refresh,.cache-clear-btn,
.cache-refresh-btn,
.index-cache-item-refresh{align-items:center;background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);height:24px;justify-content:center;min-width:24px;padding:var(--space-xs);transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.builder-cache-item-refresh:hover,.cache-clear-btn:hover,
.cache-refresh-btn:hover,
.index-cache-item-refresh:hover{background:var(--bg-accent);transform:scale(1.05)}.cache-status-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:var(--space-xs);padding:2px var(--space-xs)}.cache-status-badge.cache-fresh,
.cache-status-fresh{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.cache-status-badge.cache-stale,
.cache-status-stale{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}
.builder-cache-item-status,.cache-item-status,
.index-cache-item-status{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-right:var(--space-xs);padding:2px var(--space-xs)}
.builder-cache-status-fresh,.cache-status-fresh,
.index-cache-status-fresh{background:var(--success-bg);color:var(--success-text)}
.builder-cache-status-stale,.cache-status-stale,
.index-cache-status-stale{background:var(--warning-bg);color:var(--warning-text)}.cache-detailed-stats{border-top:var(--border-width-thin) solid var(--border-subtle);margin-top:var(--space-sm);padding-top:var(--space-sm)}.title-with-cache{align-items:center;display:flex;gap:var(--space-md);justify-content:flex-start}.cache-status-section,
.index-cache-status-section,
.page-cache-status-section,.title-with-cache{position:relative}.cache-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-sm)}@media (width < 768px){.cache-popup-container,
    .page-streamlined-cache-container{left:50%;max-height:85vh;max-width:400px;padding:var(--space-sm);position:fixed;top:50%;transform:translate(-50%,-50%);width:95vw}.cache-stats-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(60px,1fr));padding:var(--space-xs)}.cache-stat-value{font-size:var(--font-size-md)}.cache-controls-grid{gap:var(--space-xs);grid-template-columns:1fr}.cache-control-btn{flex-direction:row;justify-content:center;padding:var(--space-sm)}.cache-actions-inline{flex-direction:column;gap:var(--space-xs)}.cache-action-btn{justify-content:center;padding:var(--space-sm)}.cache-single-meta{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}.cache-single-title-row{flex-wrap:wrap;gap:var(--space-xs)}}@media (width < 480px){.cache-card-header{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.cache-age-display{min-width:auto;text-align:left}.cache-badges,.cache-single-badges{align-self:flex-start}.cache-single-title{font-size:var(--font-size-md)}.cache-refresh-icon{font-size:calc(var(--font-size-md)*1.8);height:40px;min-width:40px;padding:var(--space-xs)}}@media (prefers-color-scheme:dark){.cache-popup-container,
    .page-streamlined-cache-container{background:var(--bg-surface-dark,var(--bg-secondary));border-color:var(--border-subtle-dark,var(--border-subtle))}}@media (prefers-contrast:high){.cache-status-badge,.cache-toggle-btn,
    .index-cache-toggle-btn,
    .page-cache-toggle-btn{border-width:2px}}.cache-performance-comparison{color:var(--text-accent);font-size:var(--font-size-xs);font-style:italic;opacity:.9}