#tfc-portal{border:1px solid #e5e7eb;border-radius:0px;padding:30px;background:#fff}
#tfc-portal .tfc-header{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}
#tfc-portal .tfc-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}

#tfc-portal button,
#tfc-portal input[type="submit"],
#tfc-portal input[type="button"]{
  background:#ff6324;
  color:#ffffff;
  border:0;
  border-radius:999px;
  padding:10px 16px;
  font-weight:700;
  cursor:pointer;
  transition:background-color .25s ease,transform .25s ease,opacity .25s ease;
}

#tfc-portal button:hover,
#tfc-portal input[type="submit"]:hover,
#tfc-portal input[type="button"]:hover{
  background:#d6501b;
  transform:translateY(-1px);
}

#tfc-portal button:disabled,
#tfc-portal input[type="submit"]:disabled,
#tfc-portal input[type="button"]:disabled{
  opacity:.6;
  cursor:not-allowed;
  transform:none;
}

#tfc-portal a.tfc-action-btn,
#tfc-portal a.tfc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ff6324;
  color:#ffffff;
  border:0;
  border-radius:999px;
  padding:10px 16px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  transition:background-color .25s ease,transform .25s ease,opacity .25s ease;
}

#tfc-portal a.tfc-action-btn:hover,
#tfc-portal a.tfc-btn:hover{
  background:#d6501b;
  transform:translateY(-1px);
}

#tfc-portal .tfc-tabs button{padding:8px 12px}
#tfc-portal .tfc-tabs button.active{background:#d6501b}

#tfc-template-modal .tfc-action-btn,
#tfc-template-modal .tfc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ff6324;
  color:#ffffff;
  border:0;
  border-radius:999px;
  padding:10px 16px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  transition:background-color .25s ease,transform .25s ease,opacity .25s ease;
}

#tfc-template-modal .tfc-action-btn:hover,
#tfc-template-modal .tfc-btn:hover{
  background:#d6501b;
  transform:translateY(-1px);
}

#tfc-template-modal .tfc-action-btn:disabled,
#tfc-template-modal .tfc-btn:disabled{
  opacity:.6;
  cursor:not-allowed;
  transform:none;
}

#tfc-portal .tfc-list{border:1px solid #e5e7eb;border-radius:0px;overflow:hidden}
#tfc-portal .tfc-list .row{display:flex;gap:12px;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #f1f5f9}
#tfc-portal .tfc-list .row:last-child{border-bottom:none}

#tfc-portal .tfc-uploader{border:1px solid #e5e7eb;border-radius:0px;padding:12px;margin:0 0 12px 0;background:#fff}
#tfc-portal .tfc-uploader-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#tfc-portal .tfc-upload-max{font-size:12px;color:#64748b}
#tfc-portal .tfc-uploader-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px}
#tfc-portal .tfc-uploader-actions{display:flex;align-items:center;gap:10px}

#tfc-portal .tfc-file-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#tfc-portal .tfc-file-actions a{font-weight:600;text-decoration:none}

#tfc-portal form{display:grid;gap:8px;margin:8px 0}
#tfc-portal input[type=text],#tfc-portal textarea{border:1px solid #e5e7eb;border-radius:0px;padding:8px;width:100%}
#tfc-portal .muted{color:#64748b;font-size:12px}

#tfc-portal input[type=text],
#tfc-portal textarea,
#tfc-portal .rte{
  font-family:inherit;
  font-size:inherit;
}

#tfc-portal .toolbar{
  display:flex;
  gap:12px;
  margin:12px 0;
  flex-wrap:wrap;
  align-items:center
}

#tfc-portal .toolbar select{
  font-family:inherit;
  font-size:inherit;
  color:inherit;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:6px 12px;
  line-height:1.2;
  appearance:none;
  -webkit-appearance:none;
}

#tfc-portal .toolbar select:focus{
  outline:2px solid rgba(255,99,36,.25);
  outline-offset:2px;
}

#tfc-portal .rte{border:1px solid #e5e7eb;border-radius:0px;padding:8px;min-height:100px}
#tfc-portal .rte.tfc-drop-hot{outline:2px dashed #ff6324;outline-offset:3px}

.tfc-header-right{display:flex;align-items:center;gap:10px}

#tfc-portal .tfc-tool,
#tfc-portal #tfc-back-messages{
  color:inherit;
  font-weight:400;
  cursor:pointer;
  user-select:none;
  text-decoration:none;
}

#tfc-portal .tfc-tool:hover,
#tfc-portal #tfc-back-messages:hover{
  color:#ff6324;
  text-decoration:underline;
}

#tfc-portal[data-mode="messages"] .tfc-messages-layout{display:flex;gap:12px}
#tfc-portal[data-mode="messages"] .tfc-messages-sidebar{width:280px;padding-right:8px}
#tfc-portal[data-mode="messages"] .tfc-messages-threadarea{flex:1}

#tfc-portal[data-mode="messages"]:not(.tfc-thread-open) .tfc-messages-sidebar{width:100%}
#tfc-portal[data-mode="messages"]:not(.tfc-thread-open) .tfc-messages-threadarea{display:none}
#tfc-portal[data-mode="messages"].tfc-thread-open .tfc-messages-sidebar{display:none}
#tfc-portal[data-mode="messages"].tfc-thread-open .tfc-messages-threadarea{display:block;width:100%}

