[data-entity=todo-list]{display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;width:100%;margin-top:var(--space-block);gap:var(--space-block);>.toolbar{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:space-between;border-radius:var(--btn-radius);background:rgba(0,0,0,0.08);padding:.5rem;>button{>span {@media( width< 500px ){}}}}>main{margin-top:12px;&[data-view=projects]{display:flex;flex-direction:column;gap:16px;}&[data-view=days]{display:grid;grid-template-columns:1fr;align-items:start;gap:1rem;}.day {background:#e0e6ed;border:1px solid #cbd5e1;border-radius:10px;padding:12px;min-height:200px;>header{font-size:14px;font-weight:bold;margin:0 0 12px 0;padding-bottom:6px;border-bottom:2px solid #adadad;text-transform:uppercase;color:#475569;justify-content:center;}>section + section{margin-top:1rem;}}[data-entity=project]{background:var(--block-bg);border:1px solid var(--block-border-c);border-radius:var(--block-radius);padding:var(--space-block);;box-shadow:0 4px 10px rgba(0,0,0,0.03);>header{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;[open] >&{border-bottom:1px solid var(--mist-border-c);margin-bottom:1rem;padding-bottom:1rem;.btn[name="project-collapse"]{i:before{transform:rotate(0deg)!important;}}}.title-bar{display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:100%;gap:1rem;h2{font-size:22px;font-weight:700;flex:auto;margin:0;}.btn{padding:6px 0;flex-shrink:0;&[name=project-collapse]{i:before{transform:rotate(-90deg);transition:transform 0.1s ease;}}&[name=project-menu-edit]{margin-left:1rem;}&[name=project-menu-setting]{margin-left:1rem;}&[name=project-menu-status]{width:16px;aspect-ratio:1 / 1;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:1px solid #757070;outline-offset:-2px;transition:all 0.2s ease;&.status-new {background-color:#ffffff;color:#6c757d;}&.status-active {background-color:#198754;color:#ffffff;border-color:#198754 !important;}&.status-paused {background-color:#ffc107;color:#000000;border-color:#ffc107 !important;}&.status-completed {background-color:#6c757d;color:#ffffff;border-color:#6c757d !important;}&.has-problem {box-shadow:0 0 0 3px rgba(220,53,69,0.5);border:2px solid #dc3545 !important;}}}}.attributes{display:flex;gap:.6rem;flex-wrap:wrap;flex-grow:1;>span{font-size:11px;font-weight:700;padding:2px 6px;border:1px solid;border-radius:var(--block-radius);user-select:none;display:inline-flex;align-items:center;button{font-size:inherit;line-height:0;padding:0;padding-left:2px;border:none;color:currentcolor;opacity:0.6;background:unset;}&.info{background:var(--a-info-bg);color:var(--a-info-color);border-color:var(--a-info-br);}&.secondary{background-color:var(--a-secondary-bg);color:var(--a-secondary-color);border-color:var(--a-secondary-br);}&.success{background:var(--a-success-bg);color:var(--a-success-color);border-color:var(--a-success-br);}&.warning{background:var(--a-warning-bg);color:var(--a-warning-color);border-color:var(--a-warning-br);}}}}.control[ data-name=tasks ]{display:none;[open] >& {display:flex;}>.toolbar{display:flex;justify-content:space-between;border-radius:var(--block-radius);background:#f0f4f7;padding:6px 12px;position:sticky;top:0;z-index:1;>.btn-group{>button{padding:0;border-radius:var(--btn-radius);}&.right{gap:.5rem;>button{width:28px;height:28px;border:1px solid transparent;color:#94a3b8;background:transparent;&:hover{background-color:rgba(0,0,0,0.04);}&.active{--active-color:var(--control-color-active);color:var(--active-color);border-color:var(--mist-border-c);background-color:#ffffff;i{color:var(--active-color);}}}}}}>.entity-states{>*:not( dialog ) {font-size:12px;min-height:unset;}}>.list{display:flex;flex-direction:column;list-style:none;padding:0;margin:1rem 0 0 0;gap:1rem;line-height:1.42857143;&:empty{margin:-1rem 0 0;}>[data-entity=task]{display:flex;gap:1rem;align-items:center;font-size:14px;padding:0;padding:2px 0 2px 1rem;margin-left:-.5rem;button[data-role=list-mode]{padding-top:0;padding-bottom:0;}label{>input[type="checkbox"]{/*width:16px;height:16px;*/}&:has( >input:checked ){span{text-decoration:line-through;color:var(--light-color);}}}}}}}}dialog{&#dialogEditTodo{min-width:460px;}&#dialogFilterLabelListTags{min-width:400px;.control[data-type=labellist]{[data-group=vertical] {display:block;column-count:3;column-width:13rem;column-gap:1rem;&.unscol {column-count:1;}}}}&#dialogHistoryProject{width:100%;height:100%;max-width:1080px;>main{display:grid;grid-template-rows:auto 1fr;>.alert{padding:.5rem 1rem;flex-direction:row;flex-wrap:wrap;margin-bottom:1rem;row-gap:.5rem;@media (width >500px){margin-bottom:0;}}>.control[data-name=history]{min-height:0;}}.control[data-type=entity-list]{height:100%;.list{display:flex;flex-direction:column;gap:0;border:1px solid var(--block-border-c);border-radius:var(--block-radius);height:100%;overflow-y:auto;position:relative;background:var(--block-bg);[data-entity=commit]{cursor:pointer;list-style:none;&>div{padding:1rem;}&:not(:first-child){border-top:1px solid var(--block-border-c);*/}&.active{border-color:var(--control-border-color-focus);background-color:color-mix(in srgb,var(--control-border-color-focus) 5%,var(--block-bg));}.orphan{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgb(255 152 0 / 30%) 10px,rgb(255 152 0 / 30%) 15px);transition:background 0.3s ease;}.title{color:#0d970d;font-weight:bold;&.uncommitted{color:#fa4343;font-style:italic;}}.pid{font-size:11px;color:var(--light-color);margin-bottom:2px;}.meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;}.author{font-size:12px;i{color:var(--light-color);}}.date{font-size:11px;color:var(--light-color);}}}.detail{display:flex;flex-direction:column;border:1px solid #ccc;border-radius:4px;background:#fafafa;height:100%;overflow-y:auto;}textarea.commit{flex:1;width:100%;font-family:monospace;font-size:12px;padding:10px;resize:none;white-space:pre-wrap;tab-size:2;border:none;field-sizing:content;@media ( pointer:fine ){&::-webkit-scrollbar {width:6px;height:6px;background-color:var(--mist-bg);}&::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.25);border-radius:2px;}}}}#dialogEntityListDetailModal{height:100%;>main * {height:calc( 100% - 1px);}}}&#dialogUserProfile{>main{@media( width >500px ){fieldset {display:grid;grid-template-columns:max-content minmax( 300px,1fr );align-items:baseline;gap:1rem;>.control {display:contents;}}}}}&#dialogProjectsHistoryImportFromFile{min-width:350px;>main{[data-type=progressBar]{margin:calc( var(--dialog-main-padding) * -1 );margin-bottom:0;progress{border-radius:0;}}[data-type=labellist]{label{--accent-color:var(--control-color-active);--text-color:initial;--text-weight:normal;&.import-success{--accent-color:#ffffff;--text-color:#327a35;--text-weight:500;}&.import-error{--accent-color:#ffffff;--text-color:#f44336;--text-weight:500;}&[disabled]{pointer-events:none;color:var(--light-color);opacity:0.8;}&.processed{pointer-events:none;opacity:0.9;color:var( --text-color );font-weight:var( --text-weight );}input[type="checkbox"] {accent-color:var( --accent-color );}}}}}}}