:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b42;background:#f4f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:860px;margin:auto;padding:26px 20px 36px;padding-top:max(26px,env(safe-area-inset-top))}header{margin-bottom:24px}.brand{font-weight:850;font-size:24px;color:#2369d7;display:flex;align-items:center;gap:12px}.brand span{font-size:10px;letter-spacing:2px;color:#68788c}.heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px}h1{font-size:30px;letter-spacing:-1px;margin:0}h2{font-size:19px;margin:0 0 8px}.sub{color:#748094;margin:9px 0}button{font:inherit;border:0;cursor:pointer;background:#2465d8;color:white;padding:13px 16px;border-radius:10px;font-size:14px;font-weight:600}button:disabled{opacity:.5;cursor:default}#refresh{background:white;color:#2465d8;border:1px solid #dbe3ed;padding:10px;font-size:12px;white-space:nowrap}.meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#697b90;margin-bottom:22px;line-height:1.6}.pill{background:#e9effb;color:#3863a0;border-radius:20px;padding:4px 10px;white-space:nowrap}nav{display:flex;border-bottom:1px solid #dbe2ec;margin-bottom:18px;gap:20px}.tab{background:none;border-radius:0;color:#748094;padding:10px 1px 14px;border-bottom:2px solid transparent}.tab.active{color:#2465d8;border-color:#2465d8}.tablewrap{border:1px solid #dce3ec;border-radius:14px;overflow:hidden;background:white}table{border-collapse:collapse;width:100%}th{font-size:11px;text-transform:uppercase;letter-spacing:.7px;background:#f9fafc;color:#7a8799;text-align:left;padding:14px 16px}td{padding:17px 16px;border-top:1px solid #e8edf3;font-size:14px;line-height:1.5}td:first-child{width:65%}.number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.value{font-size:18px;font-weight:650;letter-spacing:-.4px}.currency{font-size:11px;display:block;color:#7d8b9d;margin-top:2px}.hint{color:#7b899b;font-size:12px;line-height:1.7;margin:15px 2px 24px}#reconcile{background:#eaf1fc;border:1px solid #d6e3fa;border-radius:14px;padding:20px}#result{font-size:13px;color:#61758e;line-height:1.5}.actions{display:flex;gap:10px;margin-top:18px}.actions button{flex:1}.secondary{background:white;color:#34516f;border:1px solid #c9d8ec}#notice{padding:22px;border:1px solid #dce3ec;border-radius:12px;background:white;line-height:1.6;color:#68788c}#notice:empty{display:none}footer{font-size:11px;text-align:center;color:#93a0b1;margin-top:35px;letter-spacing:.4px}label{display:block;font-size:12px;color:#718096;margin-bottom:8px}input{width:100%;font:inherit;border:1px solid #d8e1ed;border-radius:10px;padding:13px;background:white;color:#172b42}.movement{padding:16px;background:white;border:1px solid #e1e7ef;border-radius:12px;margin-bottom:9px}.movehead{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#78879a}.movement p{font-size:13px;line-height:1.5;margin:10px 0 0;overflow-wrap:anywhere}.movement small{display:block;color:#7e8b9c;margin-top:7px}.positive{color:#237361}.negative{color:#b84d57}[hidden]{display:none!important}@media(max-width:420px){main{padding-left:14px;padding-right:14px}h1{font-size:26px}td,th{padding:13px 11px}.value{font-size:16px}.actions{flex-direction:column}}
#taskNotice:not(:empty){padding:15px;background:#eaf1fc;border-radius:10px;margin-bottom:18px;line-height:1.6}form label{margin:15px 0}select,textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid #d8e1ed;border-radius:10px;background:white;color:#172b42}textarea{min-height:90px;resize:vertical}form button{margin-top:8px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.filters label{margin:0}.filters label:first-child{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.taskcard{background:white;border:1px solid #dce3ec;border-radius:14px;padding:18px;margin:12px 0}.taskcard h3{font-size:17px;margin:13px 0 7px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.translation{font-size:14px;color:#687e98;white-space:pre-wrap;overflow-wrap:anywhere}.taskdates{font-size:12px;color:#718096;line-height:1.7;white-space:pre-line}.done,.done h3,.done p,.done select{color:#95a0ae}.done{background:#f8f9fb}.taskcard select{max-width:220px;margin-top:14px}dialog{border:1px solid #dce3ec;border-radius:18px;width:calc(100% - 28px);max-width:600px;max-height:90vh;overflow:auto;padding:23px;color:#172b42;background:#f8fafc}dialog::backdrop{background:#172b4277}#createError{color:#b84d57}#financeLink,#backTasks{background:white;color:#2465d8;font-size:12px}#peopleCards .actions{flex-wrap:wrap}#userPane>input{margin-top:15px}#registration{background:white;border:1px solid #dce3ec;border-radius:14px;padding:20px}