#tfc-portal .tfc-messages-threadarea .tfc-list{margin-bottom:16px}
#tfc-portal .tfc-messages-threadarea .rte{margin-bottom:12px}
#tfc-portal .tfc-messages-threadarea button{margin-top:15px}

#tfc-portal .tfc-messages-threadarea .att{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap}
#tfc-portal .tfc-messages-threadarea .att a{margin-right:0}

#tfc-portal[data-mode="messages"] .tfc-thread-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
#tfc-portal[data-mode="messages"] .tfc-thread-row .view{color:#ff6324;font-weight:400;text-decoration:none;cursor:pointer;white-space:nowrap}
#tfc-portal[data-mode="messages"] .tfc-thread-row .view:hover{color:#d6501b;text-decoration:underline}
#tfc-portal[data-mode="messages"] .tfc-thread-row strong{color:#000000;transition:color .2s ease}
#tfc-portal[data-mode="messages"] .tfc-thread-row a:hover strong{color:#ff6324}
#tfc-portal[data-mode="messages"] .tfc-thread-row a:hover strong{color:#ff6324;text-decoration:underline}

#tfc-portal[data-mode="messages"] .tfc-circle-check{
  display:inline-flex;
  align-items:center;
  gap:8px;
  user-select:none;
  cursor:pointer;
  font-weight:400;
}

#tfc-portal[data-mode="messages"] .tfc-circle-check input{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:1px;
  height:1px;
}

#tfc-portal[data-mode="messages"] .tfc-circle-dot{
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid #ff6324;
  background:#ffffff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

#tfc-portal[data-mode="messages"] .tfc-circle-dot::before{
  content:"";
  width:8px;
  height:4px;
  border-left:2px solid #ffffff;
  border-bottom:2px solid #ffffff;
  transform:rotate(-45deg);
  opacity:0;
  margin-top:-1px;
}

#tfc-portal[data-mode="messages"] .tfc-circle-check input:checked + .tfc-circle-dot{
  background:#ff6324;
  border-color:#ff6324;
}

#tfc-portal[data-mode="messages"] .tfc-circle-check input:checked + .tfc-circle-dot::before{opacity:1}

#tfc-portal[data-mode="messages"] .tfc-circle-check input:focus + .tfc-circle-dot{
  box-shadow:0 0 0 3px rgba(255,99,36,.25);
}

#tfc-portal[data-mode="messages"] .tfc-select-people-link{
  color:#ff6324;
  font-weight:400;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}

#tfc-portal[data-mode="messages"] .tfc-select-people-link:hover{text-decoration:underline}

#tfc-portal .tfc-attach-panel{display:none;width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:0px;background:#fff}
#tfc-portal .tfc-attach-panel.open{display:block}
#tfc-portal .tfc-attach-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

#tfc-portal .tfc-attach-selected{margin-top:10px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
#tfc-portal .tfc-attach-selected .title{font-weight:600;margin-bottom:6px}
#tfc-portal .tfc-attach-selected ul{margin:0;padding-left:18px}
#tfc-portal .tfc-attach-selected li{margin:3px 0}
#tfc-portal .tfc-attach-selected .item{display:flex;gap:10px;align-items:center;justify-content:space-between}
#tfc-portal .tfc-attach-selected .remove{color:inherit;text-decoration:none;cursor:pointer;font-size:12px}
#tfc-portal .tfc-attach-selected .remove:hover{color:#ff6324;text-decoration:underline}

#tfc-portal .tfc-attach-hint{font-size:12px;color:#64748b}
#tfc-portal .tfc-attach-warn{margin-top:8px;font-size:12px;color:#64748b}

#tfc-portal .tfc-upload-progress{margin-top:10px;display:none}
#tfc-portal .tfc-upload-progress.on{display:block}
#tfc-portal .tfc-progress-bar{width:100%;height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}
#tfc-portal .tfc-progress-bar > div{height:10px;width:0%;background:#ff6324;border-radius:999px;transition:width .15s ease}
#tfc-portal .tfc-progress-meta{margin-top:6px;font-size:12px;color:#64748b}

#tfc-portal .tfc-filepick{display:inline-flex;align-items:center;gap:8px}
#tfc-portal .tfc-filepick input[type="file"]{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}
#tfc-portal .tfc-filepick-btn{
  display:inline-block;
  background:#ffffff;
  color:#111827;
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:3px 12px;
  font-weight:400;
  cursor:pointer;
}
#tfc-portal .tfc-filepick-btn:hover{
  border-color:#cbd5e1;
}

#tfc-portal[data-mode="files"] #tfc-upload{display:none}
#tfc-portal[data-mode="files"].tfc-create-open #tfc-upload{display:block}

#tfc-file-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.75);z-index:99999;padding:24px}
#tfc-file-modal.open{display:flex}
#tfc-file-modal .box{max-width:min(1100px,95vw);max-height:90vh;position:relative}
#tfc-file-modal img{max-width:95vw;max-height:90vh;display:block}
#tfc-file-modal button{position:absolute;top:-14px;right:-14px;width:38px;height:38px;border-radius:999px;border:0;background:#fff;cursor:pointer;font-size:20px;line-height:38px}

