.card-reader-strip{display:flex;align-items:center;gap:3px;white-space:nowrap;min-width:0}.card-reader-strip[hidden]{display:none}.card-reader-strip>span{display:flex;margin-left:-5px}.card-reader-strip>span:first-child{margin-left:0}.card-reader-strip .avatar{width:20px;height:20px;font-size:8px;border:1px solid white;flex:0 0 20px}.card-reader-strip small{font-size:11.5px;color:var(--text-3);font-weight:400}.drawer-top{gap:6px}.drawer-context{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.drawer-context>.ui-icon{width:12px;height:12px;flex:none}.drawer-context .drawer-phase{font-size:12px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-top .actions{flex:none}.drawer-context .v5-project-badge{flex:none}
@media(max-width:430px){.drawer-context .drawer-phase,.drawer-context>.ui-icon{display:none}.card-reader-strip small{font-size:10px}}
/* Screen 09: compact properties and independently assigned subtasks. */
.detail-drawer{padding:0 22px 14px}.detail-drawer .drawer-top{padding:14px 0;margin-bottom:14px;border:0;letter-spacing:normal;min-height:56px}.drawer-top .actions button{width:28px}.drawer-top .ui-icon{width:16px;height:16px}.drawer-top .v5-project-badge{height:22px;font-size:12px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-context>.ui-icon{width:12px;height:12px}
.v5-detail .card-properties-form{margin:0}.card-properties-form>fieldset{border:0;padding:0;margin:0;min-width:0}.v5-detail .v5-detail-title textarea{font-size:19px!important;font-weight:600;letter-spacing:-.015em;line-height:24px!important;min-height:24px!important;height:24px;padding:0!important;border:0!important;border-radius:0;color:var(--inkoust)!important;resize:none;overflow:hidden;background:transparent}.v5-detail .v5-detail-title textarea:disabled{opacity:1;-webkit-text-fill-color:var(--inkoust)}
.v5-detail-properties label,.card-property{display:grid;grid-template-columns:100px minmax(0,1fr);gap:0;align-items:center;min-height:30px;margin:0!important;font-size:12.5px!important;color:var(--text-3)}.v5-detail-properties input,.v5-detail-properties select,.card-workflow select{min-width:0;min-height:28px;height:28px;padding:0 6px;font-size:13px;border:1px solid transparent;border-radius:7px;color:var(--inkoust);background:transparent}.v5-detail-properties input:disabled,.v5-detail-properties select:disabled{opacity:1;-webkit-text-fill-color:var(--inkoust)}.card-workflow>div{display:flex;align-items:center;gap:6px;min-width:0;padding-left:6px;color:var(--inkoust);font-size:13px}.card-workflow select{flex:1;width:0;padding-left:0}.card-workflow .v5-state-icon{flex:none}.card-original-progress{margin-left:auto;font-size:11px;color:var(--text-3);white-space:nowrap}.card-workflow button{font-size:11px;padding:0 6px;min-height:26px}.v5-detail .card-description{margin:14px 0 0}.v5-detail .card-description textarea{font-size:13px;line-height:19px;padding:0!important;min-height:38px;resize:vertical;white-space:pre-wrap}.card-save{display:none}.card-properties-form:focus-within .card-save,.card-properties-form[data-dirty=true] .card-save,.card-save:has(.form-error:not(:empty)){display:block;margin-top:8px}.card-properties-form>.autosave-status{font-size:11px;margin:4px 0 0}.card-properties-form:not(:focus-within):not([data-dirty=true])>.autosave-status:not(.danger){display:none}
.card-section{margin-top:14px}.card-section>summary{font-size:13px;font-weight:600;cursor:pointer;margin-bottom:8px;list-style:none;display:flex;align-items:center;gap:6px}.card-section>summary:before{content:'›';width:13px;color:var(--text-3);font-size:17px;line-height:13px}.card-section[open]>summary:before{transform:rotate(90deg)}.card-section>summary::-webkit-details-marker{display:none}.card-section>summary small{font-size:12px;font-weight:400;color:var(--text-3)}
.card-subtasks>.task{position:relative;padding:0 0 0 19px;border:0;margin:0;background:transparent;border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) 86px;column-gap:4px}.card-subtasks .taskline{gap:9px;min-height:26px;min-width:0}.card-subtasks .taskline>input{width:15px;height:15px;flex:0 0 15px;margin:0;accent-color:var(--projekt-barva)}.card-subtasks .taskline>button{min-width:0;min-height:26px;padding:0;border:0;background:transparent;flex:1;font-size:13px;gap:3px}.card-subtasks .taskline>button>span:first-child{min-width:0;text-align:left}.card-subtasks .taskline .taskname{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400}.card-subtasks .taskline small{display:none}.card-subtasks .task.done .taskname{color:var(--text-3)}.card-subtasks .task-assignee{display:block;margin:0;padding:0;border:0}.card-subtasks .task-assignee>span{display:none}.card-subtasks .task-assignee select{width:100%;min-width:0;min-height:26px;height:26px;padding:0 4px;font-size:11px;border-color:transparent;background:transparent;color:var(--text-2)}.card-subtasks .task-assignee select:hover,.card-subtasks .task-assignee select:focus{border-color:var(--ramecek-pole)}.card-subtasks .taskbody{grid-column:1/-1;padding:8px 0}.card-subtasks .task:not(:has(>.task-assignee)){grid-template-columns:minmax(0,1fr)}.v5-detail .newtask{margin:4px 0 0 19px;align-items:center;flex-wrap:wrap}.v5-detail .newtask input{height:26px;min-height:26px;padding:0 5px;font-size:13px;border-color:transparent}.v5-detail .newtask .form-error{width:100%;margin:0}.v5-detail .newtask button{height:26px;min-height:26px;padding:0 5px}.card-files .file{border:1px solid var(--ramecek-pole);border-radius:10px;padding:8px 10px;margin:6px 0;min-width:0}.card-files .file a{font-size:13px;min-width:0;overflow-wrap:anywhere}.card-files .file small{font-size:11px;color:var(--text-3)}.card-files .upload{padding:7px 10px;min-height:30px;font-size:12px;margin:8px 0 0}.card-files .upload small{font-size:11px}.v5-detail .v5-detail-tools{margin-top:14px}.v5-detail .card-history{border:0;margin-top:14px;padding-top:0}
.detail-drawer .segment-page{display:flex;flex-direction:column;min-height:calc(100% - 70px)}.v5-detail{display:flex;flex-direction:column;flex:1;min-width:0}.v5-detail-comments{margin-top:auto;padding-top:16px}.card-comment-composer{display:flex;align-items:center;flex-wrap:wrap;gap:4px;position:sticky;bottom:0;background:white;border:1px solid var(--ramecek-pole);border-radius:21px;min-height:42px;padding:4px 5px 4px 14px;margin:0}.card-comment-composer>label:first-child{flex:1;min-width:0;margin:0}.card-comment-composer textarea{display:block;min-height:24px;height:24px;max-height:160px;resize:none;overflow:auto;padding:3px 0;border:0;background:transparent;font-size:13px;line-height:18px}.card-comment-composer .comment-mention-picker{width:23px;margin:0;flex:none}.card-comment-composer .comment-mention-picker select{height:26px;min-height:26px;width:23px;padding:0;border:0;font-size:12px;background:transparent;appearance:none;color:var(--text-3)}.card-comment-composer button[type=submit]{width:32px;height:32px;min-height:32px;border-radius:50%;padding:0;flex:none;background:var(--projekt-barva);color:var(--projekt-na-barve);border:0}.card-comment-composer .form-error{width:100%;margin:0;font-size:12px}.card-comment-composer .form-error:empty{display:none}.v5-detail-comments .comment{overflow-wrap:anywhere}.v5-detail-comments .comment p{white-space:pre-wrap}.v5-detail-full .segment-page{min-height:calc(100dvh - 180px)}
.detail-drawer .drawer-top{min-height:42px;padding:7px 0}.v5-detail .card-properties-form .v5-detail-title textarea{margin:0;resize:none}.v5-detail-properties label{font-weight:400}.v5-detail-properties input,.v5-detail-properties select,.card-description textarea{font-weight:400}.v5-detail .card-properties-form .card-description textarea{margin:0;resize:none}.card-comment-composer textarea{margin:0}.card-files .upload{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:5px;border:1px dashed var(--ramecek-pole);border-radius:9px;cursor:pointer;overflow:hidden}.card-files .upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;margin:0}.card-files .upload:focus-within{outline:2px solid var(--projekt-barva);outline-offset:2px}
.card-subtasks .taskline>.urgency-action{flex:0 0 22px;width:22px;height:24px;min-height:24px;margin:0;padding:0}.card-subtasks .taskline>button[data-action=task-detail]{flex:1;min-width:0}.card-comment-composer .comment-mention-picker{width:18px}.card-comment-composer .comment-mention-picker select{width:18px}
.v5-detail>.card-comment-composer{margin-top:12px;flex-shrink:0;bottom:0}.v5-detail-comments:empty{padding-top:0}.v5-detail-comments .reactions button{height:24px;min-height:24px;padding:0 5px;font-size:11px}.v5-detail-comments .comment>strong{font-size:13px}.v5-detail-comments .comment>small{font-size:11px}
.card-source>button{min-height:28px;height:28px;min-width:0;padding:0 6px;gap:6px;font-size:13px;color:var(--projekt-tmava);justify-content:flex-start}.card-source>button .ui-icon{width:16px;height:16px;flex:none}.card-source>button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-source>.muted{font-size:12px;padding-left:6px}.chat-message-highlight .chat-message-body{outline:2px solid var(--projekt-barva);outline-offset:3px}

.card-reminder{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:12px}.card-reminder>span{display:flex;align-items:center;gap:6px;color:var(--text-2)}.card-reminder .ui-icon{width:14px;height:14px}.card-reminder button{font-size:12px;text-align:right}
