/* Glas-Look - automatisch erzeugt aus style.css + tools-look/glas-basis.css. Nicht von Hand bearbeiten. */ :where(html[data-look="glas"]) body{background:var(--bg);color:var(--text)} :where(html[data-look="glas"]) *{scrollbar-color:rgba(236,241,245,0.256) transparent} :where(html[data-look="glas"]) *::-webkit-scrollbar-track{background:transparent} :where(html[data-look="glas"]) *::-webkit-scrollbar-thumb{background:rgba(236,241,245,0.224)} :where(html[data-look="glas"]) *::-webkit-scrollbar-thumb:hover{background:rgba(236,241,245,0.440)} :where(html[data-look="glas"]) *::-webkit-scrollbar-corner{background:transparent} :where(html[data-look="glas"]) .menu-toggle{border:1px solid var(--border);background:rgba(20, 22, 18, 0.92);color:var(--text)} :where(html[data-look="glas"]) .sidebar-backdrop{background:rgba(0, 0, 0, 0.55)} :where(html[data-look="glas"]) .sidebar{border-right:1px solid var(--border);background:radial-gradient(circle at 20% 0%, rgba(236,241,245,0.080), transparent 35%), radial-gradient(circle at 15% 100%, rgba(236,241,245,0.048), transparent 30%), var(--bg-raise);box-shadow:4px 0 30px rgba(0, 0, 0, 0.25)} :where(html[data-look="glas"]) .brand{border:1px solid rgba(236,241,245,0.200);background:linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)), #0a0a0c;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 22px rgba(236,241,245,0.064)} :where(html[data-look="glas"]) .brand-dot{background:url("look/diecrew-zeichen-neon.png") center / contain no-repeat} :where(html[data-look="glas"]) .brand h1{font-weight:640} :where(html[data-look="glas"]) .version-badge{background:none;border:none;color:var(--text-dim)} :where(html[data-look="glas"]) .version-badge:hover{color:#eef2f5} :where(html[data-look="glas"]) .storage-meter-bar{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .storage-meter-fill{background:rgba(255,255,255,.14);box-shadow:0 0 10px rgba(236,241,245,0.400);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .storage-meter-fill.is-high{background:#ff5a5a;box-shadow:0 0 10px rgba(255, 90, 90, 0.5)} :where(html[data-look="glas"]) .storage-meter-label{color:var(--text-dim)} :where(html[data-look="glas"]) .version-panel{background:var(--bg-raise);border:1px solid var(--border);box-shadow:0 20px 60px rgba(0, 0, 0, 0.5)} :where(html[data-look="glas"]) .version-panel-head{border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .version-entry{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .version-entry-head strong{color:#eef2f5} :where(html[data-look="glas"]) .version-entry-head span{color:var(--text-dim)} :where(html[data-look="glas"]) .version-entry ul{color:var(--text)} :where(html[data-look="glas"]) .nav-link{color:var(--text-dim);font-weight:600} :where(html[data-look="glas"]) .nav-link:hover{background:var(--bg-card);color:var(--text)} :where(html[data-look="glas"]) .nav-link.is-active{background:rgba(255,255,255,.14);color:#f4f6f8;box-shadow:0 0 16px rgba(236,241,245,0.280);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .sidebar-heading{color:var(--text-dim)} :where(html[data-look="glas"]) .project-search{background:var(--bg-card);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .project-search:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .project-list{scrollbar-color:rgba(236,241,245,0.224) transparent} :where(html[data-look="glas"]) .project-list::-webkit-scrollbar-track{background:transparent} :where(html[data-look="glas"]) .project-list::-webkit-scrollbar-thumb{background:transparent} :where(html[data-look="glas"]) .project-list:hover::-webkit-scrollbar-thumb{background:rgba(236,241,245,0.224)} :where(html[data-look="glas"]) .project-list::-webkit-scrollbar-thumb:hover{background:rgba(236,241,245,0.400)} :where(html[data-look="glas"]) .project-btn{background:transparent;color:var(--text);border:1px solid transparent} :where(html[data-look="glas"]) .project-thumb{background:var(--bg-card);border:1px solid var(--border);font-weight:640;color:#eef2f5} :where(html[data-look="glas"]) .project-size{color:var(--text-dim)} :where(html[data-look="glas"]) .project-btn:hover{background:var(--bg-card)} :where(html[data-look="glas"]) .project-btn.is-active{background:var(--bg-card);color:#eef2f5} :where(html[data-look="glas"]) .project-btn.is-drop-target{outline:2px solid #eef2f5;background:rgba(236,241,245,0.064)} :where(html[data-look="glas"]) .project-btn.is-active .project-thumb{border-color:#eef2f5} :where(html[data-look="glas"]) .project-thumb.project-thumb-hidden{border-color:var(--border);background:transparent;color:var(--text-dim)} :where(html[data-look="glas"]) .project-label-hidden{color:var(--text-dim)} :where(html[data-look="glas"]) .hidden-projects-toggle{background:transparent;border:1px dashed var(--border);color:var(--text-dim)} :where(html[data-look="glas"]) .hidden-projects-toggle:hover{border-color:rgba(236,241,245,0.320);color:var(--text)} :where(html[data-look="glas"]) .hidden-projects-toggle.is-on{border-color:#eef2f5;color:#eef2f5} :where(html[data-look="glas"]) .project-btn.dl-overdue,:where(html[data-look="glas"]) .project-btn.dl-today{box-shadow:inset 3px 0 0 0 #ff5a5a} :where(html[data-look="glas"]) .project-btn.dl-soon{box-shadow:inset 3px 0 0 0 #ff9d3d} :where(html[data-look="glas"]) .project-btn.dl-week{box-shadow:inset 3px 0 0 0 #ffd93d} :where(html[data-look="glas"]) .project-btn.dl-ok{box-shadow:inset 3px 0 0 0 #6fcf7d} :where(html[data-look="glas"]) #projectHead.dl-overdue,:where(html[data-look="glas"]) #projectHead.dl-today{box-shadow:inset 4px 0 0 0 #ff5a5a;background:rgba(255, 90, 90, 0.06)} :where(html[data-look="glas"]) #projectHead.dl-soon{box-shadow:inset 4px 0 0 0 #ff9d3d;background:rgba(255, 157, 61, 0.06)} :where(html[data-look="glas"]) #projectHead.dl-week{box-shadow:inset 4px 0 0 0 #ffd93d;background:rgba(255, 217, 61, 0.06)} :where(html[data-look="glas"]) #projectHead.dl-ok{box-shadow:inset 4px 0 0 0 #6fcf7d;background:rgba(111, 207, 125, 0.06)} :where(html[data-look="glas"]) .deadline-lbl{color:var(--text-dim)} :where(html[data-look="glas"]) .deadline-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .deadline-input:hover{border-color:#eef2f5} :where(html[data-look="glas"]) .deadline-clear{color:var(--text-dim)} :where(html[data-look="glas"]) .deadline-clear:hover{color:#ff8f8f} :where(html[data-look="glas"]) .deadline-status,:where(html[data-look="glas"]) .deadline-chip{font-weight:600} :where(html[data-look="glas"]) .deadline-status.dl-overdue,:where(html[data-look="glas"]) .deadline-status.dl-today,:where(html[data-look="glas"]) .deadline-chip.dl-overdue,:where(html[data-look="glas"]) .deadline-chip.dl-today{background:rgba(255, 90, 90, 0.16);color:#ff8080} :where(html[data-look="glas"]) .deadline-status.dl-soon,:where(html[data-look="glas"]) .deadline-chip.dl-soon{background:rgba(255, 157, 61, 0.16);color:#ffb266} :where(html[data-look="glas"]) .deadline-status.dl-week,:where(html[data-look="glas"]) .deadline-chip.dl-week{background:rgba(255, 217, 61, 0.16);color:#ffe07a} :where(html[data-look="glas"]) .deadline-status.dl-ok,:where(html[data-look="glas"]) .deadline-chip.dl-ok{background:rgba(111, 207, 125, 0.16);color:#8fe0a0} :where(html[data-look="glas"]) .btn,:where(html[data-look="glas"]) .btn-small{background:rgba(255,255,255,.14);color:#f4f6f8;border:0;font-weight:640;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .btn:hover,:where(html[data-look="glas"]) .btn-small:hover{box-shadow:0 0 0 1px rgba(236,241,245,0.280), 0 0 14px rgba(236,241,245,0.280)} :where(html[data-look="glas"]) .btn-small:disabled{background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border);box-shadow:none} :where(html[data-look="glas"]) .content{background:radial-gradient(circle at 12% 0%, rgba(236,241,245,0.080), transparent 32%), radial-gradient(circle at 88% 0%, rgba(255, 255, 255, 0.04), transparent 28%)} :where(html[data-look="glas"]) #view.is-uploads-scroll > .uploads-grid-scroll{scrollbar-color:rgba(236,241,245,0.224) transparent} :where(html[data-look="glas"]) #view.is-uploads-scroll > .uploads-grid-scroll::-webkit-scrollbar-track{background:transparent} :where(html[data-look="glas"]) #view.is-uploads-scroll > .uploads-grid-scroll::-webkit-scrollbar-thumb{background:transparent} :where(html[data-look="glas"]) #view.is-uploads-scroll:hover > .uploads-grid-scroll::-webkit-scrollbar-thumb{background:rgba(236,241,245,0.224)} :where(html[data-look="glas"]) #view.is-uploads-scroll > .uploads-grid-scroll::-webkit-scrollbar-thumb:hover{background:rgba(236,241,245,0.400)} :where(html[data-look="glas"]) .right-panel{background:var(--bg-raise);border:1px solid var(--border);box-shadow:0 12px 40px rgba(0, 0, 0, 0.3)} :where(html[data-look="glas"]) .right-panel-head{border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .right-panel-placeholder{color:var(--text-dim)} :where(html[data-look="glas"]) .folder-comment-group-head{font-weight:600;color:#eef2f5;border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .topbar{border:0;background:none;box-shadow:none} :where(html[data-look="glas"]) .notif-bell-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim)} :where(html[data-look="glas"]) .notif-bell-btn:hover{color:#eef2f5;border-color:#eef2f5} :where(html[data-look="glas"]) .notif-bell-btn.has-unread::after{background:rgba(255,255,255,.14);box-shadow:0 0 0 2px var(--bg-card);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .notif-empty{color:var(--text-dim)} :where(html[data-look="glas"]) .notif-item{border:none;background:none;color:var(--text)} :where(html[data-look="glas"]) .notif-item:hover{background:var(--bg-card)} :where(html[data-look="glas"]) .notif-item.is-unread::before{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .notif-item.is-mine .notif-item-avatar{background:var(--bg-raise);color:var(--text-dim)} :where(html[data-look="glas"]) .notif-item-avatar{background:var(--bg-card);border:1px solid var(--border);font-weight:640;color:#eef2f5} :where(html[data-look="glas"]) .notif-item-title strong{font-weight:600} :where(html[data-look="glas"]) .notif-item-meta{color:var(--text-dim)} :where(html[data-look="glas"]) .project-avatar{background:var(--bg);border:1px solid rgba(236,241,245,0.240);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 18px rgba(236,241,245,0.064);color:var(--text-dim)} :where(html[data-look="glas"]) .project-avatar:hover{border-color:#eef2f5;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 2px rgba(236,241,245,0.160)} :where(html[data-look="glas"]) .area-icon{color:#eef2f5} :where(html[data-look="glas"]) .category-icon{color:var(--text-dim)} :where(html[data-look="glas"]) .category-tile.is-active .category-icon,:where(html[data-look="glas"]) .category-tile:hover .category-icon{color:#eef2f5} :where(html[data-look="glas"]) .file-icon{color:var(--text-dim)} :where(html[data-look="glas"]) .dropzone-icon{color:var(--text-dim)} :where(html[data-look="glas"]) .crumb{color:#eef2f5;font-weight:600;border:1px solid rgba(236,241,245,0.176);background:rgba(236,241,245,0.064)} :where(html[data-look="glas"]) .topbar h2{font-weight:640} :where(html[data-look="glas"]) .project-stats{color:var(--text-dim)} :where(html[data-look="glas"]) .btn-icon-ghost{background:transparent;border:0;color:var(--text-dim)} :where(html[data-look="glas"]) .btn-icon-ghost:hover{color:#eef2f5} :where(html[data-look="glas"]) .btn-icon-lime{border:0;background:rgba(255,255,255,.14);color:#f4f6f8;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .btn-icon-lime:hover{box-shadow:0 0 16px rgba(236,241,245,0.360)} :where(html[data-look="glas"]) .search-icon{color:var(--text-dim)} :where(html[data-look="glas"]) .search-box input{background:var(--bg-card);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .search-box input:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .uploads-toolbar{background:none} :where(html[data-look="glas"]) .view-intro{color:var(--text-dim)} :where(html[data-look="glas"]) .area-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .area-chip:hover{border-color:#eef2f5;box-shadow:0 0 0 1px rgba(236,241,245,0.096), 0 0 16px rgba(236,241,245,0.096)} :where(html[data-look="glas"]) .area-chip.is-dragging{border-color:#eef2f5} :where(html[data-look="glas"]) .area-chip-name{font-weight:600} :where(html[data-look="glas"]) .area-chip-count{font-weight:640;color:#eef2f5} :where(html[data-look="glas"]) .area-chip.is-placeholder .area-chip-count{color:var(--text-dim)} :where(html[data-look="glas"]) .badge{font-weight:600} :where(html[data-look="glas"]) .badge-lime{background:rgba(236,241,245,0.120);color:#eef2f5} :where(html[data-look="glas"]) .badge-muted{background:var(--bg-raise);color:var(--text-dim);border:1px solid var(--border)} :where(html[data-look="glas"]) .dropzone{border:1.5px dashed var(--border);color:var(--text-dim)} :where(html[data-look="glas"]) .dropzone-icon{color:var(--text-dim)} :where(html[data-look="glas"]) .dropzone strong{color:var(--text)} :where(html[data-look="glas"]) .dz-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-weight:600} :where(html[data-look="glas"]) .dz-btn:hover{border-color:#eef2f5;color:#eef2f5} :where(html[data-look="glas"]) .dz-btn.dz-primary{background:rgba(255,255,255,.14);color:#f4f6f8;border-color:#eef2f5;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .dz-btn.dz-primary:hover{color:#111} :where(html[data-look="glas"]) .dz-folder{color:var(--text-dim)} :where(html[data-look="glas"]) .dz-folder:hover{color:#eef2f5} :where(html[data-look="glas"]) .dropzone.is-dragover{border-color:#eef2f5;background:rgba(236,241,245,0.064)} :where(html[data-look="glas"]) .upload-progress{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .upload-progress-track{background:var(--bg-raise)} :where(html[data-look="glas"]) .upload-progress-bar{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .upload-progress-text{color:var(--text-dim)} :where(html[data-look="glas"]) .upload-cancel-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-weight:600} :where(html[data-look="glas"]) .upload-cancel-btn:hover{color:#ff8f8f;border-color:#ff8f8f;background:rgba(255, 143, 143, 0.08)} :where(html[data-look="glas"]) .upload-file-name{color:var(--text-dim)} :where(html[data-look="glas"]) .upload-file-track{background:var(--bg-raise)} :where(html[data-look="glas"]) .upload-file-bar{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .upload-file-row.is-done .upload-file-bar{background:var(--text-dim)} :where(html[data-look="glas"]) .upload-file-row.is-error .upload-file-bar{background:#ff5d5d} :where(html[data-look="glas"]) .upload-file-percent{color:var(--text-dim)} :where(html[data-look="glas"]) .upload-file-row.is-error .upload-file-percent{color:#ff5d5d} :where(html[data-look="glas"]) .category-tile{background:var(--bg-card);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .category-tile.is-active{background:rgba(236,241,245,0.064);border-color:rgba(236,241,245,0.360)} :where(html[data-look="glas"]) .category-label{font-weight:600} :where(html[data-look="glas"]) .category-count{color:var(--text-dim);background:rgba(255, 255, 255, 0.06)} :where(html[data-look="glas"]) .category-tile.is-active .category-count{color:#eef2f5;background:rgba(236,241,245,0.096)} :where(html[data-look="glas"]) .trash-hint{color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .trash-hint .icon{color:var(--text-dim)} :where(html[data-look="glas"]) .trash-row{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .trash-icon{color:var(--text-dim)} :where(html[data-look="glas"]) .trash-preview{background:#000;border:1px solid var(--border)} :where(html[data-look="glas"]) .trash-preview .icon{color:var(--text-dim)} :where(html[data-look="glas"]) .trash-name{font-weight:600;color:var(--text)} :where(html[data-look="glas"]) .trash-sub{color:var(--text-dim)} :where(html[data-look="glas"]) .link-form input{background:var(--bg-card);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .link-form input:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .link-item{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .link-item:hover{border-color:rgba(236,241,245,0.280)} :where(html[data-look="glas"]) .link-a{color:var(--text)} :where(html[data-look="glas"]) .link-a:hover{color:#eef2f5} :where(html[data-look="glas"]) .link-url{color:var(--text-dim)} :where(html[data-look="glas"]) .link-paste-hint{color:var(--text-dim)} :where(html[data-look="glas"]) .link-thumb{background:var(--bg-raise)} :where(html[data-look="glas"]) .link-edit-form input{background:var(--bg-raise);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .link-edit-form input:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .folder-crumbs{color:var(--text-dim)} :where(html[data-look="glas"]) .folder-crumbs a{color:var(--text-dim)} :where(html[data-look="glas"]) .folder-crumbs a:hover{color:#eef2f5} :where(html[data-look="glas"]) .folder-crumbs a.is-current{color:var(--text);font-weight:600} :where(html[data-look="glas"]) .folder-crumb-sep{color:var(--text-dim)} :where(html[data-look="glas"]) .folder-card .preview{background:radial-gradient(circle at 50% 30%, rgba(236,241,245,0.080), transparent 60%), linear-gradient(180deg, #1a2013, #101208)} :where(html[data-look="glas"]) .folder-collage-hero,:where(html[data-look="glas"]) .folder-collage-cell{background:rgba(255, 255, 255, 0.04)} :where(html[data-look="glas"]) .folder-collage-cell-icon{color:rgba(236,241,245,0.320)} :where(html[data-look="glas"]) .folder-icon{color:#eef2f5} :where(html[data-look="glas"]) .folder-gradient-overlay{background:linear-gradient(90deg, rgba(236,241,245,0.160) 0%, rgba(236,241,245,0.040) 32%, transparent 50%)} :where(html[data-look="glas"]) .folder-preview-badge{color:#eef2f5} :where(html[data-look="glas"]) .dropzone-folder-link{color:#eef2f5} :where(html[data-look="glas"]) .view-slider{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .view-slider-icon{color:var(--text-dim)} :where(html[data-look="glas"]) .view-slider-icon-btn{background:none;border:none} :where(html[data-look="glas"]) .view-slider-icon-btn:hover .view-slider-icon{color:#eef2f5} :where(html[data-look="glas"]) .view-slider input[type="range"]{accent-color:#eef2f5} :where(html[data-look="glas"]) .sort-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .sort-select:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .file-grid.is-list .preview:has(audio)::after{color:var(--text-dim)} :where(html[data-look="glas"]) .file-card{background:var(--bg-card);background-image:radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);border:1px solid var(--border)} :where(html[data-look="glas"]) .drag-badge{background:var(--bg-card);border:1px solid #eef2f5;color:#eef2f5;font-weight:640;box-shadow:0 4px 16px rgba(0, 0, 0, 0.4), 0 0 16px rgba(236,241,245,0.240)} :where(html[data-look="glas"]) .drag-file-ghost{background:var(--bg-card);border:1px solid #eef2f5;box-shadow:0 4px 16px rgba(0, 0, 0, 0.45), 0 0 16px rgba(236,241,245,0.200)} :where(html[data-look="glas"]) .drag-file-ghost-thumb{background:rgba(255, 255, 255, 0.06);color:#eef2f5} :where(html[data-look="glas"]) .drag-file-ghost-name{font-weight:600;color:var(--text)} :where(html[data-look="glas"]) .file-card.is-drop-target{border-color:#eef2f5;background-color:rgba(236,241,245,0.080);box-shadow:0 0 0 2px rgba(236,241,245,0.320), 0 0 24px rgba(236,241,245,0.200)} :where(html[data-look="glas"]) .file-card.is-reorder-target{box-shadow:inset 3px 0 0 0 #eef2f5, 0 0 18px rgba(236,241,245,0.160)} :where(html[data-look="glas"]) .file-card.is-reorder-target.is-reorder-after{box-shadow:inset -3px 0 0 0 #eef2f5, 0 0 18px rgba(236,241,245,0.160)} :where(html[data-look="glas"]) .file-grid.is-list .file-card.is-reorder-target{box-shadow:inset 0 3px 0 0 #eef2f5, 0 0 18px rgba(236,241,245,0.160)} :where(html[data-look="glas"]) .file-grid.is-list .file-card.is-reorder-target.is-reorder-after{box-shadow:inset 0 -3px 0 0 #eef2f5, 0 0 18px rgba(236,241,245,0.160)} :where(html[data-look="glas"]) .folder-crumbs a.is-drop-target{color:#f4f6f8;background:rgba(255,255,255,.14);box-shadow:0 0 14px rgba(236,241,245,0.320);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .folder-into-badge{background:rgba(10, 12, 8, 0.82);border:1.5px dashed rgba(236,241,245,0.520);color:#eef2f5;font-weight:600} :where(html[data-look="glas"]) .folder-card.is-folder-dragover.is-drop-target .folder-into-badge{background:rgba(255,255,255,.14);color:#f4f6f8;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .selection-bar.has-selection{background:rgba(13, 13, 15, 0.2);border:1.5px solid #eef2f5;box-shadow:0 12px 40px rgba(0, 0, 0, 0.45), 0 0 20px rgba(236,241,245,0.144)} :where(html[data-look="glas"]) .selection-bar-label{font-weight:600;color:#eef2f5} :where(html[data-look="glas"]) .preview{background:#000} :where(html[data-look="glas"]) .file-star{border:0;background:rgba(0, 0, 0, 0.55);color:rgba(255, 255, 255, 0.55)} :where(html[data-look="glas"]) .file-star:hover{color:#eef2f5} :where(html[data-look="glas"]) .file-star.is-active{color:#eef2f5;background:rgba(236,241,245,0.128)} :where(html[data-look="glas"]) .file-comment-overlay{border:0;background:rgba(0, 0, 0, 0.55);color:rgba(255, 255, 255, 0.55)} :where(html[data-look="glas"]) .file-comment-overlay:hover{color:#eef2f5} :where(html[data-look="glas"]) .file-comment-overlay.has-comments{color:#eef2f5;background:rgba(236,241,245,0.128);border:1px solid rgba(236,241,245,0.360)} :where(html[data-look="glas"]) .file-has-drawing{background:rgba(0, 0, 0, 0.55);border:1px solid rgba(236,241,245,0.400)} :where(html[data-look="glas"]) .comment-count-badge{background:rgba(255,255,255,.14);color:#10160a;font-weight:640;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .file-name{font-weight:600} :where(html[data-look="glas"]) .file-meta{color:var(--text-dim)} :where(html[data-look="glas"]) .file-location{border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim)} :where(html[data-look="glas"]) .file-location:hover{border-color:#eef2f5;color:#eef2f5} :where(html[data-look="glas"]) .file-last-comment{color:var(--text-dim)} :where(html[data-look="glas"]) .file-last-comment .icon{color:#eef2f5} :where(html[data-look="glas"]) .file-last-comment strong{color:var(--text);font-weight:600} :where(html[data-look="glas"]) .auth-box{background:var(--bg-raise);border:1px solid var(--border)} :where(html[data-look="glas"]) .auth-tabs{background:var(--bg)} :where(html[data-look="glas"]) .auth-tab{background:transparent;color:var(--text-dim);border:0;font-weight:600} :where(html[data-look="glas"]) .auth-tab.is-active{background:var(--bg-card);color:#eef2f5} :where(html[data-look="glas"]) .auth-form label{color:var(--text-dim)} :where(html[data-look="glas"]) .auth-form input{background:var(--bg);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .auth-form input:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .auth-message{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim)} :where(html[data-look="glas"]) .auth-message.is-ok{border-color:rgba(236,241,245,0.320);color:#eef2f5} :where(html[data-look="glas"]) .auth-message.is-error{border-color:rgba(255, 107, 107, 0.5);color:#ff8a8a} :where(html[data-look="glas"]) .auth-link{background:transparent;border:0;color:var(--text-dim)} :where(html[data-look="glas"]) .auth-link:hover{color:#eef2f5} :where(html[data-look="glas"]) .auth-hint{color:var(--text-dim)} :where(html[data-look="glas"]) .pw-toggle{background:transparent;border:0;color:var(--text-dim)} :where(html[data-look="glas"]) .pw-toggle:hover{color:#eef2f5} :where(html[data-look="glas"]) .user-box{background:var(--bg-card);border:1px solid var(--border);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.03)} :where(html[data-look="glas"]) .user-box .nav-admin{color:#eef2f5} :where(html[data-look="glas"]) .user-name{font-weight:600} :where(html[data-look="glas"]) .user-role{color:#eef2f5} :where(html[data-look="glas"]) .btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border);font-weight:600} :where(html[data-look="glas"]) .btn-ghost:hover{color:var(--text);border-color:var(--text-dim);box-shadow:none} :where(html[data-look="glas"]) .btn-outline{background:transparent;color:#eef2f5;border:1px solid rgba(236,241,245,0.400);font-weight:600} :where(html[data-look="glas"]) .btn-outline:hover{background:rgba(236,241,245,0.080);border-color:#eef2f5;box-shadow:0 0 14px rgba(236,241,245,0.200)} :where(html[data-look="glas"]) .admin-card{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .admin-create-head p{color:var(--text-dim)} :where(html[data-look="glas"]) .admin-create-grid label{color:var(--text-dim);font-weight:600} :where(html[data-look="glas"]) .admin-create-grid input,:where(html[data-look="glas"]) .admin-create-grid select{background:var(--bg-raise);color:var(--text);border:1px solid var(--border)} :where(html[data-look="glas"]) .admin-user-name{font-weight:640} :where(html[data-look="glas"]) .admin-badge-icon{color:#eef2f5} :where(html[data-look="glas"]) .admin-user-mail,:where(html[data-look="glas"]) .admin-user-date{color:var(--text-dim)} :where(html[data-look="glas"]) .badge-warn{background:rgba(255, 179, 71, 0.15);color:#ffb347} :where(html[data-look="glas"]) .btn-danger{background:transparent;color:#ff8a8a;border:1px solid rgba(255, 107, 107, 0.4);font-weight:600} :where(html[data-look="glas"]) .btn-danger:hover{background:rgba(255, 107, 107, 0.12);box-shadow:none} :where(html[data-look="glas"]) .admin-proj-heading{color:var(--text-dim)} :where(html[data-look="glas"]) .admin-proj-check{background:var(--bg-raise);border:1px solid var(--border)} :where(html[data-look="glas"]) .admin-proj-check:has(input:checked){border-color:#eef2f5;color:#eef2f5} :where(html[data-look="glas"]) .admin-proj-check input{accent-color:#eef2f5} :where(html[data-look="glas"]) .admin-proj-none{color:var(--text-dim)} :where(html[data-look="glas"]) .admin-proj-dropdown{background:var(--bg-raise);border:1px solid var(--border)} :where(html[data-look="glas"]) .admin-proj-summary{font-weight:600;color:var(--text)} :where(html[data-look="glas"]) .admin-proj-summary::before{color:var(--text-dim)} :where(html[data-look="glas"]) .admin-proj-summary:hover{background:var(--bg-card)} :where(html[data-look="glas"]) .admin-proj-link{color:var(--text-dim)} :where(html[data-look="glas"]) .admin-proj-link:hover{color:#eef2f5} :where(html[data-look="glas"]) .admin-roles-info{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .admin-roles-info > summary{font-weight:600;color:var(--text)} :where(html[data-look="glas"]) .admin-roles-info > summary .icon{color:#eef2f5} :where(html[data-look="glas"]) .admin-role-row{color:var(--text-dim)} :where(html[data-look="glas"]) .admin-role-row b{color:#eef2f5} :where(html[data-look="glas"]) .admin-roles-note{color:var(--text-dim)} :where(html[data-look="glas"]) .admin-shared-chip{background:rgba(236,241,245,0.080);border:1px solid rgba(236,241,245,0.280)} :where(html[data-look="glas"]) .admin-shared-name{color:var(--text);font-weight:600} :where(html[data-look="glas"]) .admin-chip-remove{color:var(--text-dim)} :where(html[data-look="glas"]) .admin-chip-remove:hover{color:#ff8f8f} :where(html[data-look="glas"]) .admin-add-item{background:none;border:0;color:var(--text)} :where(html[data-look="glas"]) .admin-add-item:hover{background:var(--bg-card);color:#eef2f5} :where(html[data-look="glas"]) .admin-pw-label{color:var(--text-dim);font-weight:600} :where(html[data-look="glas"]) .admin-pw-value{background:rgba(236,241,245,0.080);border:1px solid rgba(236,241,245,0.280);color:#eef2f5} :where(html[data-look="glas"]) .admin-pw-value:hover{background:rgba(236,241,245,0.144)} :where(html[data-look="glas"]) .admin-pw-value.is-copied{color:var(--text)} :where(html[data-look="glas"]) .admin-pw-none{color:var(--text-dim)} :where(html[data-look="glas"]) .project-action{color:var(--text-dim)} :where(html[data-look="glas"]) .project-action:hover{color:#eef2f5} :where(html[data-look="glas"]) .project-action-danger:hover{color:#ff8a8a} :where(html[data-look="glas"]) .project-action-active{color:#eef2f5} :where(html[data-look="glas"]) .project-private-mark{color:#eef2f5} :where(html[data-look="glas"]) .project-empty{color:var(--text-dim)} :where(html[data-look="glas"]) .pdf-preview{color:var(--text-dim)} :where(html[data-look="glas"]) .player-card{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .player-card p{color:var(--text-dim)} :where(html[data-look="glas"]) .player-hint{border-top:1px solid var(--border)} :where(html[data-look="glas"]) .playlist-list .player-hint{border-top:0} :where(html[data-look="glas"]) .playlist-row{background:var(--bg-raise);border:1px solid var(--border)} :where(html[data-look="glas"]) .playlist-row-info span{color:var(--text-dim)} :where(html[data-look="glas"]) .person-card{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .person-avatar{background:var(--bg-raise);border:1px solid var(--border);color:var(--text-dim)} :where(html[data-look="glas"]) .person-name{font-weight:640} :where(html[data-look="glas"]) .person-contact a{color:var(--text-dim)} :where(html[data-look="glas"]) .person-contact a:hover{color:#eef2f5} :where(html[data-look="glas"]) .person-notes{color:var(--text-dim)} :where(html[data-look="glas"]) .overflow-menu{background:var(--bg-raise);border:1px solid var(--border);box-shadow:0 8px 28px rgba(0, 0, 0, 0.5)} :where(html[data-look="glas"]) .overflow-menu-item{border:none;background:none;color:var(--text)} :where(html[data-look="glas"]) .overflow-menu-item:hover{background:var(--bg-card)} :where(html[data-look="glas"]) .overflow-menu-item .icon{color:var(--text-dim)} :where(html[data-look="glas"]) .overflow-menu-item.is-danger{color:#ff8f8f} :where(html[data-look="glas"]) .overflow-menu-item.is-danger .icon{color:#ff8f8f} :where(html[data-look="glas"]) .person-modal-box{background:var(--bg-raise);border:1px solid var(--border)} :where(html[data-look="glas"]) .share-modal-box{background:var(--bg-raise);border:1px solid var(--border)} :where(html[data-look="glas"]) .share-modal-hint{color:var(--text-dim)} :where(html[data-look="glas"]) .dialog-modal-backdrop{background:rgba(0, 0, 0, 0.75)} :where(html[data-look="glas"]) .dialog-modal-box{background:var(--bg-raise);border:1px solid var(--border);box-shadow:0 20px 60px rgba(0, 0, 0, 0.5)} :where(html[data-look="glas"]) .dialog-modal-message{color:var(--text-dim)} :where(html[data-look="glas"]) .dialog-modal-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .dialog-modal-input:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .access-pw-hint{border:1px solid rgba(255, 179, 71, 0.45);background:rgba(255, 179, 71, 0.08)} :where(html[data-look="glas"]) .access-pw-hint.is-done{border-color:rgba(236,241,245,0.320);background:rgba(236,241,245,0.048)} :where(html[data-look="glas"]) .access-pw-hint-text{color:#ffcf8a} :where(html[data-look="glas"]) .access-pw-hint.is-done .access-pw-hint-text{color:#eef2f5} :where(html[data-look="glas"]) .access-pw-msg{color:var(--text-dim)} :where(html[data-look="glas"]) .access-pw-msg.is-error{color:#ff8a8a} :where(html[data-look="glas"]) .marquee-box{border:1px solid rgba(236,241,245,0.480);background:rgba(236,241,245,0.080)} :where(html[data-look="glas"]) .shortcuts-backdrop{background:rgba(0, 0, 0, 0.55)} :where(html[data-look="glas"]) .shortcuts-box{background:var(--bg-raise);border:1px solid var(--border)} :where(html[data-look="glas"]) .shortcut-row{border-top:1px solid rgba(255, 255, 255, 0.05)} :where(html[data-look="glas"]) .shortcut-row:first-child{border-top:0} :where(html[data-look="glas"]) .shortcut-row kbd{font-weight:600;color:#eef2f5;background:rgba(236,241,245,0.064);border:1px solid rgba(236,241,245,0.200)} :where(html[data-look="glas"]) .shortcut-row span{color:var(--text-dim)} :where(html[data-look="glas"]) .tts-backdrop{background:rgba(0, 0, 0, 0.55)} :where(html[data-look="glas"]) .tts-box{background:var(--bg-raise);border:1px solid var(--border);box-shadow:0 30px 80px rgba(0, 0, 0, 0.55)} :where(html[data-look="glas"]) .tts-head strong .icon{color:#eef2f5} :where(html[data-look="glas"]) .tts-field > span{color:var(--text-dim)} :where(html[data-look="glas"]) .tts-text,:where(html[data-look="glas"]) .tts-name,:where(html[data-look="glas"]) .tts-voice,:where(html[data-look="glas"]) .tts-model{background:var(--bg-card);border:1px solid var(--border);color:var(--text);outline:0} :where(html[data-look="glas"]) .tts-text:focus,:where(html[data-look="glas"]) .tts-name:focus,:where(html[data-look="glas"]) .tts-voice:focus,:where(html[data-look="glas"]) .tts-model:focus{border-color:#eef2f5} :where(html[data-look="glas"]) .tts-count{color:var(--text-dim)} :where(html[data-look="glas"]) .tts-error{color:#ff6b6b} :where(html[data-look="glas"]) .btn-tts .icon{color:#eef2f5} :where(html[data-look="glas"]) .search-backdrop{background:rgba(0, 0, 0, 0.5)} :where(html[data-look="glas"]) .gsearch-box{background:var(--bg-raise);border:1px solid var(--border);box-shadow:0 30px 80px rgba(0, 0, 0, 0.5)} :where(html[data-look="glas"]) .search-input{border:0;outline:0;background:transparent;color:var(--text);border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .search-empty{color:var(--text-dim)} :where(html[data-look="glas"]) .search-result{background:none;border:0;color:var(--text)} :where(html[data-look="glas"]) .search-result:hover,:where(html[data-look="glas"]) .search-result.is-active{background:rgba(236,241,245,0.080)} :where(html[data-look="glas"]) .search-result-meta{color:var(--text-dim)} :where(html[data-look="glas"]) .welcome-head h2{font-weight:640} :where(html[data-look="glas"]) .welcome-head p{color:var(--text-dim)} :where(html[data-look="glas"]) .news-carousel{border:1px solid var(--border);background:var(--bg-card);box-shadow:0 24px 60px rgba(0, 0, 0, 0.35)} :where(html[data-look="glas"]) .nc-slide{color:inherit} :where(html[data-look="glas"]) .nc-media{background:linear-gradient(135deg, #1a2410, #3a4a12)} :where(html[data-look="glas"]) .nc-body h3{font-weight:640} :where(html[data-look="glas"]) .nc-body p{color:var(--text-dim)} :where(html[data-look="glas"]) .nc-meta .chip{font-weight:640;color:#eef2f5;background:rgba(236,241,245,0.096);border:1px solid rgba(236,241,245,0.240)} :where(html[data-look="glas"]) .nc-date{color:var(--text-dim)} :where(html[data-look="glas"]) .nc-dot{border:0;background:rgba(255, 255, 255, 0.25)} :where(html[data-look="glas"]) .nc-dot.is-active{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .news-form label{color:var(--text-dim)} :where(html[data-look="glas"]) .news-form input[type="text"],:where(html[data-look="glas"]) .news-form input[type="url"],:where(html[data-look="glas"]) .news-form textarea{background:rgba(255, 255, 255, 0.03);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .news-check{color:var(--text) !important} :where(html[data-look="glas"]) .news-img-hint{color:var(--text-dim);font-weight:400} :where(html[data-look="glas"]) .news-img-cell{border:1px solid var(--border);background:var(--bg)} :where(html[data-look="glas"]) .news-img-loading{color:var(--text-dim)} :where(html[data-look="glas"]) .news-img-remove{border:0;background:rgba(10, 12, 7, 0.7);color:#fff} :where(html[data-look="glas"]) .news-img-remove:hover{background:rgba(220, 60, 60, 0.85)} :where(html[data-look="glas"]) .news-item-count{font-weight:600;color:#eef2f5;background:rgba(236,241,245,0.096)} :where(html[data-look="glas"]) .news-item{border:1px solid var(--border)} :where(html[data-look="glas"]) .news-item-thumb{background:var(--bg)} :where(html[data-look="glas"]) .news-item-title{font-weight:600} :where(html[data-look="glas"]) .news-item-body{color:var(--text-dim)} :where(html[data-look="glas"]) .nav-search{background:none;border:0} :where(html[data-look="glas"]) .nav-search .nav-kbd{color:var(--text-dim);border:1px solid var(--border)} :where(html[data-look="glas"]) .toast{background:var(--bg-raise);border:1px solid var(--border);border-left:3px solid #eef2f5;box-shadow:0 12px 30px rgba(0, 0, 0, 0.4)} :where(html[data-look="glas"]) .toast.is-error{border-left-color:#ff5d5d} :where(html[data-look="glas"]) .toast-icon{color:#eef2f5} :where(html[data-look="glas"]) .toast.is-error .toast-icon{color:#ff5d5d} :where(html[data-look="glas"]) .toast-text{color:var(--text)} :where(html[data-look="glas"]) .toast-action{background:none;border:1px solid rgba(236,241,245,0.320);color:#eef2f5;font-weight:600} :where(html[data-look="glas"]) .toast-action:hover{background:rgba(236,241,245,0.112)} :where(html[data-look="glas"]) .toast-close{background:none;border:none;color:var(--text-dim)} :where(html[data-look="glas"]) .toast-close:hover{color:var(--text)} :where(html[data-look="glas"]) .share-scope-tabs{background:rgba(255, 255, 255, 0.03);border:1px solid var(--border)} :where(html[data-look="glas"]) .share-scope-indicator{background:rgba(236,241,245,0.112);box-shadow:inset 0 0 0 1px rgba(236,241,245,0.280)} :where(html[data-look="glas"]) .share-scope-tab{border:0;background:transparent;color:var(--text-dim);font-weight:500} :where(html[data-look="glas"]) .share-scope-tab:hover{color:var(--text)} :where(html[data-look="glas"]) .share-scope-tab.is-active{color:#eef2f5} :where(html[data-look="glas"]) #shareGenerateBtn{font-weight:600} :where(html[data-look="glas"]) .share-folders{outline:none} :where(html[data-look="glas"]) .share-folder-row{color:var(--text);border:1px solid transparent} :where(html[data-look="glas"]) .share-folder-row:hover{background:rgba(255, 255, 255, 0.045)} :where(html[data-look="glas"]) .share-folder-row.is-selected{background:rgba(236,241,245,0.104);border-color:rgba(236,241,245,0.320);color:#eef2f5} :where(html[data-look="glas"]) .share-generated{color:#eef2f5;font-weight:500} :where(html[data-look="glas"]) .share-expiry-label{color:var(--text-dim)} :where(html[data-look="glas"]) .share-expiry-input{background:rgba(255, 255, 255, 0.03);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .share-stats{color:var(--text-dim)} :where(html[data-look="glas"]) .share-existing{border-top:0 solid var(--border)} :where(html[data-look="glas"]) .share-existing-head > span:first-child{color:var(--text-dim);font-weight:600} :where(html[data-look="glas"]) .share-folder-hint{color:var(--text-dim);font-weight:500} :where(html[data-look="glas"]) .share-row{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .share-row-label{font-weight:600} :where(html[data-look="glas"]) .person-form label{color:var(--text-dim)} :where(html[data-look="glas"]) .person-form input,:where(html[data-look="glas"]) .person-form textarea{background:var(--bg);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .person-form input:focus,:where(html[data-look="glas"]) .person-form textarea:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .person-avatar-edit:hover{border-color:#eef2f5} :where(html[data-look="glas"]) .person-photo-hint{color:var(--text-dim)} :where(html[data-look="glas"]) .preview-modal-backdrop{background:rgba(0, 0, 0, 0.75)} :where(html[data-look="glas"]) .preview-modal-box{background:var(--bg-raise);border:1px solid var(--border)} :where(html[data-look="glas"]) .preview-modal-head{border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .pm-nav-head{border:1px solid var(--border);background:var(--bg-card);color:var(--text)} :where(html[data-look="glas"]) .pm-nav-head:hover{background:rgba(236,241,245,0.120);border-color:#eef2f5} :where(html[data-look="glas"]) .pm-nav-head::before{border-top:2px solid currentColor;border-right:2px solid currentColor} :where(html[data-look="glas"]) .preview-modal-title span{color:var(--text-dim)} :where(html[data-look="glas"]) .preview-modal-body{background:#000} :where(html[data-look="glas"]) .pm-audio-cover.pm-audio-wave{border:1px solid var(--border)} :where(html[data-look="glas"]) .pm-pdf,:where(html[data-look="glas"]) .pm-frame{border:0;background:#fff} :where(html[data-look="glas"]) .pm-tool-buehne{background:#000} :where(html[data-look="glas"]) .pm-run-base{color:var(--text-dim)} :where(html[data-look="glas"]) .pm-run-base select{background:var(--bg-raise);color:var(--text);border:1px solid var(--border)} :where(html[data-look="glas"]) .pm-text{background:var(--bg);color:var(--text)} :where(html[data-look="glas"]) .pm-office{background:#f7f7f5;color:#1a1a1a} :where(html[data-look="glas"]) .pm-office-doc a{color:#0a58ca} :where(html[data-look="glas"]) .pm-office-doc td,:where(html[data-look="glas"]) .pm-office-doc th{border:1px solid #ccc} :where(html[data-look="glas"]) .pm-office .office-pre{color:#1a1a1a} :where(html[data-look="glas"]) .office-sheet-name{font-weight:600;color:#555} :where(html[data-look="glas"]) .pm-office-sheet table{background:#fff} :where(html[data-look="glas"]) .pm-office-sheet td,:where(html[data-look="glas"]) .pm-office-sheet th{border:1px solid #d5d5d5} :where(html[data-look="glas"]) .pm-office-sheet tr:first-child td{background:#efefec;font-weight:600} :where(html[data-look="glas"]) .pm-office-note{color:#555} :where(html[data-look="glas"]) .pm-office.is-editing{outline:2px solid #eef2f5} :where(html[data-look="glas"]) .pm-office-sheet td[contenteditable="true"]:focus{outline:2px solid #eef2f5;background:#fffbe6} :where(html[data-look="glas"]) .pm-office-doc[contenteditable="true"]:focus{outline:none} :where(html[data-look="glas"]) .pm-office-bar{background:var(--bg-raise);border:1px solid var(--border);box-shadow:0 10px 30px rgba(0, 0, 0, 0.4)} :where(html[data-look="glas"]) .pm-office-status{color:var(--text-dim)} :where(html[data-look="glas"]) .pm-text-edit{border:0;outline:none} :where(html[data-look="glas"]) .pm-text-edit:focus{box-shadow:inset 0 0 0 2px rgba(236,241,245,0.280)} :where(html[data-look="glas"]) .pm-text-bar{background:var(--bg-raise);border-top:1px solid var(--border)} :where(html[data-look="glas"]) .pm-text-status{color:var(--text-dim)} :where(html[data-look="glas"]) .pm-rich-toolbar{background:var(--bg-raise);border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .pm-rich-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .pm-rich-btn:hover{border-color:#eef2f5;color:#eef2f5} :where(html[data-look="glas"]) .pm-rich-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .pm-rich-color{border:1px solid var(--border)} :where(html[data-look="glas"]) .pm-rich-color input[type="color"]{border:0;background:none} :where(html[data-look="glas"]) .pm-rich-edit{outline:none;background:var(--bg);color:var(--text)} :where(html[data-look="glas"]) .pm-rich-edit:focus{box-shadow:inset 0 0 0 2px rgba(236,241,245,0.280)} :where(html[data-look="glas"]) .pm-fallback{color:var(--text-dim)} :where(html[data-look="glas"]) .pm-transcode{color:var(--text)} :where(html[data-look="glas"]) .pm-transcode-icon{color:#eef2f5} :where(html[data-look="glas"]) .pm-transcode-sub{color:var(--text-dim)} :where(html[data-look="glas"]) .pm-preview-note{color:var(--text-dim)} :where(html[data-look="glas"]) .pm-overlay-btn{border:1px solid rgba(255, 255, 255, 0.2);background:rgba(0, 0, 0, 0.5);color:#fff} :where(html[data-look="glas"]) .pm-overlay-btn:hover{background:rgba(236,241,245,0.200);border-color:#eef2f5} :where(html[data-look="glas"]) .pm-close::before,:where(html[data-look="glas"]) .pm-close::after{background:currentColor} :where(html[data-look="glas"]) .pm-counter{color:rgba(255, 255, 255, 0.6);background:rgba(0, 0, 0, 0.5)} :where(html[data-look="glas"]) #pmSlideshow.is-active{background:rgba(255,255,255,.14);color:#f4f6f8;border-color:#eef2f5;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .empty-state{color:var(--text-dim);background:var(--bg-card);border:1px dashed var(--border)} :where(html[data-look="glas"]) .placeholder-view{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .placeholder-view p{color:var(--text-dim)} @media (max-width: 700px){ :where(html[data-look="glas"]) .sidebar{border-right:1px solid var(--border);border-bottom:0;box-shadow:8px 0 40px rgba(0, 0, 0, 0.5)} } :where(html[data-look="glas"]) .pm-comments-panel{background:var(--bg-raise);border-left:1px solid var(--border);box-shadow:-12px 0 30px rgba(0, 0, 0, 0.4)} :where(html[data-look="glas"]) .pm-comments-panel-head{border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .pm-comments-loading{color:var(--text-dim)} :where(html[data-look="glas"]) .cmt-header-title{font-weight:600;color:var(--text)} :where(html[data-look="glas"]) .cmt-tool-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);font-weight:600} :where(html[data-look="glas"]) .cmt-tool-btn:hover{color:var(--text);border-color:var(--text-dim)} :where(html[data-look="glas"]) .cmt-filter-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);font-weight:600} :where(html[data-look="glas"]) .cmt-filter-btn:hover{color:var(--text)} :where(html[data-look="glas"]) .cmt-filter-btn.is-active{background:rgba(236,241,245,0.096);border-color:rgba(236,241,245,0.360);color:#eef2f5} :where(html[data-look="glas"]) .cmt-card{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .cmt-card.is-resolved .comment-body{text-decoration-color:rgba(255,255,255,0.25)} :where(html[data-look="glas"]) .cmt-avatar{color:#fff;font-weight:600} :where(html[data-look="glas"]) .cmt-who{color:var(--text-dim)} :where(html[data-look="glas"]) .cmt-author{color:var(--text);font-weight:600} :where(html[data-look="glas"]) .cmt-num{color:var(--text-dim);font-weight:600} :where(html[data-look="glas"]) .cmt-timecode{background:rgba(232, 193, 90, 0.16);color:#e8c15a;border:0;font-weight:600} :where(html[data-look="glas"]) .cmt-timecode:hover{background:rgba(232, 193, 90, 0.28)} :where(html[data-look="glas"]) .cmt-card .comment-body{color:var(--text)} :where(html[data-look="glas"]) .cmt-reaction{background:var(--bg-raise);border:1px solid var(--border)} :where(html[data-look="glas"]) .cmt-reaction.is-mine{border-color:rgba(236,241,245,0.440);background:rgba(236,241,245,0.096)} :where(html[data-look="glas"]) .cmt-reaction-add{background:transparent;border:1px solid var(--border);color:var(--text-dim)} :where(html[data-look="glas"]) .cmt-reaction-add:hover{color:var(--text);border-color:var(--text-dim)} :where(html[data-look="glas"]) .cmt-emoji-pop{background:var(--bg-raise);border:1px solid var(--border);box-shadow:0 8px 24px rgba(0, 0, 0, 0.4)} :where(html[data-look="glas"]) .cmt-emoji-pop button{background:none;border:0} :where(html[data-look="glas"]) .cmt-emoji-pop button:hover{background:rgba(255, 255, 255, 0.08)} :where(html[data-look="glas"]) .cmt-action{background:none;border:0;color:var(--text-dim);font-weight:600} :where(html[data-look="glas"]) .cmt-action:hover{color:var(--text);background:rgba(255, 255, 255, 0.05)} :where(html[data-look="glas"]) .cmt-resolve.is-resolved{color:#eef2f5} :where(html[data-look="glas"]) .cmt-replies{border-left:2px solid var(--border)} :where(html[data-look="glas"]) .cmt-card.is-reply{background:var(--bg-raise)} :where(html[data-look="glas"]) .cmt-reply-form textarea{background:var(--bg);border:1px solid var(--border);color:var(--text)} :where(html[data-look="glas"]) .cmt-reply-form textarea:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .cmt-send{border:0;background:rgba(255,255,255,.14);color:#141600;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .cmt-send:hover{box-shadow:0 0 14px rgba(236,241,245,0.320)} :where(html[data-look="glas"]) .cmt-send:disabled{box-shadow:none} :where(html[data-look="glas"]) .comment-form.cmt-input{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .cmt-input-tc{background:rgba(232, 193, 90, 0.16);color:#e8c15a;font-weight:600} :where(html[data-look="glas"]) .comment-form.cmt-input textarea{background:transparent;border:0;color:var(--text)} :where(html[data-look="glas"]) .comment-form.cmt-input textarea:focus{outline:none} :where(html[data-look="glas"]) #pmCommentsToggle.has-comments{color:#eef2f5;border-color:rgba(236,241,245,0.360)} :where(html[data-look="glas"]) .cmt-tool-icon{background:none;border:0} :where(html[data-look="glas"]) .cmt-tool-icon:hover{background:rgba(255, 255, 255, 0.07)} :where(html[data-look="glas"]) .cmt-tool-icon.is-active{background:rgba(236,241,245,0.128)} :where(html[data-look="glas"]) .comment-item{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .comment-head{color:var(--text-dim)} :where(html[data-look="glas"]) .comment-author{color:var(--text);font-weight:600} :where(html[data-look="glas"]) .comment-external-badge{background:rgba(255,255,255,.14);color:#10160a;font-weight:640;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .comment-edited-label{color:var(--text-dim)} :where(html[data-look="glas"]) .comment-edit-textarea{color:var(--text);background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .comment-edit-textarea:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .comment-timestamp{background:rgba(236,241,245,0.112);border:1px solid rgba(236,241,245,0.320);color:#eef2f5;font-weight:600} :where(html[data-look="glas"]) .comment-timestamp:hover{background:rgba(236,241,245,0.192)} :where(html[data-look="glas"]) .comment-ts-indicator{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);font-weight:600} :where(html[data-look="glas"]) .comment-ts-indicator .icon{color:#eef2f5} :where(html[data-look="glas"]) .comment-form textarea{color:var(--text);background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .comment-form textarea:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .comment-count{font-weight:600} :where(html[data-look="glas"]) .comment-draw-toggle.is-active{background:rgba(236,241,245,0.128);color:#eef2f5;border-color:#eef2f5} :where(html[data-look="glas"]) .comment-show-drawing{background:rgba(236,241,245,0.096);color:#eef2f5;border:1px solid #eef2f5;font-weight:600} :where(html[data-look="glas"]) .comment-show-drawing:hover{background:rgba(236,241,245,0.176)} :where(html[data-look="glas"]) .admin-edit-form{border-top:1px solid var(--border)} :where(html[data-look="glas"]) body::after{background-image:url("data:image/svg+xml;utf8,")} :where(html[data-look="glas"]) .hbGlow1{background:radial-gradient(circle, rgba(200, 205, 208, 0.13) 0%, rgba(200, 205, 208, 0.10) 22%, rgba(200, 205, 208, 0.06) 42%, rgba(200, 205, 208, 0.025) 60%, rgba(200, 205, 208, 0) 76%)} :where(html[data-look="glas"]) .hbGlow2{background:radial-gradient(circle, rgba(236,241,245,0.060) 0%, rgba(236,241,245,0.046) 22%, rgba(236,241,245,0.027) 42%, rgba(236,241,245,0.011) 60%, rgba(236,241,245,0.000) 76%)} :where(html[data-look="glas"]) .hbGlow3{background:radial-gradient(circle, rgba(236,241,245,0.044) 0%, rgba(236,241,245,0.034) 22%, rgba(236,241,245,0.020) 42%, rgba(236,241,245,0.008) 60%, rgba(236,241,245,0.000) 76%)} :where(html[data-look="glas"]) .hbBeam{background:linear-gradient(180deg, transparent, rgba(216, 219, 221, 0.16), rgba(160, 163, 165, 0.1) 55%, rgba(236,241,245,0.040) 80%, transparent)} :where(html[data-look="glas"]) .project-btn::before,:where(html[data-look="glas"]) .category-tile::before,:where(html[data-look="glas"]) .person-card::before,:where(html[data-look="glas"]) .admin-card::before{background:conic-gradient(from var(--hb-glow-angle, 0deg), transparent 0%, #eef2f5 14%, transparent 40%, transparent 55%, rgba(236,241,245,0.560) 72%, transparent 92%)} :where(html[data-look="glas"]) .project-btn::after,:where(html[data-look="glas"]) .category-tile::after,:where(html[data-look="glas"]) .person-card::after,:where(html[data-look="glas"]) .admin-card::after{background:linear-gradient(135deg, rgba(236,241,245,0.760), rgba(240, 255, 220, 0.55) 45%, rgba(236,241,245,0.760))} :where(html[data-look="glas"]) .person-card:hover,:where(html[data-look="glas"]) .admin-card:hover{box-shadow:0 10px 26px rgba(0, 0, 0, 0.35)} :where(html[data-look="glas"]) .file-card::after{background:conic-gradient(from var(--hb-glow-angle, 0deg), transparent 0%, #eef2f5 14%, transparent 40%, transparent 55%, rgba(236,241,245,0.560) 72%, transparent 92%)} :where(html[data-look="glas"]) .file-card.is-selected{border-color:#eef2f5;box-shadow:0 0 0 2px #eef2f5} :where(html[data-look="glas"]) .file-corner-tab{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .file-card.is-selected .preview{box-shadow:inset 0 0 0 2000px rgba(236,241,245,0.096)} :where(html[data-look="glas"]) .file-selected-badge{background:rgba(255,255,255,.14);color:#f4f6f8;box-shadow:0 2px 8px rgba(0, 0, 0, 0.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .webshow-drop{border:1px dashed var(--line, rgba(255,255,255,.16));background:rgba(255,255,255,.02)} :where(html[data-look="glas"]) .webshow-drop.is-over{border-color:var(--lime, #eef2f5);background:#eef2f5} :where(html[data-look="glas"]) .webshow-drop code{background:rgba(255,255,255,.07)} :where(html[data-look="glas"]) .webshow-card{border:1px solid var(--line, rgba(255,255,255,.1));background:rgba(255,255,255,.03)} :where(html[data-look="glas"]) .webshow-link input{border:1px solid var(--line, rgba(255,255,255,.12));background:rgba(0,0,0,.28);color:inherit} :where(html[data-look="glas"]) .webshow-files{border-top:1px solid var(--border)} :where(html[data-look="glas"]) .webshow-file{border-bottom:1px solid rgba(255, 255, 255, 0.04)} :where(html[data-look="glas"]) .webshow-file:last-child{border-bottom:0} :where(html[data-look="glas"]) .webshow-file-meta{color:var(--text-dim)} :where(html[data-look="glas"]) .webshow-files-hint{color:var(--text-dim)} :where(html[data-look="glas"]) .tv-loading,:where(html[data-look="glas"]) .tv-empty{color:var(--text-dim)} :where(html[data-look="glas"]) .tv-qc{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .tv-qc-i{background:rgba(236,241,245,0.096);color:#eef2f5;font-weight:640} :where(html[data-look="glas"]) .tv-qc input{background:transparent;border:0;color:var(--text);outline:none} :where(html[data-look="glas"]) .tv-qc input::placeholder{color:var(--tv-faint)} :where(html[data-look="glas"]) .tv-kbd{font-weight:600;color:var(--tv-faint);border:1px solid var(--border)} :where(html[data-look="glas"]) .tv-stat{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .tv-stat::before{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .tv-stat.red::before{background:var(--tv-red)} :where(html[data-look="glas"]) .tv-stat.orange::before{background:var(--tv-orange)} :where(html[data-look="glas"]) .tv-stat.green::before{background:var(--tv-green)} :where(html[data-look="glas"]) .tv-stat.lime::before{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .tv-stat .tv-n{font-weight:640} :where(html[data-look="glas"]) .tv-stat.red .tv-n{color:var(--tv-red)} :where(html[data-look="glas"]) .tv-stat.orange .tv-n{color:var(--tv-orange)} :where(html[data-look="glas"]) .tv-stat.green .tv-n{color:var(--tv-green)} :where(html[data-look="glas"]) .tv-stat.lime .tv-n{color:#eef2f5} :where(html[data-look="glas"]) .tv-stat .tv-l{color:var(--text-dim);font-weight:600} :where(html[data-look="glas"]) .tv-panelh h2{font-weight:640;color:var(--text-dim)} :where(html[data-look="glas"]) .tv-hint{color:var(--tv-faint)} :where(html[data-look="glas"]) .tv-cal{font-weight:600;color:var(--text-dim);background:var(--bg-raise);border:1px solid var(--border)} :where(html[data-look="glas"]) .tv-cal:hover{border-color:#eef2f5;color:#eef2f5} :where(html[data-look="glas"]) .tv-pico{background:#3a3a42;font-weight:640;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)} :where(html[data-look="glas"]) .tv-pico-logo{color:transparent;box-shadow:none} :where(html[data-look="glas"]) .tv-frist{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--border)} :where(html[data-look="glas"]) .tv-frist.r-red{border-left-color:var(--tv-red)} :where(html[data-look="glas"]) .tv-frist.r-orange{border-left-color:var(--tv-orange)} :where(html[data-look="glas"]) .tv-frist.r-green{border-left-color:var(--tv-green)} :where(html[data-look="glas"]) .tv-frist.today-row{box-shadow:0 0 0 1px rgba(255,91,78,.32)} :where(html[data-look="glas"]) .tv-fname{font-weight:600} :where(html[data-look="glas"]) .tv-fdate{color:var(--text-dim)} :where(html[data-look="glas"]) .tv-cd{font-weight:600;background:rgba(255,255,255,.05);color:var(--text-dim)} :where(html[data-look="glas"]) .tv-frist.r-red .tv-cd{background:rgba(255,91,78,.14);color:#ff8b81} :where(html[data-look="glas"]) .tv-frist.r-orange .tv-cd{background:rgba(255,157,61,.15);color:#ffb469} :where(html[data-look="glas"]) .tv-frist.r-green .tv-cd{background:rgba(121,217,138,.14);color:#8fe0a0} :where(html[data-look="glas"]) .tv-check{border:1px solid var(--border);background:var(--bg-raise);color:var(--text-dim)} :where(html[data-look="glas"]) .tv-check:hover{border-color:var(--tv-green);color:var(--tv-green)} :where(html[data-look="glas"]) .tv-frist.is-closed{border-left-color:var(--tv-green);background:var(--bg-raise)} :where(html[data-look="glas"]) .tv-frist.is-closed .tv-fname{color:var(--text-dim)} :where(html[data-look="glas"]) .tv-frist.is-closed .tv-cd{background:rgba(121,217,138,.12);color:#8fe0a0} :where(html[data-look="glas"]) .tv-closedh{color:var(--tv-faint);font-weight:640} :where(html[data-look="glas"]) .tv-closedh::after{background:var(--border)} :where(html[data-look="glas"]) .tv-legend{color:var(--tv-faint)} :where(html[data-look="glas"]) .tv-dot.red{background:var(--tv-red)} :where(html[data-look="glas"]) .tv-dot.orange{background:var(--tv-orange)} :where(html[data-look="glas"]) .tv-dot.green{background:var(--tv-green)} :where(html[data-look="glas"]) .tv-card{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .tv-cardh{border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .tv-pn{font-weight:640} :where(html[data-look="glas"]) .tv-chip{font-weight:600} :where(html[data-look="glas"]) .tv-chip.red{background:rgba(255,91,78,.14);color:#ff8b81} :where(html[data-look="glas"]) .tv-chip.orange{background:rgba(255,157,61,.15);color:#ffb469} :where(html[data-look="glas"]) .tv-chip.none{background:rgba(255,255,255,.05);color:var(--tv-faint)} :where(html[data-look="glas"]) .tv-chip.done{background:rgba(121,217,138,.14);color:#8fe0a0} :where(html[data-look="glas"]) .tv-status{border:0;font-weight:640;background-color:rgba(255,255,255,.06);color:var(--text-dim);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath d='M1 1l3 3 3-3' fill='none' stroke='%239a9aa3' stroke-width='1.5'/%3E%3C/svg%3E")} :where(html[data-look="glas"]) .tv-status.s-arbeit{background-color:rgba(236,241,245,0.096);color:#cbe25a} :where(html[data-look="glas"]) .tv-status.s-kunde{background-color:rgba(255,157,61,.16);color:#ffb469} :where(html[data-look="glas"]) .tv-status.s-freigabe{background-color:rgba(96,140,255,.18);color:#9db6ff} :where(html[data-look="glas"]) .tv-status.s-fertig{background-color:rgba(121,217,138,.14);color:#8fe0a0} :where(html[data-look="glas"]) .tv-status option{background:var(--bg-card);color:var(--text)} :where(html[data-look="glas"]) .tv-progbar{background:rgba(255,255,255,.08)} :where(html[data-look="glas"]) .tv-progbar i{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .tv-card.closed .tv-progbar i{background:var(--tv-green)} :where(html[data-look="glas"]) .tv-progtxt{color:var(--text-dim)} :where(html[data-look="glas"]) .tv-todo:hover,:where(html[data-look="glas"]) .tv-atodo:hover{background:rgba(255,255,255,.025)} :where(html[data-look="glas"]) .tv-box{border:1.6px solid var(--border)} :where(html[data-look="glas"]) .tv-box::after{border:solid #141416} :where(html[data-look="glas"]) .tv-todo.done .tv-box,:where(html[data-look="glas"]) .tv-atodo.done .tv-box{background:rgba(255,255,255,.14);border-color:#eef2f5;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .tv-txt{color:var(--text)} :where(html[data-look="glas"]) .tv-todo.done .tv-txt,:where(html[data-look="glas"]) .tv-atodo.done .tv-txt{color:var(--tv-faint)} :where(html[data-look="glas"]) .tv-link{font-weight:600;color:#9db6ff;background:rgba(96,140,255,.13)} :where(html[data-look="glas"]) .tv-link:hover{background:rgba(96,140,255,.22)} :where(html[data-look="glas"]) .tv-recur{font-weight:600;color:var(--text-dim);background:rgba(255,255,255,.06)} :where(html[data-look="glas"]) .tv-del{border:0;background:transparent;color:var(--tv-faint)} :where(html[data-look="glas"]) .tv-del:hover{color:var(--tv-red);background:rgba(255,91,78,.12)} :where(html[data-look="glas"]) .tv-plus{color:var(--tv-faint);font-weight:640} :where(html[data-look="glas"]) .tv-add input{background:transparent;border:0;border-bottom:1px dashed transparent;color:var(--text);outline:none} :where(html[data-look="glas"]) .tv-add input::placeholder{color:var(--tv-faint)} :where(html[data-look="glas"]) .tv-add input:focus{border-bottom-color:var(--border)} :where(html[data-look="glas"]) .tv-note{background:rgba(217,187,69,.06);border:1px solid rgba(217,187,69,.16)} :where(html[data-look="glas"]) .tv-notel{font-weight:640;color:#d9bb45} :where(html[data-look="glas"]) .tv-notet{color:var(--text);outline:none} :where(html[data-look="glas"]) .tv-notet:empty::before{color:var(--tv-faint)} :where(html[data-look="glas"]) .tv-bpanel{background:var(--bg-card);border:1px solid var(--border)} :where(html[data-look="glas"]) .tv-bpanelh{border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .tv-bpanelh h3{font-weight:640} :where(html[data-look="glas"]) .tv-sub{color:var(--tv-faint)} :where(html[data-look="glas"]) .tv-up{border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .tv-up:last-of-type{border-bottom:0} :where(html[data-look="glas"]) .tv-uptext{font-weight:600} :where(html[data-look="glas"]) .tv-upwhen{font-weight:600;color:var(--text-dim);background:rgba(255,255,255,.05)} :where(html[data-look="glas"]) .tv-idea{border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .tv-idea:last-of-type{border-bottom:0} :where(html[data-look="glas"]) .tv-it{color:var(--text)} :where(html[data-look="glas"]) .tv-im{color:var(--tv-faint)} :where(html[data-look="glas"]) .anlieferung-frame{border:1px solid var(--border);background:var(--bg-raise)} :where(html[data-look="glas"]) .bausteine-gruppe{border:1px solid var(--border);background:rgba(255, 255, 255, 0.02)} :where(html[data-look="glas"]) .baustein{border:1px solid var(--border);background:rgba(0, 0, 0, 0.25)} :where(html[data-look="glas"]) .baustein:hover{border-color:#eef2f5} :where(html[data-look="glas"]) .baustein img{background:rgba(255, 255, 255, 0.04)} :where(html[data-look="glas"]) .baustein-leer{color:var(--text-dim)} :where(html[data-look="glas"]) .baustein-name{color:var(--text-dim)} :where(html[data-look="glas"]) .baustein-weg{border:none;background:rgba(0, 0, 0, 0.6);color:#fff} :where(html[data-look="glas"]) .baustein-weg:hover{background:#c8443a} :where(html[data-look="glas"]) .dateiwahl-back{background:rgba(0, 0, 0, 0.62)} :where(html[data-look="glas"]) .dateiwahl{background:var(--bg-card);border:1px solid var(--border);box-shadow:0 24px 60px rgba(0, 0, 0, 0.5)} :where(html[data-look="glas"]) .dateiwahl-kopf{border-bottom:1px solid var(--border)} :where(html[data-look="glas"]) .dateiwahl-kachel{border:1px solid var(--border);background:rgba(0, 0, 0, 0.25)} :where(html[data-look="glas"]) .dateiwahl-kachel:hover{border-color:#eef2f5} :where(html[data-look="glas"]) .dateiwahl-kachel img{background:rgba(255, 255, 255, 0.04)} :where(html[data-look="glas"]) .dateiwahl-icon{color:var(--text-dim);background:rgba(255, 255, 255, 0.04)} :where(html[data-look="glas"]) .dateiwahl-name{color:var(--text-dim)} :where(html[data-look="glas"]) .dateiwahl-fuss{border-top:1px solid var(--border)} :where(html[data-look="glas"]) .ul-feld > span{color:var(--text-dim)} :where(html[data-look="glas"]) .ul-feld input[type="text"],:where(html[data-look="glas"]) .ul-feld textarea{background:var(--bg-raise);color:var(--text);border:1px solid var(--border)} :where(html[data-look="glas"]) .ul-feld input[type="text"]:focus,:where(html[data-look="glas"]) .ul-feld textarea:focus{outline:none;border-color:#eef2f5} :where(html[data-look="glas"]) .ul-zeile small{color:var(--text-dim)} :where(html[data-look="glas"]) .office-sheet-leer{border:1px dashed var(--border);color:var(--text-dim)} :where(html[data-look="glas"]) .kachel-scrub-balken{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .pm-original-btn{background:none;border:0;color:#eef2f5} :where(html[data-look="glas"]) .pm-content-wrap > .pm-preview-note{background:rgba(10, 10, 12, .72);color:var(--text-dim)} :where(html[data-look="glas"]) .auswahl-eintrag{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:inherit} :where(html[data-look="glas"]) .auswahl-eintrag:hover{background:rgba(236,241,245,0.056);border-color:rgba(236,241,245,0.280)} :where(html[data-look="glas"]) .auswahl-info{color:var(--text-dim)} :where(html[data-look="glas"]) .auswahl-leer{color:var(--text-dim)} :where(html[data-look="glas"]) .preview > video.kachel-video,:where(html[data-look="glas"]) .file-card .preview > video.kachel-video{background:transparent} :where(html[data-look="glas"]) .dup-gruppe{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)} :where(html[data-look="glas"]) .dup-meta{color:var(--text-dim)} :where(html[data-look="glas"]) .dup-datei{border-top:1px solid rgba(255,255,255,.05)} :where(html[data-look="glas"]) .dup-bild{background:var(--bg)} :where(html[data-look="glas"]) .dup-zeit{color:var(--text-dim)} :where(html[data-look="glas"]) .webshow-actions .ws-icon-btn.is-active{border-color:rgba(236,241,245,0.480);color:#eef2f5;background:rgba(236,241,245,0.064)} :where(html[data-look="glas"]) .webshow-actions .ws-icon-btn.btn-danger:hover{background:rgba(255,80,80,.12)} :where(html[data-look="glas"]) .webshow-actions .ws-text-btn.is-active{border-color:rgba(236,241,245,0.480);color:#eef2f5;background:rgba(236,241,245,0.064)} :where(html[data-look="glas"]) .webshow-card.ws-menue-offen .ws-mehr{border-color:rgba(236,241,245,0.440);color:#eef2f5} :where(html[data-look="glas"]) .ws-menue{background:rgba(22,22,24,.97);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.55)} :where(html[data-look="glas"]) .ws-menue-eintrag{border:0;background:none;color:var(--text)} :where(html[data-look="glas"]) .ws-menue-eintrag:hover{background:rgba(236,241,245,0.064)} :where(html[data-look="glas"]) .ws-menue-eintrag.is-active{color:#eef2f5} :where(html[data-look="glas"]) .ws-menue-eintrag.gefahr{color:#ff7a7a} :where(html[data-look="glas"]) .ws-menue-eintrag.gefahr:hover{background:rgba(255,80,80,.1)} :where(html[data-look="glas"]) .ws-trenner{background:rgba(255,255,255,.08)} :where(html[data-look="glas"]) .ws-rechts-gruppe .ws-direkt.btn-danger{color:#ff7a7a} :where(html[data-look="glas"]) .projekt-backup-btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:var(--text-dim)} :where(html[data-look="glas"]) .projekt-backup-btn:hover{color:#eef2f5;border-color:rgba(236,241,245,0.400);background:rgba(236,241,245,0.048)} :where(html[data-look="glas"]) .webshow-files.ws-drop-neu{background:rgba(236,241,245,0.040);box-shadow:inset 0 0 0 1.5px rgba(236,241,245,0.360)} :where(html[data-look="glas"]) .webshow-file.ws-drop-ersetzen{background:rgba(236,241,245,0.096);box-shadow:inset 0 0 0 1.5px #eef2f5} :where(html[data-look="glas"]) .webshow-card .ws-oeffnen{background:transparent;color:#eef2f5;box-shadow:inset 0 0 0 1px rgba(236,241,245,0.360)} :where(html[data-look="glas"]) .webshow-card:hover .ws-oeffnen,:where(html[data-look="glas"]) .webshow-card .ws-oeffnen:focus-visible{background:rgba(255,255,255,.14);color:#f4f6f8;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .webshow-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)} :where(html[data-look="glas"]) .ws-rechts-gruppe .ws-dateien.is-active{border-color:rgba(236,241,245,0.440);color:#eef2f5;background:rgba(236,241,245,0.056)} :where(html[data-look="glas"]) .ws-titel-stift{border:0;background:none;color:var(--text-dim)} :where(html[data-look="glas"]) .ws-titel-stift:hover{color:#eef2f5;background:rgba(236,241,245,0.064)} :where(html[data-look="glas"]) .webshow-card-title strong.ws-titel-edit{outline:none;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(236,241,245,0.440)} :where(html[data-look="glas"]) .ws-br-krume{border:0;background:none;color:var(--text)} :where(html[data-look="glas"]) .ws-br-krume:last-child{color:#eef2f5;font-weight:600} :where(html[data-look="glas"]) .ws-br-krume:hover{background:rgba(255,255,255,.06)} :where(html[data-look="glas"]) .ws-br-krume.ws-drop-neu{background:rgba(236,241,245,0.096);box-shadow:inset 0 0 0 1px #eef2f5} :where(html[data-look="glas"]) .ws-br-tabelle{border:1px solid rgba(255,255,255,.07)} :where(html[data-look="glas"]) .ws-br-tabelle.ws-drop-neu{background:rgba(236,241,245,0.032);box-shadow:inset 0 0 0 1.5px rgba(236,241,245,0.400)} :where(html[data-look="glas"]) .ws-br-zeile{border-top:1px solid rgba(255,255,255,.05)} :where(html[data-look="glas"]) .ws-br-zeile:first-child{border-top:0} :where(html[data-look="glas"]) .ws-br-th{background:rgba(24,24,26,.97)} :where(html[data-look="glas"]) .ws-br-spalte{border:0;background:none;color:var(--text-dim)} :where(html[data-look="glas"]) .ws-br-spalte.aktiv{color:#eef2f5} :where(html[data-look="glas"]) .ws-br-spalte:hover{color:var(--text)} :where(html[data-look="glas"]) .ws-br-ordner .ws-br-name .icon{color:#eef2f5} :where(html[data-look="glas"]) .ws-br-ordner .webshow-file-name{font-weight:600} :where(html[data-look="glas"]) .ws-br-groesse,:where(html[data-look="glas"]) .ws-br-datum{color:var(--text-dim)} :where(html[data-look="glas"]) .ws-br-aktion{border:0;background:none;color:var(--text-dim)} :where(html[data-look="glas"]) .ws-br-aktion:hover{background:rgba(255,255,255,.08);color:var(--text)} :where(html[data-look="glas"]) .ws-br-aktion.gefahr:hover{background:rgba(255,80,80,.12);color:#ff7a7a} :where(html[data-look="glas"]) .ws-br-zeile:not(.ws-br-th):hover{background:rgba(255,255,255,.035)} :where(html[data-look="glas"]) .ws-br-zeile.ws-drop-ersetzen{background:rgba(236,241,245,0.096) !important;box-shadow:inset 0 0 0 1.5px #eef2f5} :where(html[data-look="glas"]) .ws-br-zeile.ws-drop-neu{background:rgba(236,241,245,0.064) !important;box-shadow:inset 0 0 0 1.5px rgba(236,241,245,0.480)} :where(html[data-look="glas"]) .ws-vorschau{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)} :where(html[data-look="glas"]) .ws-vorschau:hover{border-color:rgba(236,241,245,0.400);box-shadow:0 6px 20px rgba(0,0,0,.4)} :where(html[data-look="glas"]) .pp-anzeige{background:rgba(10,10,12,.66);color:#e8e8e8} :where(html[data-look="glas"]) .pp-anzeige b{color:#eef2f5;font-weight:600} :where(html[data-look="glas"]) .pm-content-wrap img.pm-logo{background-color:#d9d9db;background-image:linear-gradient(45deg, #c4c4c6 25%, transparent 25%), linear-gradient(-45deg, #c4c4c6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #c4c4c6 75%), linear-gradient(-45deg, transparent 75%, #c4c4c6 75%)} :where(html[data-look="glas"]) .freigabe-punkt{background:rgba(12,12,14,.72);color:#fff;font-weight:600} :where(html[data-look="glas"]) .freigabe-punkt i,:where(html[data-look="glas"]) .pm-freigabe i{background:var(--fp);box-shadow:0 0 0 2px rgba(0,0,0,.25), 0 0 10px var(--fp)} :where(html[data-look="glas"]) .freigabe-filter.aktiv{border-color:rgba(236,241,245,0.480);color:#eef2f5} :where(html[data-look="glas"]) .pm-freigabe{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--text)} :where(html[data-look="glas"]) .pm-freigabe.leer i{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)} :where(html[data-look="glas"]) .pm-freigabe:hover{border-color:rgba(236,241,245,0.400)} :where(html[data-look="glas"]) .pm-sichtung{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:var(--text-dim)} :where(html[data-look="glas"]) .pm-sichtung:hover{color:var(--text);border-color:rgba(236,241,245,0.360)} :where(html[data-look="glas"]) .share-row-sichtung{color:var(--text-dim)} :where(html[data-look="glas"]) .pm-3d{background:radial-gradient(ellipse at 50% 40%, #2a2a31 0%, #141417 70%)} :where(html[data-look="glas"]) .pm-3d model-viewer{outline:none} :where(html[data-look="glas"]) .pm-3d-leiste{background:rgba(10, 10, 12, .72)} :where(html[data-look="glas"]) .pm-3d-knopf{border:0;background:transparent;color:var(--text-dim)} :where(html[data-look="glas"]) .pm-3d-knopf:hover{color:var(--text);background:rgba(255, 255, 255, .07)} :where(html[data-look="glas"]) .pm-3d-knopf.aktiv{color:#f4f6f8;background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} :where(html[data-look="glas"]) .pm-3d-knopf:focus-visible{outline:1.5px solid #eef2f5} :where(html[data-look="glas"]) .pm-3d-trenner{background:rgba(255, 255, 255, .14)} :where(html[data-look="glas"]) .preview .preview-3d-marke{font-weight:600;color:var(--text-dim);border:1px solid var(--border)} :where(html[data-look="glas"]) .pm-3d-auswahl{background:rgba(255, 255, 255, .07);color:var(--text);border:0} :where(html[data-look="glas"]) .pm-3d-auswahl:focus-visible{outline:1.5px solid #eef2f5} :where(html[data-look="glas"]) .pm-3d-auswahl option{background:#161619;color:#ececec} :where(html[data-look="glas"]) .pm-3d-zaehler{color:var(--text-dim)} /* ===== Glas-Look: Graublau, Frosted Glass, Archivo, Korn (wie derhacker.com) ===== */ @font-face{font-family:'Archivo';font-weight:300 900;font-stretch:62% 125%;font-display:swap;src:url('fonts/Archivo-300-900-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215} @font-face{font-family:'Archivo';font-weight:300 900;font-stretch:62% 125%;font-display:swap;src:url('fonts/Archivo-300-900-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} html[data-look="glas"]{ --bg:#0f1316; --bg-raise:rgba(14,18,22,.62); --bg-card:rgba(10,13,16,.42); --border:rgba(255,255,255,.10); --text:#eef1f3; --text-dim:#98a3ad; --lime:#eef2f5; --glas:rgba(12,15,19,.58); --glas-rand:rgba(255,255,255,.12); --glut:226,52,30; background: radial-gradient(ellipse 55% 40% at 0% 100%,rgba(var(--glut),.12),transparent 70%), linear-gradient(170deg,#56626c 0%,#2c353d 26%,#151a1f 52%,#090b0d 100%); background-attachment:fixed; min-height:100%; } html[data-look="glas"] body{ font-family:"Archivo","Helvetica Neue",Arial,sans-serif; letter-spacing:-.005em; background:transparent!important; position:relative; } /* das 3D-Motiv der Homepage, stark weichgezeichnet, ganz hinten */ html[data-look="glas"] body::before{content:"";position:fixed;inset:-6%;z-index:0;pointer-events:none; background:url('look/hintergrund.jpg') 50% 85%/cover no-repeat;filter:blur(44px) saturate(.9);opacity:.18} html[data-look="glas"] .app,html[data-look="glas"] #authScreen{position:relative;z-index:1} /* Papierkorn ueber allem, analog */ html[data-look="glas"] body::after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none; background:url('look/korn.png');background-size:256px 256px;mix-blend-mode:overlay;opacity:.09} /* Glasflaechen */ html[data-look="glas"] .sidebar{ background:var(--glas)!important; border-right:1px solid var(--glas-rand); backdrop-filter:blur(26px) saturate(1.35); -webkit-backdrop-filter:blur(26px) saturate(1.35); box-shadow:inset -1px 0 0 rgba(255,255,255,.04), 8px 0 40px rgba(0,0,0,.25); } html[data-look="glas"] .brand{ background:rgba(255,255,255,.07)!important; border:1px solid var(--glas-rand)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important; } html[data-look="glas"] .brand-dot{background:#eef2f5!important;box-shadow:0 0 14px rgba(var(--glut),.55)!important} /* Kopf und Leisten: KEIN backdrop-filter (wuerde fixierte Overlays wie die Auswahlleiste versetzen) */ html[data-look="glas"] .topbar{background:transparent!important} html[data-look="glas"] .selection-bar{background:rgba(26,32,38,.72)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 40px -20px rgba(0,0,0,.6)!important} /* Projektkopf: kein farbiger Frist-Balken, keine Hintergrundbox */ html[data-look="glas"] #projectHead,html[data-look="glas"] #projectHead[class*="dl-"]{box-shadow:none!important;background:transparent!important} html[data-look="glas"] .file-card, html[data-look="glas"] .folder-card, html[data-look="glas"] .webshow-card, html[data-look="glas"] .category-tile, html[data-look="glas"] .admin-card, html[data-look="glas"] .person-card, html[data-look="glas"] .cmt-card{ background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015) 40%),rgba(9,11,14,.55)!important; border-color:rgba(255,255,255,.08)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 18px 40px -24px rgba(0,0,0,.8); } html[data-look="glas"] .file-card:hover,html[data-look="glas"] .webshow-card:hover, html[data-look="glas"] .folder-card:hover, html[data-look="glas"] .webshow-card:hover, html[data-look="glas"] .category-tile:hover{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 40%),rgba(12,15,18,.6)!important;border-color:rgba(255,255,255,.16)!important} html[data-look="glas"] .project-btn.is-active{background:rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)} html[data-look="glas"] .project-btn:hover{background:rgba(255,255,255,.06)!important} /* Vorschauflaechen: dunkles Glas statt reinem Schwarz */ html[data-look="glas"] .file-card .preview,html[data-look="glas"] .file-card .thumb,html[data-look="glas"] .folder-card .preview{background-color:rgba(4,5,7,.7)!important} html[data-look="glas"] h1,html[data-look="glas"] h2,html[data-look="glas"] h3{letter-spacing:-.02em} /* Dialoge und Vorschau: Glas mit dunklem Schleier dahinter */ html[data-look="glas"] .dialog-modal-backdrop, html[data-look="glas"] .preview-modal-backdrop{background:rgba(8,11,14,.55)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} html[data-look="glas"] .auth-box{ background:rgba(30,37,44,.5)!important;border:1px solid var(--glas-rand)!important; backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 40px 80px -40px rgba(0,0,0,.7)!important; } html[data-look="glas"] .auth-screen{background:transparent!important} /* Knoepfe: hell, ruhig, Hover mit warmem Schimmer */ html[data-look="glas"] .btn,html[data-look="glas"] .btn-small{text-transform:none;letter-spacing:0;font-weight:600;border-radius:12px} html[data-look="glas"] .btn:hover,html[data-look="glas"] .btn-small:hover{box-shadow:0 10px 26px -10px rgba(var(--glut),.55)!important} html[data-look="glas"] input,html[data-look="glas"] textarea,html[data-look="glas"] select{font-family:inherit} html[data-look="glas"] .auth-box input{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important} html[data-look="glas"] .auth-tabs{background:rgba(0,0,0,.18)!important} /* Umschalter unten rechts */ .look-schalter{position:fixed;right:12px;bottom:12px;z-index:10000;padding:7px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14); background:rgba(20,24,28,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#dfe4e8;font:500 12px/1 -apple-system,Arial,sans-serif;cursor:pointer;opacity:.75} .look-schalter:hover{opacity:1} /* ===== Orange Highlights mit Verlauf (sparsam) ===== */ html[data-look="glas"]{--orange:linear-gradient(100deg,#9c1c12 0%,#d4301e 45%,#ec4a2a 80%,#f4683a 100%)} /* Hauptknoepfe */ html[data-look="glas"] .btn{background:var(--orange)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 22px -12px rgba(var(--glut),.7)} html[data-look="glas"] .btn:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 30px -10px rgba(var(--glut),.8)!important} html[data-look="glas"] .btn-small:disabled{background:rgba(255,255,255,.12)!important;color:var(--text-dim)!important;box-shadow:none} /* aktives Projekt: kein farbiger Strich, auch keine Frist-Markierung links */ html[data-look="glas"] .project-btn.is-active{color:#fff!important;border-color:rgba(255,255,255,.12)!important;outline:none!important} html[data-look="glas"] .project-btn[class*="dl-"]{box-shadow:none!important} html[data-look="glas"] .project-btn.is-active[class*="dl-"]{box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important} /* Fortschritt und Speicheranzeige */ html[data-look="glas"] .upload-progress-bar{background:var(--orange)!important} /* Tiefe: Hauptbereich dunkler, Licht kommt nur von oben */ html[data-look="glas"] .content-body{position:relative} html[data-look="glas"] .sidebar{border-right-color:rgba(255,255,255,.07)} html[data-look="glas"] .project-btn{color:#cfd5da} html[data-look="glas"] .project-btn .project-size{color:#7c858d} /* Kreise oben: kein Weiss, sondern dunkles Glas mit heller Kante */ /* Logo oben: dieCREW-Zeichen in Weiss statt Punkt (Nutzerwunsch 26.10.2026) */ html[data-look="glas"] .brand-dot{width:24px!important;height:19px!important;flex:none;border-radius:0!important;border:0!important;background:url('look/diecrew-zeichen-weiss.png') center/contain no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 0 8px rgba(var(--glut),.35))} html[data-look="glas"] .notif-bell-btn.has-unread::after{background:radial-gradient(circle at 35% 30%,#ff8a6a,#d4301e 60%)!important;box-shadow:0 0 8px rgba(var(--glut),.6)!important;border:0!important} html[data-look="glas"] #newProjectBtn,html[data-look="glas"] .btn-icon-lime{background:rgba(255,255,255,.08)!important;color:#e9edf0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.12)!important} html[data-look="glas"] #newProjectBtn:hover,html[data-look="glas"] .btn-icon-lime:hover{background:rgba(255,255,255,.14)!important} /* ===== Kopf gebuendelt: zusammengehoerige Elemente in je einer Glasflaeche ===== */ html[data-look="glas"] .area-strip{padding:6px;border-radius:18px;background:rgba(10,13,16,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.07);gap:4px!important} html[data-look="glas"] .area-strip .area-chip{background:transparent!important;border-color:transparent!important;border-radius:12px!important} html[data-look="glas"] .area-strip .area-chip:hover{background:rgba(255,255,255,.06)!important;box-shadow:none!important} /* Ablagezone: ruhige Leiste */ html[data-look="glas"] .dropzone{border-radius:18px!important;border:1px dashed rgba(255,255,255,.14)!important;background:rgba(255,255,255,.02)!important;margin-bottom:16px!important} /* Kategorien als ein Segment-Schalter */ html[data-look="glas"] .category-grid{display:inline-flex!important;flex-wrap:wrap;width:auto!important;padding:4px;gap:2px!important;border-radius:16px;background:rgba(10,13,16,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.07);margin-bottom:14px!important} html[data-look="glas"] .category-grid .category-tile{background:transparent!important;border-color:transparent!important;box-shadow:none!important;border-radius:12px!important} html[data-look="glas"] .category-grid .category-tile:hover{background:rgba(255,255,255,.06)!important} html[data-look="glas"] .category-grid .category-tile.is-active{background:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important} /* Werkzeugleiste: eine Glasflaeche fuer Ordner, Ansicht, Suche, Sortierung und Aktionen */ html[data-look="glas"] .uploads-toolbar{padding:10px!important;border-radius:18px;background:rgba(10,13,16,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.07);margin-bottom:16px!important} html[data-look="glas"] .sidebar .project-btn.is-active{border-color:rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;outline:none!important} html[data-look="glas"] .sidebar .project-btn.is-active .project-thumb{border-color:rgba(255,255,255,.22)!important;box-shadow:none!important} /* ===== Kompakter Kopf (nur Desktop) ===== */ @media (min-width:1001px){ html[data-look="glas"] .area-strip{grid-template-columns:repeat(3,auto)!important;gap:2px!important;padding:5px!important} html[data-look="glas"] .area-strip .area-chip{padding:5px 10px!important;gap:6px!important;font-size:13px} html[data-look="glas"] .area-strip .badge{transform:scale(.88);transform-origin:left center} html[data-look="glas"] .project-avatar{min-height:60px!important;max-height:76px} html[data-look="glas"] .topbar h2{font-size:21px!important} html[data-look="glas"] .topbar{padding-bottom:8px!important} html[data-look="glas"] .dropzone{margin-bottom:10px!important} html[data-look="glas"] .dropzone-inner{padding-top:2px!important;padding-bottom:2px!important} html[data-look="glas"] .category-grid{margin-bottom:10px!important} /* Werkzeugleiste in EINER Zeile */ html[data-look="glas"] .uploads-toolbar{flex-wrap:nowrap!important;align-items:center;padding:6px!important;gap:8px!important} html[data-look="glas"] .uploads-toolbar .btn-icon-lime{width:34px;height:34px} html[data-look="glas"] .uploads-toolbar .view-slider input[type="range"]{width:64px!important} html[data-look="glas"] .uploads-toolbar .search-box{flex:1 1 140px!important;min-width:120px} html[data-look="glas"] .uploads-toolbar .search-box input{height:34px!important} html[data-look="glas"] .uploads-toolbar .view-controls{gap:6px!important;flex-wrap:nowrap} html[data-look="glas"] .uploads-toolbar .sort-select{height:34px!important;max-width:132px;font-size:12.5px} html[data-look="glas"] .uploads-toolbar .hb-share-btn,html[data-look="glas"] .uploads-toolbar .hb-dl-all{padding:7px 10px!important;font-size:11px!important;white-space:nowrap} } /* ===== Hauptnavigation kompakt: Segment-Leiste in 2 Spalten, Suche darunter ===== */ html[data-look="glas"] .sidebar .nav{display:grid!important;grid-template-columns:1fr 1fr;gap:2px!important;padding:4px;border-radius:14px;background:rgba(10,13,16,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 0 1px rgba(255,255,255,.06)} html[data-look="glas"] .sidebar .nav .nav-link{padding:6px 10px!important;border-radius:10px!important;font-size:13px;text-align:center;box-shadow:none!important;background:transparent!important} html[data-look="glas"] .sidebar .nav .nav-link:hover{background:rgba(255,255,255,.06)!important;color:var(--text)!important} html[data-look="glas"] .sidebar .nav .nav-link.is-active{background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important} html[data-look="glas"] .sidebar .nav > :not(.nav-link){grid-column:1/-1} /* People im Kopf ausblenden (nur Glas-Look) */ html[data-look="glas"] .area-strip .area-chip[data-key="people"]{display:none!important} html[data-look="glas"] .area-strip{grid-template-columns:repeat(2,auto)!important} /* ===== Ohne Konturlinien: Flaechen trennen sich durch Licht, Fuellung und Tiefe ===== */ /* Glaspanels: keine Randlinie, stattdessen Licht von oben + weicher Schatten */ html[data-look="glas"] .area-strip, html[data-look="glas"] .category-grid, html[data-look="glas"] .uploads-toolbar, html[data-look="glas"] .sidebar .nav{box-shadow:0 10px 30px -18px rgba(0,0,0,.7)!important;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 55%),rgba(10,13,16,.45)!important} html[data-look="glas"] .file-card,html[data-look="glas"] .folder-card,html[data-look="glas"] .webshow-card, html[data-look="glas"] .admin-card,html[data-look="glas"] .person-card,html[data-look="glas"] .cmt-card{border-color:transparent!important;box-shadow:0 18px 40px -24px rgba(0,0,0,.85)!important} html[data-look="glas"] .brand,html[data-look="glas"] .auth-box,html[data-look="glas"] .selection-bar{border-color:transparent!important} html[data-look="glas"] .dropzone{border-color:transparent!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))!important} html[data-look="glas"] .sidebar{border-right-color:transparent!important} /* Aktiv/ausgewaehlt: heller und angehoben statt umrandet */ html[data-look="glas"] .sidebar .project-btn.is-active{border-color:transparent!important;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07))!important;box-shadow:0 8px 20px -12px rgba(0,0,0,.8)!important} html[data-look="glas"] .sidebar .project-btn.is-active .project-thumb{border-color:transparent!important} /* Auswahl: feiner heller Ring + mehr Licht + deutlich sichtbares Haekchen (vorher kaum erkennbar) */ html[data-look="glas"] .file-card.is-selected{border-color:transparent!important;outline:1.5px solid rgba(238,242,245,.88)!important;outline-offset:0;transform:translateY(-3px);background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.06) 45%),rgba(16,19,23,.66)!important;box-shadow:0 26px 50px -22px rgba(0,0,0,.9),0 0 44px -14px rgba(var(--glut),.6)!important} html[data-look="glas"] .file-card.is-selected .preview{box-shadow:inset 0 0 0 2000px rgba(238,242,245,.07)!important} html[data-look="glas"] .file-card.is-selected .file-selected-badge{background:#eef2f5!important;color:#0f1316!important;box-shadow:0 4px 14px rgba(0,0,0,.55),0 0 18px rgba(var(--glut),.45)!important} html[data-look="glas"] .file-card.is-selected .file-corner-tab{background:#eef2f5!important} html[data-look="glas"] .category-tile.is-active,html[data-look="glas"] .sidebar .nav .nav-link.is-active{box-shadow:none!important;background:rgba(255,255,255,.14)!important} /* Eingabefelder und Knoepfe: Flaeche statt Linie */ html[data-look="glas"] input,html[data-look="glas"] select,html[data-look="glas"] textarea, html[data-look="glas"] .btn-ghost,html[data-look="glas"] .btn-outline,html[data-look="glas"] .btn-small.btn-ghost{border-color:transparent!important;background-color:rgba(255,255,255,.07)!important} html[data-look="glas"] input:focus,html[data-look="glas"] select:focus,html[data-look="glas"] textarea:focus{background-color:rgba(255,255,255,.11)!important;outline:none!important;box-shadow:none!important} html[data-look="glas"] .btn-ghost:hover,html[data-look="glas"] .btn-outline:hover{background-color:rgba(255,255,255,.13)!important} /* Leucht-Ringe und Punkt-Raster des klassischen Looks abschalten */ html[data-look="glas"] .project-btn::before,html[data-look="glas"] .category-tile::before,html[data-look="glas"] .person-card::before,html[data-look="glas"] .admin-card::before, html[data-look="glas"] .project-btn::after,html[data-look="glas"] .category-tile::after,html[data-look="glas"] .person-card::after,html[data-look="glas"] .admin-card::after, html[data-look="glas"] .file-card::after{display:none!important} /* alle uebrigen Konturen an Knoepfen, Chips und Reglern weg */ html[data-look="glas"] .dz-btn,html[data-look="glas"] .hb-share-btn,html[data-look="glas"] .hb-dl-all,html[data-look="glas"] .view-slider,html[data-look="glas"] .area-chip,html[data-look="glas"] .badge, html[data-look="glas"] .projekt-backup-btn,html[data-look="glas"] .file-card .btn-small,html[data-look="glas"] .file-card button,html[data-look="glas"] .btn-icon,html[data-look="glas"] .btn-icon-ghost, html[data-look="glas"] .notif-bell-btn,html[data-look="glas"] .crumb,html[data-look="glas"] #projectAvatar,html[data-look="glas"] .project-thumb,html[data-look="glas"] .menu-toggle{border-color:transparent!important} html[data-look="glas"] .file-card .btn-small,html[data-look="glas"] .hb-share-btn,html[data-look="glas"] .hb-dl-all,html[data-look="glas"] .dz-btn,html[data-look="glas"] .projekt-backup-btn,html[data-look="glas"] .view-slider{background-color:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important} html[data-look="glas"] .file-card .btn-small:hover,html[data-look="glas"] .hb-share-btn:hover,html[data-look="glas"] .hb-dl-all:hover,html[data-look="glas"] .dz-btn:hover{background-color:rgba(255,255,255,.15)!important} html[data-look="glas"] .dz-btn.dz-primary{background-color:rgba(255,255,255,.14)!important} /* ===== Beim Scrollen (kopf-kompakt): Wichtiges bleibt sichtbar ===== */ @media (min-width:1001px){ /* Kategorien und Sortierung/Aktionen bleiben, nur Ablagezone, Statistik und Bereiche klappen weg */ html[data-look="glas"] body.kopf-kompakt #view.is-uploads-scroll > .category-grid{max-height:60px!important;opacity:1!important;pointer-events:auto!important;padding:4px!important;margin:0 0 8px!important} html[data-look="glas"] body.kopf-kompakt .uploads-toolbar .view-controls{max-height:60px!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important} html[data-look="glas"] body.kopf-kompakt .uploads-toolbar{margin-bottom:10px!important} html[data-look="glas"] body.kopf-kompakt .topbar{padding-bottom:4px!important} html[data-look="glas"] body.kopf-kompakt .project-avatar{width:40px!important;height:40px!important;min-height:0!important} html[data-look="glas"] .uploads-toolbar .search-box{flex:1 1 220px!important;min-width:180px} } /* schmalere Laptops: Werkzeugleiste darf zweizeilig werden statt Felder zu quetschen */ @media (min-width:1001px) and (max-width:1380px){ html[data-look="glas"] .uploads-toolbar{flex-wrap:wrap!important} html[data-look="glas"] .uploads-toolbar .view-controls{flex-wrap:wrap} } /* Speicheranzeige in der Sidebar: roter Verlauf statt Grau */ html[data-look="glas"] .storage-meter-bar{background:rgba(255,255,255,.08)!important;border:0!important;box-shadow:none!important} html[data-look="glas"] .storage-meter-fill{background:var(--orange)!important;box-shadow:0 0 10px rgba(var(--glut),.45)!important}