.tfc-upload-meta{margin-top:10px}
.tfc-selected{margin-top:10px;padding:10px;border:1px solid #e2e8f0;border-radius:0px;background:#fff}
.tfc-selected .title{font-weight:600;margin-bottom:6px}
.tfc-selected ul{margin:0;padding-left:18px}
.tfc-selected li{margin:3px 0}
.tfc-status{margin-top:10px;padding:10px;border-radius:0px}
.tfc-status.ok{background:#ecfdf5;border:1px solid #10b9811f}
.tfc-status.err{background:#fef2f2;border:1px solid #ef44441f}
.tfc-upload-actions{margin-top:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tfc-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(15,23,42,.25);border-top-color:rgba(15,23,42,.9);animation:tfcspin .8s linear infinite;display:none}
.tfc-spinner.on{display:inline-block}
@keyframes tfcspin{to{transform:rotate(360deg)}}
.tfc-upload-actions button[disabled]{opacity:.6;cursor:not-allowed}

#tfc-portal .tfc-file-actions{display:flex;gap:12px;flex-wrap:wrap}
#tfc-portal .tfc-file-actions a{color:#ff6324;font-weight:400;text-decoration:none;cursor:pointer}
#tfc-portal .tfc-file-actions a:hover{color:#d6501b;text-decoration:underline}

#tfc-msg-file-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.75);z-index:99999;padding:24px}
#tfc-msg-file-modal.open{display:flex}
#tfc-msg-file-modal .box{max-width:min(1100px,95vw);max-height:90vh;position:relative}
#tfc-msg-file-modal img{max-width:95vw;max-height:90vh;display:block}
#tfc-msg-file-modal button{position:absolute;top:-14px;right:-14px;width:38px;height:38px;border-radius:999px;border:0;background:#fff;cursor:pointer;font-size:20px;line-height:38px}

#tfc-portal[data-mode="tasks"] .tfc-header{margin-bottom:18px}
#tfc-portal[data-mode="tasks"] .tfc-header-right{gap:12px}

#tfc-portal[data-mode="tasks"] .tfc-tasks-create-wrap{display:none;margin:0 0 18px}
#tfc-portal[data-mode="tasks"].tfc-create-open .tfc-tasks-create-wrap{display:block}

#tfc-portal[data-mode="tasks"] .tfc-group-title{margin:22px 0 10px;display:flex;align-items:center;gap:10px}
#tfc-portal[data-mode="tasks"] .tfc-group-title .tfc-group-title-text{display:inline-block}
#tfc-portal[data-mode="tasks"] .tfc-group-drag-handle{display:inline-flex;align-items:center;justify-content:center;opacity:.55;cursor:grab;user-select:none;line-height:1}
#tfc-portal[data-mode="tasks"] .tfc-group-wrap.tfc-group-dragging{opacity:.7}

#tfc-portal[data-mode="tasks"] .tfc-tasks-form{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 12px;
}

#tfc-portal[data-mode="tasks"] .tfc-tasks-form input[type="text"]{
  width:auto;
  min-width:260px;
  flex:1 1 260px;
}

#tfc-portal[data-mode="tasks"] .tfc-tasks-form button,
#tfc-portal[data-mode="tasks"] .tfc-action-btn{
  width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}

#tfc-portal[data-mode="tasks"] select{
  font-family:inherit;
  font-size:inherit;
  color:#111827;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:8px 38px 8px 14px;
  line-height:1.2;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%236b7280' d='M5.6 7.5a1 1 0 0 1 1.4 0L10 10.5l3-3a1 1 0 1 1 1.4 1.4l-3.7 3.7a1 1 0 0 1-1.4 0L5.6 8.9a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:18px 18px;
}

#tfc-portal[data-mode="tasks"] select:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,99,36,.25);
  border-color:#ff6324;
}

#tfc-portal[data-mode="tasks"] .tfc-list{margin:10px 0 18px 0}

#tfc-portal[data-mode="tasks"] .tfc-list .row{
  padding:14px 16px;
  gap:16px;
  align-items:center;
}

#tfc-portal[data-mode="tasks"] .tfc-task-title-line{display:flex;align-items:center;gap:10px;min-width:0}

#tfc-portal[data-mode="tasks"] .tfc-list .row > div:first-child{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

#tfc-portal[data-mode="tasks"] .tfc-list .row a{
  color:#ff6324;
  font-weight:400;
  text-decoration:none;
}

#tfc-portal[data-mode="tasks"] .tfc-list .row a.tfc-task-title-link{
  color:#000;
}

#tfc-portal[data-mode="tasks"] .tfc-list .row a.tfc-task-title-link:hover{
  color:#ff6324;
}

#tfc-portal[data-mode="tasks"] .tfc-list .row a:hover{
  color:#d6501b;
  text-decoration:underline;
}

#tfc-portal[data-mode="tasks"] .tfc-group-add-task{margin:12px 0 16px}

#tfc-portal[data-mode="tasks"] .tfc-add-task-link{
  color:#ff6324;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  display:inline-block;
}

