.view-screen{flex-direction:column;height:100%;display:flex}.view-header{border-bottom:1px solid var(--border);flex-shrink:0}.view-container{box-sizing:border-box;width:100%;max-width:none;padding-left:20px;padding-right:20px}.admin-view .view-container{max-width:none;padding-left:24px;padding-right:24px}.view-header-row{justify-content:space-between;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px;display:flex}.admin-view .view-header-row{padding-top:16px;padding-bottom:16px}.view-page-title{color:var(--foreground);margin:0;font-size:1.05rem;font-weight:650;line-height:1.2}.admin-view .view-page-title{font-size:1.25rem;font-weight:600;line-height:1.75rem}.view-page-subtitle{color:var(--muted-foreground);margin:4px 0 0;font-size:.9rem;line-height:1.35}.view-tabs{flex-shrink:0;padding-top:12px}.admin-view .view-tabs{padding-top:16px}.view-tabs-inner{border:1px solid var(--border);background-color:var(--secondary);border-radius:16px;gap:2px;width:100%;padding:6px;display:grid}.admin-view .view-tabs-inner{border-radius:12px;gap:4px;width:auto;padding:4px;display:inline-flex}.settings-view .view-tabs-inner{grid-template-columns:repeat(4,minmax(0,1fr))}.background-view .view-tabs-inner{grid-template-columns:repeat(5,minmax(0,1fr))}.view-tab-button{min-height:52px;color:var(--muted-foreground);text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:.92rem;font-weight:560;line-height:1.2;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.view-tab-button:hover{background-color:var(--app-hover-color);color:var(--foreground)}.view-tab-button:focus-visible{box-shadow:inset 0 0 0 1px var(--border), 0 0 0 2px color-mix(in srgb, var(--primary) 28%, transparent);outline:none}.view-tab-button.is-active{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));background-color:var(--card);color:var(--foreground);box-shadow:0 1px 2px #0f172a14}.view-scroll{flex:1;overflow-y:auto}.view-content{flex-direction:column;gap:18px;width:100%;padding-top:18px;padding-bottom:28px;display:flex}.admin-view .view-content{gap:0;padding-top:24px;padding-bottom:32px;display:block}.view-close-button{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--muted-foreground);cursor:pointer;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.view-close-button:hover{border-color:var(--ring);background-color:var(--app-hover-color);color:var(--foreground)}.view-close-button:focus-visible{box-shadow:0 0 0 1px var(--ring), 0 0 0 4px color-mix(in srgb, var(--ring) 22%, transparent);outline:none}.view-close-icon{width:1rem;height:1rem}@media not (min-width:768px){.view-container,.admin-view .view-container{padding-left:14px;padding-right:14px}.view-header-row{align-items:flex-start}.view-tab-button{min-height:46px;padding:7px 8px;font-size:.82rem}}