.appbar{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #dce3ec;padding:14px max(14px,calc((100vw - 820px)/2));padding-top:max(14px,env(safe-area-inset-top))}.appname{font-size:12px;font-weight:750;letter-spacing:.5px;color:#62758c;margin-bottom:10px}.appbar nav{display:flex;gap:8px;border:0;margin:0}.appbar button{padding:10px 14px;border-radius:9px;background:#f1f4f8;color:#687b91;font-size:13px}.appbar .selected{background:#2465d8;color:#fff}#financeLink,#backTasks,#tracker>nav{display:none!important}
#webLogin,#webSignup{max-width:460px;margin:30px auto;background:white;border:1px solid #dce3ec;border-radius:16px;padding:24px}#loginError,#signupError,#passwordError{color:#b84d57;line-height:1.5}.appname{display:flex;align-items:center;gap:10px}.appname button{padding:6px 9px;font-size:11px;border:1px solid #dce3ec;background:white;color:#687b91}#accountButton{margin-left:auto}.tasklink{display:block;color:#2465d8;font-size:12px;margin-top:10px;text-decoration:none}details{margin-top:12px}summary{cursor:pointer;font-size:12px;color:#597497}

.taskcontrols{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.taskcontrols select{margin:0;flex:1;min-width:170px}.taskcontrols button{font-size:12px}.reviewbadge{font-size:12px;line-height:1.6;color:#3265a4;background:#edf3fc;border-radius:8px;padding:8px 10px}.reviewcomment{padding:12px;border-left:3px solid #dc9a42;background:#fff6e8;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}#reviewError{color:#b84d57}
.submissionbox{margin-top:14px;border:1px solid #d9e4f4;background:#f4f8fe;padding:14px;border-radius:12px}.submissionbox h4{margin:0 0 8px;font-size:14px}.submissioncomment{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.resultfile{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #e0e7f2;font-size:12px}.resultfile span{flex:1;min-width:120px;overflow-wrap:anywhere}.resultfile button{padding:7px 10px;font-size:11px}.resultimage{display:block;max-width:100%;max-height:450px;object-fit:contain;border-radius:8px;margin-top:12px}#submissionError{color:#ad5d35;line-height:1.5}
/* Shared task table: scoped rules leave the finance table unchanged. */
#portal{max-width:1500px}.task-heading-actions{display:flex;align-items:center;gap:10px}.task-heading-actions button{font-size:13px;padding:10px 14px}.taskscopes{display:flex;gap:6px;border-bottom:1px solid #d9e2ed;margin:20px 0 16px;overflow-x:auto}.taskscopes button{background:none;color:#6b7e95;border-radius:0;border-bottom:3px solid transparent;padding:12px 15px;white-space:nowrap}.taskscopes .active{color:#2465d8;border-color:#2465d8}#taskPane .filters{grid-template-columns:minmax(180px,2fr) repeat(4,minmax(125px,1fr));gap:12px;margin:14px 0}#taskPane .filters label:first-child{grid-column:auto}#taskPane .filters .check{grid-column:1/-1}#taskPane .filters input,#taskPane .filters select{padding:10px;font-size:13px}.tasktablewrap{overflow:auto;border:1px solid #d4deeb;border-radius:12px;background:white;max-height:72vh}.tasktable{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.tasktable th{position:sticky;top:0;z-index:1;background:#eaf0f8;color:#526b87;padding:12px 10px;font-size:10px;border-bottom:1px solid #ccd8e8;border-right:1px solid #d7e1ed;white-space:nowrap}.tasktable td,.tasktable td:first-child{width:auto;vertical-align:top;font-size:13px;line-height:1.5;border:0;border-right:1px solid #e2e8f1;padding:12px 10px}.tasktable .taskgroup+.taskgroup .task-primary-row td{border-top:2px solid #d5dfec}.tasktable .task-primary-row td{background:#fff}.tasktable .taskgroup:hover td{background:#f6f9ff}.tasktable .col-id{min-width:54px}.tasktable .col-title{min-width:290px;max-width:430px;width:30%}.tasktable .col-title_en{min-width:220px;max-width:330px}.tasktable .col-assignee,.tasktable .col-creator{min-width:140px;max-width:170px}.tasktable .col-status{min-width:165px}.tasktable .col-deadline{min-width:115px}.tasktable .col-created,.tasktable .col-completed{min-width:145px;max-width:180px}.tasktable .col-review{min-width:140px}.tasktable .col-results{min-width:145px}.tasktable .col-actions{min-width:150px}.tabletitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;border:0;border-radius:0;background:none;color:#1e3c60;padding:0;font-size:13px;line-height:1.5;font-weight:650}.tableenglish{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#7e8fa4;font-size:11px;line-height:1.5;margin-top:4px}.tabletext,.tableperson{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.tablesmall,.tabledate{font-size:11px;color:#74879f;line-height:1.6}.tablesmall{display:block}.tasknumber{font-size:11px;color:#7f91a6;font-variant-numeric:tabular-nums}.tasktable select{font-size:12px;padding:8px;background:#fff;border-color:#d7e2ee;min-width:145px}.tableactions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tableactions button,.filechip{font-size:11px;padding:6px 9px;border-radius:7px}.tablelink{border:0;background:none;color:#2465d8;font-size:11px;font-weight:500;padding:4px 0;text-align:left;text-decoration:none;cursor:pointer}.tasktable .task-extra-row td{padding:0 10px 8px;color:#6a7e95}.tableextras{display:flex;gap:12px 22px;flex-wrap:wrap}.tableextra{max-width:600px;font-size:11px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.tableextra strong{color:#5a728e;font-weight:600}.tasktable .task-material-row td{padding:0 10px 9px}.tablematerials{display:flex;align-items:center;gap:8px 15px;flex-wrap:wrap}.filechip{background:#edf3fc;color:#4271b2;max-width:230px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kindlabel{display:block;font-size:10px;margin-top:5px;color:#557bad}.statuspill{display:inline-block;color:#456b9d;background:#edf2fb;border-radius:5px;padding:5px 8px;font-size:11px}.overdue-label{font-size:10px;color:#bd5862;margin-top:5px}.tasktable .done td{background:#f8f9fb;color:#97a3b3}.tasktable .done .tabletitle,.tasktable .done .tabletext,.tasktable .done .tableperson{color:#97a3b3}.tasktable.compact .task-primary-row td{padding:8px 9px}.tasktable.compact .task-extra-row td,.tasktable.compact .task-material-row td{padding-bottom:5px}.tasktable.lines-3 .tabletitle,.tasktable.lines-3 .tabletext,.tasktable.lines-3 .tableextra{-webkit-line-clamp:3}.tableempty{padding:35px!important;text-align:center;color:#7d8ba0}.column-option{display:flex;align-items:center;gap:5px;padding:8px 0;border-bottom:1px solid #e2e8f0}.column-option label{margin:0;flex:1;color:#4d6580;font-size:13px}.column-option button{margin:0;padding:5px 9px}.column-option input,#fieldSettings input{width:auto}#fieldSettings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}#fieldSettings label{margin:0;font-size:12px;line-height:1.5}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}#tableSettingsError{color:#b84d57}#tableSettingsDialog h3{font-size:14px;color:#45617e;margin:22px 0 9px}#taskDetailsDialog{max-width:850px}#taskDetailsBody .taskcard{margin-bottom:0;border:none;background:transparent;padding:12px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){#taskPane .filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){#taskPane .filters{grid-template-columns:1fr 1fr}#taskPane .filters label:first-child{grid-column:1/-1}.task-heading-actions{gap:6px}.task-heading-actions button{font-size:11px;padding:9px}#taskPane>.heading{align-items:flex-start;flex-wrap:wrap}#fieldSettings{grid-template-columns:1fr}.taskscopes button{font-size:12px;padding:11px}.tasktablewrap{max-height:68vh}.tasktable .col-title{min-width:240px}}
#portal{padding-top:18px}#portal>header{margin-bottom:16px}#portal>header .heading{margin-top:14px}#portal>header h1{font-size:27px}#portal>header .sub{margin-bottom:0}#taskPane>.heading{margin-top:14px}.taskscopes{margin-top:14px;margin-bottom:12px}#taskCount{margin:10px 0 12px}@media(min-width:900px){.tasktable .col-actions{position:sticky;right:0;border-left:1px solid #d5dfec;box-shadow:-3px 0 7px #172b4208;z-index:1}.tasktable th.col-actions{z-index:3;background:#eaf0f8}}
.user-role-box{border:1px solid #d8e2ef;border-radius:12px;padding:14px;margin:16px 0 8px}.user-role-box legend{font-size:12px;font-weight:650;color:#516c8a;padding:0 6px}.user-role-box label{margin:8px 0;color:#4c6581}.user-role-box input{width:auto}.user-role-box .hint{margin:12px 0;font-size:11px}.user-role-box button{font-size:12px;padding:9px 13px}.role-save-status{color:#b84d57;font-size:12px;line-height:1.5}

/* Keep task content readable without truncation or decorative ellipses. */
.tasktable .tabletitle,.tasktable .tableenglish,.tasktable .tabletext,.tasktable .tableperson,.tasktable .tableextra,.filechip{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;max-height:none}
.language-choice{font-size:12px;display:flex;flex-direction:column;gap:4px}.language-choice select{min-width:110px}.task-heading-actions{flex-wrap:wrap}

.tasktable .tabletitle,.tasktable .tableenglish,.tasktable .tabletext,.tasktable .tableperson,.tasktable .tableextra{-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important;overflow:visible!important}

.tag-list,.folder-tools{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{background:#edf2ff;color:#31488a;border:1px solid #d9e1ff;border-radius:12px;padding:3px 9px;font-size:12px;white-space:normal;overflow-wrap:anywhere}.col-tags{min-width:160px}.filters select[multiple]{min-height:110px;min-width:160px}.folder-tools{margin:10px 0}.folder-tab{max-width:260px;white-space:normal;overflow-wrap:anywhere}#customTaskTabs:empty{display:none}#folderDialog{max-width:650px;width:90%}

#tagDirectory,#projectDirectory{display:grid;gap:12px}#projectsPane summary{font-size:18px;cursor:pointer;padding:8px}#tagDialog,#projectDialog,#personalTagsDialog{width:90%;max-width:620px}.appbar nav{flex-wrap:wrap}

/* Shared header and a single, horizontally scrollable row of task tabs. */
.appbar{padding-left:20px;padding-right:20px}.appname{gap:12px}.appname .brand{margin-right:auto;flex-shrink:0}.account-identity{color:#62758c;font-weight:500;text-align:right;letter-spacing:normal}#accountButton{margin-left:0;flex-shrink:0}#logoutWeb{flex-shrink:0}
#customTaskTabs{display:contents}.taskscopes{align-items:stretch;flex-wrap:nowrap}.taskscopes>button,#customTaskTabs>button{flex-shrink:0}.taskscopes .folder-tab{max-width:none;white-space:nowrap}.folder-tools:has(>button:not([hidden])){margin:8px 0}.folder-tools:not(:has(>button:not([hidden]))){display:none}
@media(max-width:600px){.appname{flex-wrap:wrap;gap:8px}.appname .brand{flex-basis:100%}.account-identity{margin-left:auto;flex:1;min-width:0;max-width:calc(100% - 165px);font-size:11px;overflow-wrap:anywhere}.appbar{padding-left:14px;padding-right:14px}}

/* Phones use readable cards; the desktop table keeps the same preferences. */
.mobile-task-list{display:none}
@media(max-width:700px){
 #taskPane .tasktablewrap{display:none}.mobile-task-list{display:grid;gap:10px;min-width:0}
 #portal{padding:12px 12px 26px}#taskPane>.heading{flex-wrap:wrap;gap:8px}#taskPane h2{font-size:17px}.task-heading-actions{width:100%;gap:6px}.language-choice{font-size:11px;flex:1 1 calc(50% - 4px);min-width:0}.language-choice select{min-width:0;padding:8px;font-size:12px}.task-heading-actions button{padding:9px;font-size:11px}
 #taskPane .filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}#taskPane .filters label{min-width:0;font-size:11px}#taskPane .filters label:first-child{grid-column:auto}#taskPane .filters input,#taskPane .filters select{min-width:0;max-width:100%;font-size:12px;padding:8px}.filters select[multiple]{min-height:76px;height:76px}#taskCount{font-size:11px;margin:8px 0}
 .taskscopes{flex-wrap:wrap;overflow:visible;gap:3px}.taskscopes button,.taskscopes .folder-tab{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:11px;padding:9px 8px}.folder-tools button{max-width:100%;font-size:11px;padding:8px}
 .mobile-task-card{min-width:0;background:#fff;border:1px solid #dce3ec;border-radius:12px;padding:12px;overflow-wrap:anywhere}.mobile-task-card.done{background:#f8f9fb}.mobile-task-number{font-size:10px;color:#74879f;margin-bottom:5px}.mobile-task-title{display:block;width:100%;padding:0;background:none;color:#1e3c60;text-align:left;font-size:14px;line-height:1.45;border-radius:0;white-space:pre-wrap;overflow-wrap:anywhere}.mobile-task-card.done .mobile-task-title{color:#748094}
 .mobile-task-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:10px 0}.mobile-task-field{min-width:0;font-size:11px;line-height:1.5}.mobile-task-label{display:block;font-size:10px;color:#74879f;margin-bottom:3px}.mobile-task-status{margin:8px 0}.mobile-task-status select{font-size:12px;padding:9px;margin:0;min-width:0;max-width:100%}.mobile-task-card .tableperson,.mobile-task-card .tabletext{display:block;-webkit-line-clamp:unset;overflow:visible}.mobile-task-description{font-size:12px;line-height:1.55;white-space:pre-wrap;margin:10px 0;color:#425770;overflow-wrap:anywhere}.mobile-task-card .tag-chip{font-size:10px;padding:3px 7px}.mobile-task-card .tableactions{border-top:1px solid #e8edf3;padding-top:9px;margin-top:10px;gap:8px}.mobile-task-card .tableactions button{font-size:11px;min-height:34px;padding:7px 9px}.mobile-task-details{margin:10px 0}.mobile-task-details summary{font-size:11px}.mobile-task-details .mobile-task-field{margin-top:8px}.mobile-task-card .tableextras{margin-top:8px}.mobile-task-card .tableextra{display:block;white-space:pre-wrap;font-size:11px;overflow-wrap:anywhere}.mobile-task-card .tablematerials{gap:8px;margin-top:8px}.mobile-task-card .filechip{max-width:100%;font-size:11px;white-space:normal;overflow-wrap:anywhere}.mobile-task-card .reviewcomment,.mobile-task-card .submissioncomment{font-size:12px}
 dialog{padding:16px;max-width:calc(100% - 20px)}dialog .heading{margin-top:0;align-items:flex-start}dialog h2{font-size:17px}#taskDetailsBody .taskcard h3{font-size:14px}#taskDetailsBody .taskdates,#taskDetailsBody .submissioncomment,#taskDetailsBody .reviewcomment{font-size:12px;line-height:1.55}#taskDetailsBody .movehead{flex-wrap:wrap;overflow-wrap:anywhere}#taskDetailsBody .taskcontrols select{min-width:0}#taskDetailsBody .taskcard{min-width:0;overflow-wrap:anywhere}
}

/* Compact task toolbar and editing actions. */
.header-languages{display:flex;align-items:center;gap:10px}.header-languages .language-choice{margin:0;font-size:10px;gap:2px}.header-languages select{font-size:11px;padding:5px 7px;min-width:90px}.appname .brand{margin-right:auto}.appname{gap:12px}.taskscopes #tableSettingsButton{margin-left:auto;font-size:11px}.taskscopes #newTask{font-size:12px;color:#2465d8}.tasktable .col-actions{min-width:100px}.tasktable .tableactions{flex-wrap:nowrap}.tasktable .tableactions button{white-space:nowrap}
@media(max-width:1000px){.appname{flex-wrap:wrap}.header-languages{margin-left:auto}.account-identity{overflow-wrap:anywhere}}
@media(max-width:700px){
 .mobile-task-overview{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.2fr);gap:7px;align-items:start}.mobile-task-overview select{min-width:0;width:100%;padding:7px 3px;font-size:10px;border-radius:7px}.mobile-task-overview .statuspill{font-size:10px;padding:6px 4px}.mobile-task-number{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px}.mobile-task-description{margin-top:8px}.taskscopes #tableSettingsButton{margin-left:0}.appname{flex-wrap:wrap;gap:8px}.appname .brand{flex-basis:100%}.header-languages{width:100%;margin-left:0}.header-languages .language-choice{flex:1;min-width:0}.header-languages select{width:100%;min-width:0}.account-identity{flex:1;min-width:0;max-width:calc(100% - 165px);font-size:11px}
}

/* Keep desktop navigation between the brand and account controls. */
.appname{margin-bottom:0}.appname .brand{margin-right:12px;flex-shrink:0}.appname>nav{flex-wrap:wrap;gap:4px;margin-right:auto}.appname>nav button{border:0;padding:9px 12px;white-space:nowrap}.header-languages{flex-shrink:0}.appname #accountButton{margin-left:0}
#taskPane .filter-tools{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap} .filter-tools button{font-size:12px;padding:8px 12px}
@media(max-width:1100px){.appname>nav{order:2;flex-basis:100%;margin-right:0}.appname .brand{margin-right:auto}}
@media(max-width:700px){.appname>nav{order:0;gap:3px}.appname>nav button{padding:8px;font-size:11px}.appname .brand{flex-basis:100%}}

/* Compact people list: details stay available on demand. */
#peopleCards{display:grid;gap:8px;margin-top:12px}#peopleCards .person-card{position:relative;margin:0;padding:12px 14px;border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:start}#peopleCards .person-card h3{font-size:14px;margin:0 0 4px;grid-column:1}#peopleCards .person-card>p{grid-column:1;margin:2px 0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}#peopleCards .person-card>.actions{grid-column:2;grid-row:1/5;margin:0;gap:6px;align-self:start}#peopleCards .actions button{flex:0 0 auto;padding:7px 10px;font-size:11px}#peopleCards .person-access{grid-column:1/-1;margin-top:7px}#peopleCards .person-access summary{font-size:11px;padding:4px 0}#peopleCards .person-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}#peopleCards .user-role-box{min-width:0;margin:0;padding:10px;display:flex;flex-wrap:wrap;gap:8px 14px;border-radius:8px}#peopleCards .user-role-box legend{font-size:11px}#peopleCards .user-role-box label{margin:0;font-size:11px}#peopleCards .user-role-box .hint{width:100%;margin:0;font-size:10px;line-height:1.4}#peopleCards .user-role-box button{margin:0;padding:7px 10px;font-size:11px}#peopleCards .role-save-status:empty,#peopleCards .user-role-box .hint:empty{display:none}#peopleCards .person-card>label,#peopleCards .person-card>.hint{grid-column:1/-1}#peopleCards .person-card>label select{max-width:100%;margin:4px 0;font-size:12px;padding:8px}.user-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#userEditError{color:#b84d57}#userEditDialog .heading{margin-top:0}
@media(max-width:700px){#peopleCards .person-card{grid-template-columns:minmax(0,1fr)}#peopleCards .person-card>.actions{grid-column:1;grid-row:auto;margin-top:8px}#peopleCards .person-access-grid,.user-edit-grid{grid-template-columns:minmax(0,1fr)}#peopleCards .person-card .check{flex-wrap:wrap}}

#peopleCards .user-role-box{align-items:center;align-content:flex-start}#peopleCards .person-access-grid{align-items:start}

.tag-picker{margin:12px 0;min-width:0;border:1px solid #dce3ec;border-radius:10px;padding:10px}.tag-picker-title{display:block;font-size:12px;margin-bottom:6px;color:#62758c}.tag-picker>input[type=search]{padding:8px;font-size:12px}.tag-picker-selected{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.tag-picker .tag-chip{padding:5px 8px;font-size:11px;margin:0}.tag-picker-list{max-height:140px;overflow:auto;display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0}.tag-picker-list label.check{margin:0;font-size:12px;max-width:100%}.tag-picker-list span{overflow-wrap:anywhere}.tag-picker-list input{flex-shrink:0}.tag-picker>button{font-size:12px;padding:7px 10px;margin:0}.tag-picker-list .hint{margin:0}

.task-date-range{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #e1e7ef}.task-date-range strong{font-size:12px}.task-date-range label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}.task-date-range input{width:150px;padding:7px;font-size:12px}.task-date-range .hint{margin:0;font-size:11px}.task-date-range button{padding:6px 10px;font-size:18px}.task-date-range label{min-width:0}@media(max-width:520px){.task-date-range{gap:8px}.task-date-range strong,.task-date-range .hint{width:100%}.task-date-range input{width:120px;min-width:0}.task-date-range button{padding:5px 8px}}