#tfc-portal[data-mode="tasks"] .tfc-add-task-link:hover{
  color:#d6501b;
  text-decoration:underline;
}

#tfc-portal[data-mode="tasks"] .tfc-add-task-form{
  display:none;
  margin-top:10px;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

#tfc-portal[data-mode="tasks"] .tfc-add-task-form.open{display:flex}

#tfc-portal[data-mode="tasks"] .tfc-add-task-form input[type="text"]{
  width:auto;
  min-width:260px;
  flex:1 1 260px;
}

#tfc-portal[data-mode="tasks"] .tfc-done{
  display:inline-flex;
  align-items:center;
  gap:5px;
  user-select:none;
  cursor:pointer;
  font-weight:400;
}

#tfc-portal[data-mode="tasks"] .tfc-done input{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:1px;
  height:1px;
}

#tfc-portal[data-mode="tasks"] .tfc-done-dot{
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid #ff6324;
  background:#ffffff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  margin-bottom: 3px;
}

#tfc-portal[data-mode="tasks"] .tfc-done-dot::before{
  content:"";
  width:8px;
  height:4px;
  border-left:2px solid #ffffff;
  border-bottom:2px solid #ffffff;
  transform:rotate(-45deg);
  opacity:0;
  margin-top:-1px;
}

#tfc-portal[data-mode="tasks"] .tfc-done input:checked + .tfc-done-dot{
  background:#ff6324;
  border-color:#ff6324;
}

#tfc-portal[data-mode="tasks"] .tfc-done input:checked + .tfc-done-dot::before{
  opacity:1;
}

#tfc-portal[data-mode="tasks"] .tfc-done input:focus + .tfc-done-dot{
  box-shadow:0 0 0 3px rgba(255,99,36,.25);
}

#tfc-portal[data-mode="tasks"] #tfc-task-attach-panel{margin-bottom:14px}
#tfc-portal[data-mode="tasks"] #tfc-task-send{margin-top:15px}

#tfc-portal[data-mode="tasks"].tfc-task-thread-open .tfc-header-right{display:none}

#tfc-portal[data-mode="tasks"] .tfc-header .tfc-task-back-top{
  display:none;
  margin-left:auto;
  color:#000000;
  font-weight:400;
  cursor:pointer;
  user-select:none;
  text-decoration:none;
}

#tfc-portal[data-mode="tasks"].tfc-task-thread-open .tfc-header .tfc-task-back-top{
  display:inline-block;
}

#tfc-portal[data-mode="tasks"] .tfc-header .tfc-task-back-top:hover{
  color:#ff6324;
  text-decoration:underline;
}

#tfc-portal[data-mode="tasks"] .tfc-delete-task-link{
  color:#000000;
  text-decoration:none;
  margin-left:8px;
}

#tfc-portal[data-mode="tasks"] .tfc-delete-task-link:hover{
  text-decoration:underline;
}

#tfc-portal .toolbar{
  margin:0;
  padding:8px 10px;
  background:#f2f2f2;
  border:1px solid #e5e7eb;
  border-bottom:0;
  border-radius:0;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  box-sizing:border-box;
}

#tfc-portal .rte{
  margin:0;
  padding:10px;
  min-height:160px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-top:0;
  border-radius:0;
  outline:none;
  box-sizing:border-box;
}

#tfc-portal .toolbar + .rte{
  margin-top:0;
}

#tfc-portal .toolbar .tfc-tool{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  background:transparent;
  font-weight:500;
}

#tfc-portal .toolbar select.tfc-color{
  background:#ffffff;
  border:1px solid #d1d5db;
  border-radius:50px;
  padding:4px 8px;
}

#tfc-portal .toolbar:focus-within,
#tfc-portal .rte:focus{
  box-shadow:0 0 0 2px rgba(255,99,36,.18);
}

#tfc-portal[data-mode="messages"] #tfc-thread-area .tfc-list{
  margin-bottom:18px;
}

.tfc-dashboard-top{display:flex;flex-direction:column;gap:14px}
.tfc-dashboard-cards{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.tfc-dashboard-cards .tfc-metric{grid-column:span 12}
@media(min-width:900px){
  .tfc-dashboard-cards .tfc-metric{grid-column:span 4}
}

.tfc-dashboard-main{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:14px}
.tfc-dashboard-left{grid-column:span 12}
.tfc-dashboard-right{grid-column:span 12;display:flex;flex-direction:column;gap:14px}
@media(min-width:900px){
  .tfc-dashboard-left{grid-column:span 7}
  .tfc-dashboard-right{grid-column:span 5}
}

#tfc-portal[data-mode="dashboard"] .tfc-card{border-radius:0}

#tfc-portal[data-mode="dashboard"] #tfc-tasks-remaining{color:#ff6324}

.tfc-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:16px}
.tfc-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.tfc-card-title{font-weight:800;font-size:18px}
.tfc-kicker{font-size:12px;color:#6b7280;text-transform:none;letter-spacing:.06em}
.tfc-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tfc-welcome-title{margin:6px 0 0 0;font-size:22px}
.tfc-welcome-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.tfc-company-select,#tfc-company-select{
  min-width:200px;
  font-family:inherit;
  font-size:inherit;
  color:#111827;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:999px;
  padding:8px 38px 8px 14px;
  line-height:1.2;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%236b7280' d='M5.6 7.5a1 1 0 0 1 1.4 0L10 10.5l3-3a1 1 0 1 1 1.4 1.4l-3.7 3.7a1 1 0 0 1-1.4 0L5.6 8.9a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:18px 18px;
}
.tfc-company-select:focus,#tfc-company-select:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,99,36,.25);
  border-color:#ff6324;
}
.tfc-header-right{position:relative}
.tfc-status-line{display:flex;align-items:center;gap:8px;color:#374151;font-weight:700}
.tfc-muted{color:#9ca3af;font-weight:700}
.tfc-status-dot{width:10px;height:10px;border-radius:50%;background:#10b981}
.tfc-status-dot.tone-good{background:#10b981}
.tfc-status-dot.tone-warn{background:#f59e0b}
.tfc-status-dot.tone-risk{background:#ef4444}

.tfc-metric-label{font-size:13px;color:#6b7280;margin-bottom:6px}
.tfc-metric-value{font-size:18px;font-weight:800}

.tfc-timeline-track{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;position:relative}
.tfc-timeline-track:before{content:'';position:absolute;left:13px;right:13px;top:13px;height:2px;background:#e5e7eb;z-index:0}
.tfc-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}
.tfc-step-dot{width:26px;height:26px;border-radius:999px;border:2px solid #d1d5db;display:inline-block;background:#fff;position:relative;z-index:1}
.tfc-step-label{font-size:14px;color:#6b7280;font-weight:400;text-align:center}
.tfc-step.is-current .tfc-step-label{font-weight:700}
.tfc-step.is-done .tfc-step-dot{border-color:#10b93a;background:#10b93a}
.tfc-step.is-done .tfc-step-dot:after{content:'';position:absolute;inset:0;display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9 16.2 4.8 12 3.4 13.4 9 19 21 7 19.6 5.6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 14px}
.tfc-step.is-current .tfc-step-dot{border-color:#111827;background:#111827}
.tfc-step.is-current .tfc-step-dot:after{content:'●';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:16px;line-height:1}
.tfc-step.is-next .tfc-step-dot{border-color:#111827}

.tfc-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#111827;color:#fff;font-size:12px;margin-left:6px}
.tfc-link{color:#111827;font-weight:800;text-decoration:none}
.tfc-link:hover{text-decoration:underline}
.tfc-msg-delete{color:#000;font-weight:400;text-decoration:none}
.tfc-msg-delete:hover{color:#ff6324;text-decoration:none}

.tfc-comment-delete{color:#000;font-weight:400;text-decoration:none}
.tfc-comment-delete:hover{color:#ff6324;text-decoration:none}
.tfc-divider{height:1px;background:#e5e7eb;margin:12px 0}
.tfc-action-list{display:flex;flex-direction:column;gap:10px}
.tfc-action-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e5e7eb;border-radius:0px;padding:12px 14px;text-decoration:none;color:#111827;font-weight:400;background:#fff}
.tfc-action-item:hover{border-color:#ff6324}

#tfc-portal[data-mode="tasks"] a.tfc-comment-delete{color:#000;font-weight:400;text-decoration:none}
#tfc-portal[data-mode="tasks"] a.tfc-comment-delete:hover{color:#000;text-decoration:none}

#tfc-portal[data-mode="tasks"] .tfc-task-title-link{
  color:#000;
  text-decoration:none;
  font-weight:800;
}

#tfc-portal[data-mode="tasks"] .tfc-task-title-link:hover{
  color:#ff6324;
}

#tfc-portal .tfc-task-row-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:25px;
  flex-wrap:wrap;
}

#tfc-portal a.tfc-link-delete{
  font-weight:800;
  color:#111827;
  text-decoration:none;
}

#tfc-portal a#tfc-delete-task-inline{font-weight:400}

#tfc-portal[data-mode="tasks"] .tfc-task-row-actions a{
  color:#ff6324;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
}

#tfc-portal[data-mode="tasks"] .tfc-task-row-actions a:hover{
  color:#d6501b;
  text-decoration:underline;
}

@media (max-width: 1024px){
  #tfc-portal .tfc-header{flex-wrap:wrap}
  #tfc-portal .tfc-header-right{width:100%;justify-content:flex-start}

  #tfc-portal .tfc-list .row{flex-wrap:wrap}
  #tfc-portal .tfc-task-row-right{justify-content:flex-start;width:100%}
  #tfc-portal .tfc-file-actions{justify-content:flex-start;width:100%}
  #tfc-portal[data-mode="messages"] .tfc-thread-row{flex-wrap:wrap}
  #tfc-portal[data-mode="messages"] .tfc-thread-row .view{margin-top:6px}

  .tfc-welcome{flex-wrap:wrap}
  .tfc-welcome-meta{width:100%;align-items:flex-start}

  .tfc-step-label{font-size:12px}
}

#tfc-portal a.tfc-link-delete:hover{
  color:#ff6324;
}

@media (max-width: 520px){
  #tfc-portal{padding:18px}
  #tfc-portal .tfc-header{flex-wrap:wrap}
  #tfc-portal .tfc-header-right{flex-wrap:wrap;width:100%;justify-content:flex-start}
  .tfc-company-select,#tfc-company-select{min-width:0;width:100%}
  #tfc-portal .tfc-list .row{flex-wrap:wrap}
  #tfc-portal .tfc-task-row-right{justify-content:flex-start;width:100%}
  .tfc-file-thumb{width:40px;height:40px}
  .tfc-file-icon{font-size:10px}
}
.tfc-action-due{font-size:12px;color:#6b7280;font-weight:700;white-space:nowrap}
.tfc-empty{color:#6b7280}

.tfc-latest-message{border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;background:#f9fafb}
.tfc-msg-from{font-weight:900;margin-bottom:6px}
.tfc-msg-body{color:#374151;font-weight:700}

.tfc-update{display:flex;align-items:center;gap:10px;border-top:1px solid #e5e7eb;padding-top:10px}
.tfc-update:first-child{border-top:0;padding-top:0}
.tfc-update-icon{width:22px;height:22px;border-radius:999px;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px}
.tfc-update-text{font-weight:800;color:#111827;flex:1}
.tfc-update-date{font-size:12px;color:#6b7280;font-weight:700;white-space:nowrap}

.tfc-btn-full{width:100%;margin-top:10px}
.tfc-messages-latest{margin-top:10px;display:flex;flex-direction:column;gap:10px}
.tfc-messages-latest .tfc-msg-item{padding:8px 0;border-top:1px solid #e5e7eb}
.tfc-messages-latest .tfc-msg-item:first-child{border-top:0}
.tfc-messages-latest .tfc-msg-item a{color:inherit;text-decoration:none;display:block}
.tfc-messages-latest .tfc-msg-item a:hover{text-decoration:underline}

.tfc-dashboard-card .tfc-card-actions{
  margin-top:10px;
}

#tfc-portal[data-mode="dashboard"] #tfc-dashboard-view-tasks,
#tfc-portal[data-mode="dashboard"] #tfc-dashboard-view-messages{
  margin-top:10px;
  display:inline-flex;
}

#tfc-portal[data-mode="projects"] .tfc-company-select{display:none !important;}
#tfc-portal[data-mode="projects"] .tfc-card{border-radius:0;}
#tfc-portal[data-mode="projects"] .tfc-projects-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

@media (min-width: 720px){
  #tfc-portal[data-mode="projects"] .tfc-projects-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}

@media (min-width: 1024px){
  #tfc-portal[data-mode="projects"] .tfc-projects-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
}

#tfc-portal[data-mode="projects"] .tfc-project-card{
  padding:18px;
}

#tfc-portal[data-mode="projects"] .tfc-project-title{
  font-weight:900;
  font-size:16px;
  color:#111827;
  margin-bottom:8px;
}

#tfc-portal[data-mode="projects"] .tfc-project-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  font-weight:800;
}

#tfc-portal[data-mode="projects"] .tfc-project-links a{
  color:#ff6324;
  text-decoration:none;
}

#tfc-portal[data-mode="projects"] .tfc-project-links a:hover{
  text-decoration:underline;
}

#tfc-portal[data-mode="projects"] .tfc-project-links .tfc-dot{
  color:#9ca3af;
}

html, body.tfc-locked-body{
  height:100%;
}

body.tfc-locked-body{
  margin:0;
  background:#111111;
}

.tfc-login-page{
  min-height:100vh;
  background:#111111;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 16px;
}

.tfc-login-card{
  width:100%;
  max-width:420px;
  background:#ffffff;
  border:1px solid rgba(0,0,0,0.08);
  padding:28px;
}

.tfc-login-logo{
  display:flex;
  justify-content:center;
  margin-bottom:18px;
}

.tfc-login-logo img{
  width:130px;
  height:auto;
}

.tfc-login-card form{
  margin:0;
}

.tfc-login-card label{
  display:block;
  color:#111111;
  font-weight:700;
  margin-bottom:6px;
}

.tfc-login-card input[type="text"],
.tfc-login-card input[type="password"],
.tfc-login-card input[type="email"]{
  width:100%;
  padding:12px 12px;
  border:1px solid rgba(0,0,0,0.18);
  background:#ffffff;
  color:#111111;
  outline:none;
}

.tfc-login-card input[type="text"]:focus,
.tfc-login-card input[type="password"]:focus,
.tfc-login-card input[type="email"]:focus{
  border-color:#ff6324;
}

.tfc-login-card .login-remember{
  margin:14px 0 0;
}

.tfc-login-card .login-remember label{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  font-weight:700;
}

.tfc-login-card input[type="checkbox"]{
  width:16px;
  height:16px;
}

.tfc-login-card .login-submit{
  margin-top:16px;
}

.tfc-login-card input[type="submit"]{
  width:100%;
  padding:12px 14px;
  border:0;
  background:#ff6324;
  color:#ffffff;
  font-weight:900;
  cursor:pointer;
  border-radius:12px;
}

.tfc-login-card input[type="submit"]:hover{
  opacity:0.92;
}

.tfc-login-links{
  margin-top:14px;
  text-align:center;
}

.tfc-login-links a{
  color:#111111;
  text-decoration:none;
  font-weight:700;
}

.tfc-login-links a:hover{
  text-decoration:underline;
}

.tfc-login-logo{margin-bottom:40px;text-align:center}
.tfc-login-logo img{width:130px}
.tfc-login-card .button-primary{border-radius:5px}

.tfc-login-page{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center
}
.tfc-login-header{
display:block
}

.tfc-login-page{
overflow:hidden
}
.tfc-login-logo{
margin-bottom:30px;
animation:tfcLogoFade 500ms ease forwards;
opacity:0
}
.tfc-login-card{
animation:tfcCardSlide 600ms ease forwards;
transform:translateY(10px);
opacity:0
}
.tfc-login-card .login-remember label{
font-weight:400
}
.tfc-login-card input[type="submit"]{
font-weight:700;
border-radius:99px
}
.tfc-login-links a{
font-weight:400
}
@keyframes tfcLogoFade{
to{opacity:1}
}
@keyframes tfcCardSlide{
to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion: reduce){
.tfc-login-logo,
.tfc-login-card{
animation:none;
opacity:1;
transform:none
}
}

.tfc-login-page{
transform:translateY(-50px)
}

.tfc-delete-group-link{
  color: #000;
  text-decoration: none;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 400;
}

.tfc-delete-group-link:hover{
  text-decoration: underline;
}

#tfc-portal[data-mode="tasks"] .tfc-group-wrap .tfc-list,
#tfc-portal[data-mode="messages"] .tfc-list,
#tfc-portal[data-mode="files"] .tfc-list{
  border:none;
  overflow:visible;
  display:flex;
  flex-direction:column;
  gap:12px;
  background:transparent;
}

#tfc-portal[data-mode="tasks"] .tfc-group-wrap .tfc-list .row,
#tfc-portal[data-mode="messages"] .tfc-list .row,
#tfc-portal[data-mode="files"] .tfc-list .row{
  border:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
  border-radius:0;
  background:#fff;
}

/* File preview thumbnails */
.tfc-file-thumb{width:48px;height:48px;flex-shrink:0;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8fafc}
.tfc-file-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.tfc-file-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;border-radius:6px;text-transform:uppercase}
.tfc-file-info{flex:1;min-width:0}
.tfc-file-name{font-weight:500;word-break:break-word}
#tfc-portal[data-mode="files"] .tfc-list .row{display:flex;align-items:center;gap:14px}
/* Task comments delete link - force black */
#tfc-portal[data-mode="tasks"] .tfc-task-comments .tfc-action-item a.tfc-comment-delete{
    color:#000 !important;
    font-weight:400;
}
#tfc-portal[data-mode="tasks"] .tfc-task-comments .tfc-action-item a.tfc-comment-delete:hover{
    color:#000 !important;
}

/* Remove bold from action items */
.tfc-action-item{
    font-weight:400;
}

/* Placeholder text size */
#tfc-portal textarea::placeholder,
#tfc-portal input::placeholder{
    font-size:13px;
    opacity:0.6;
}


/* Task comments delete link (inside list meta) - black and not bold */
#tfc-task-comments-list .muted a.tfc-comment-delete{
    color:#000 !important;
    font-weight:400 !important;
}
#tfc-task-comments-list .muted a.tfc-comment-delete:hover{
    color:#000 !important;
    font-weight:400 !important;
}



/* Rich text editor placeholder */
#tfc-portal .rte[data-placeholder]{
    position:relative;
}
#tfc-portal .rte[data-placeholder]::before{
    content:attr(data-placeholder);
    font-size:13px;
    opacity:0.6;
    pointer-events:none;
    display:block;
}



/* Message thread attachments - file name and view link black */
/* Edit link sizing adjustments */
#tfc-portal a.tfc-edit-task-link,
/* Task row action links – match messages/files style */
/* Task row action links – match Messages & Files link styling */
/* Remove legacy left margin from task delete link */

/* Portal link consistency patches (Tasks, Messages) */



/* Task row action links: match Messages and Files spacing */
#tfc-portal .tfc-task-row-actions{
    display:flex;
    gap:12px;
    align-items:center;
}
#tfc-portal .tfc-task-row-actions a{
    margin:0;
    font-size:inherit;
    font-weight:400;
    color:inherit;
    text-decoration:none;
}
#tfc-portal .tfc-task-row-actions a:hover{
    color:inherit;
    text-decoration:none;
}

/* Remove legacy left margin from task delete link in row actions */
#tfc-portal[data-mode="tasks"] .tfc-task-row-actions .tfc-delete-task-link{
    margin-left:0 !important;
}

/* Edit links */
#tfc-portal a.tfc-edit-group{
    color:#000;
    font-weight:400;
    font-size:13px;
    text-decoration:none;
}
#tfc-portal a.tfc-edit-group:hover{
    color:#000;
    text-decoration:none;
}
#tfc-portal a.tfc-edit-task-link,
#tfc-portal a.tfc-edit-task-title{
    color:inherit;
    font-weight:400;
    font-size:inherit;
    text-decoration:none;
}
#tfc-portal a.tfc-edit-task-link:hover,
#tfc-portal a.tfc-edit-task-title:hover{
    color:inherit;
    text-decoration:none;
}


/* Bullet and list tools */
#tfc-portal a.tfc-bullets{
    color:inherit;
    font-weight:400;
    text-decoration:none;
}
#tfc-portal a.tfc-bullets:hover{
    color:inherit;
    text-decoration:none;
}

/* Task reordering */
#tfc-portal[data-mode="tasks"] .tfc-drag-handle{display:inline-block;margin-right:8px;opacity:.55;cursor:grab;user-select:none}
#tfc-portal[data-mode="tasks"] .row[draggable="true"]{cursor:grab}
#tfc-portal[data-mode="tasks"] .row.tfc-dragging{opacity:.6}


#tfc-portal[data-mode="tasks"] #tfc-task-comments-list{display:flex;flex-direction:column;gap:12px}
#tfc-portal[data-mode="tasks"] #tfc-task-comments-list .row{border:1px solid #e5e7eb;border-radius:0;padding:12px;background:#fff}

#tfc-portal[data-mode="tasks"] #tfc-task-comments-list{display:flex;flex-direction:column;gap:12px;border:0;border-radius:0}

#tfc-portal[data-mode="messages"] .tfc-thread-row > a[data-thread]:hover{color:#ff6324;text-decoration:underline}

#tfc-portal a.tfc-msg-edit,#tfc-portal a.tfc-comment-edit{color:#000000;font-weight:400;text-decoration:none}
#tfc-portal a.tfc-msg-edit:hover,#tfc-portal a.tfc-comment-edit:hover{color:#ff6324;text-decoration:underline}

#tfc-portal[data-mode="messages"] .tfc-thread-row > a[data-thread]{color:#000000;text-decoration:none}

#tfc-portal[data-mode="tasks"] #tfc-task-comments-list .muted a.tfc-comment-edit{color:#000000;font-weight:400;text-decoration:none}
#tfc-portal[data-mode="tasks"] #tfc-task-comments-list .muted a.tfc-comment-edit:hover{color:#ff6324;text-decoration:underline}


#tfc-portal[data-mode="messages"] .tfc-thread-row > a[data-thread]{color:#000000 !important;text-decoration:none}
#tfc-portal[data-mode="messages"] .tfc-thread-row > a[data-thread]:hover{color:#ff6324 !important;text-decoration:underline !important}
#tfc-portal[data-mode="tasks"] #tfc-task-comments-list .muted a.tfc-comment-edit{color:#000000 !important;font-weight:400;text-decoration:none}
#tfc-portal[data-mode="tasks"] #tfc-task-comments-list .muted a.tfc-comment-edit:hover{color:#ff6324 !important;text-decoration:underline !important}

#tfc-portal[data-mode="messages"] .tfc-thread-row .tfc-thread-title{color:#000000;text-decoration:none}
#tfc-portal[data-mode="messages"] .tfc-thread-row > a[data-thread]:hover .tfc-thread-title{color:#ff6324;text-decoration:underline}
#tfc-portal[data-mode="messages"] .tfc-thread-row > a[data-thread]{text-decoration:none}
#tfc-portal[data-mode="messages"] .tfc-thread-row .view{color:#ff6324;text-decoration:none}
#tfc-portal[data-mode="messages"] .tfc-thread-row .view:hover{color:#d6501b;text-decoration:underline}

#tfc-portal[data-mode="messages"] .tfc-thread-row > a[data-thread]{text-decoration:none !important}
#tfc-portal[data-mode="messages"] .tfc-thread-row > a[data-thread]:hover{text-decoration:none !important}
#tfc-portal[data-mode="messages"] .tfc-thread-row .tfc-thread-title{color:#000000 !important;text-decoration:none !important}
#tfc-portal[data-mode="messages"] .tfc-thread-row > a[data-thread]:hover .tfc-thread-title{color:#ff6324 !important;text-decoration:underline !important}
#tfc-portal[data-mode="messages"] .tfc-thread-row .view{color:#ff6324 !important;text-decoration:none !important}
#tfc-portal[data-mode="messages"] .tfc-thread-row .view:hover{color:#d6501b !important;text-decoration:underline !important}

#tfc-portal[data-mode="messages"] .tfc-thread-row a.view{color:#ff6324 !important}

#tfc-portal[data-mode="messages"] .tfc-thread-row a.view:hover{color:#d6501b !important;text-decoration:underline !important}


#tfc-portal[data-mode="messages"] .tfc-thread-row a.view{color:#ff6324 !important;text-decoration:none !important}
#tfc-portal[data-mode="messages"] .tfc-thread-row a.view:hover{color:#d6501b !important;text-decoration:underline !important}

/* Spacing and meta tweaks */
#tfc-portal[data-mode="tasks"] .tfc-list .row > div:first-child{
  gap:10px;
}

#tfc-portal[data-mode="messages"] #tfc-thread-area .tfc-list .row > div:first-child{
  display:flex;
  flex-direction:column;
  gap:10px;
}

#tfc-portal .tfc-task-thread-title > .muted{
  display:none !important;
}