/* Techorbyte Connect v31.36 — universal responsive alignment layer */
:root{
  --ui-sidebar:268px;
  --ui-topbar:72px;
  --ui-radius:16px;
  --ui-radius-sm:11px;
  --ui-gap:18px;
  --ui-border:rgba(132,165,202,.18);
  --ui-panel:#0c1d31;
  --ui-panel-2:#10243a;
  --ui-muted:#91a6bd;
  --ui-focus:#22c7df;
}
html{font-size:16px;scroll-behavior:smooth}
html,body{width:100%;min-width:320px;overflow-x:hidden}
body{line-height:1.5;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
img,svg,video,canvas{max-width:100%}
button,input,select,textarea{font:inherit}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(34,199,223,.28);outline-offset:2px}
button:disabled,[aria-disabled="true"]{cursor:not-allowed!important;opacity:.68!important;transform:none!important}

/* Main shell */
.app{grid-template-columns:var(--ui-sidebar) minmax(0,1fr)!important;min-height:100dvh;height:100dvh;overflow:hidden}
.sidebar{width:var(--ui-sidebar);min-width:0;min-height:0;overflow:hidden}
.main,.page-main{min-width:0;min-height:0;overflow:hidden}
.page-main{display:grid!important;grid-template-rows:var(--ui-topbar) minmax(0,1fr)!important;height:100dvh!important}
.page-main>.page-view{overflow-y:auto!important;overflow-x:hidden!important;min-height:0;overscroll-behavior:contain;padding:clamp(20px,3vw,34px)!important}
.global-topbar{height:var(--ui-topbar)!important;min-height:var(--ui-topbar)!important;padding:0 clamp(14px,2vw,24px)!important;gap:14px;position:relative;z-index:30}
.global-search{flex:1;max-width:560px;min-width:180px}
.global-tools,.global-user,.topbar-actions{display:flex;align-items:center;gap:10px;min-width:0}
.global-profile{min-width:0}.global-profile>span:last-of-type{min-width:0}.global-profile strong,.global-profile small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.icon-button,.topbar-tool,.notification-button,.mobile-menu-button{width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;display:inline-grid!important;place-items:center!important}
.icon-button svg,.topbar-tool svg,.notification-button svg{width:20px;height:20px}

/* Sidebar */
.pro-sidebar{width:var(--ui-sidebar)!important;min-width:var(--ui-sidebar)!important}
.pro-brand{height:var(--ui-topbar)!important;min-height:var(--ui-topbar)!important;padding:0 15px!important;gap:10px}
.brand-logo{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:12px;flex:0 0 42px;background:#07111f}
.pro-brand>div{min-width:0}.pro-brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grouped-nav{min-height:0;overflow-y:auto!important;overflow-x:hidden;padding:16px 12px 20px!important}
.grouped-nav a{width:100%;min-height:44px;padding:0 12px!important;text-align:left!important}
.grouped-nav a span:not(.nav-icon){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-card{flex:0 0 auto;min-width:0}.user-card>div:nth-child(2){min-width:0}.user-card strong,.user-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Universal page heading and panels */
.page-view{width:100%;max-width:1600px;margin:0 auto}
.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px!important;min-width:0}
.page-title>div{min-width:0}.page-title h1{font-size:clamp(1.85rem,3vw,2.65rem)!important;line-height:1.08;margin:4px 0 8px!important;overflow-wrap:anywhere}.page-title p{max-width:760px;margin:0;color:var(--ui-muted)}
.page-primary,.page-secondary,.action-primary,.settings-actions a,.panel a[role="button"]{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px!important;border-radius:12px!important;white-space:nowrap;text-decoration:none}
.panel,.admin-panel,.task-column,.metric-card,.settings-card,.nav-destination-card,.project-directory-card{border-radius:var(--ui-radius)!important;border-color:var(--ui-border)!important;min-width:0}
.metric-grid,.content-grid,.settings-grid,.permission-grid,.health-grid,.nav-card-grid,.project-directory-grid{align-items:stretch}
.metric-grid>* ,.content-grid>* ,.settings-grid>* ,.permission-grid>* ,.health-grid>* ,.nav-card-grid>* ,.project-directory-grid>*{min-width:0}

/* Dashboard */
.metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--ui-gap)!important}
.metric-card{min-height:132px;padding:20px!important;display:flex;flex-direction:column;justify-content:space-between}
.metric-card strong{font-size:clamp(1.8rem,3vw,2.4rem)}
.content-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:var(--ui-gap)!important}
.dashboard-panel{height:100%;overflow:hidden}
.mini-project-list a,.deadline-list a,.recent-task-list a{min-width:0;gap:12px}.mini-project-list span,.deadline-list span,.recent-task-list span{min-width:0}.mini-project-list strong,.deadline-list strong,.recent-task-list strong{overflow-wrap:anywhere}

/* Directories/cards */
.project-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.project-directory-card{height:100%;min-height:270px;padding:20px!important}
.directory-toolbar{flex-wrap:wrap}.directory-search{flex:1;min-width:240px}
.nav-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.nav-destination-card{min-height:92px}

/* Project header/workspace */
.project-detail-main>.project-hero{padding:18px clamp(16px,3vw,30px)!important;align-items:center!important;min-height:128px}
.project-heading-area{min-width:0;flex:1}.project-heading-area h1{font-size:clamp(1.65rem,3vw,2.4rem)!important;overflow-wrap:anywhere;margin:6px 0 12px!important}.project-heading-top,.project-overview-stats{display:flex;align-items:center;flex-wrap:wrap;gap:8px!important}
.project-overview-stats span{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px}
.project-detail-main .topbar-actions{flex:0 1 auto;max-width:520px}
.project-back-button{min-height:42px;flex:0 0 auto}
.messages{scrollbar-gutter:stable}
.message{min-width:0}.message-content{min-width:0}.message-content p{overflow-wrap:anywhere}.file-card{max-width:min(560px,100%)}
.composer{min-width:0}.composer-bottom{align-items:center;flex-wrap:wrap}.composer-bottom>*{min-width:0}

/* Tasks */
.task-board{display:grid!important;grid-template-columns:repeat(3,minmax(260px,1fr))!important;gap:16px!important;overflow:visible!important}
.task-column{min-height:260px;height:auto!important;padding:14px!important}.task-column h2{position:sticky;top:0;z-index:2;background:inherit;padding:4px 0 12px}
.task-card{min-width:0}.task-card-head,.task-meta,.task-update-actions,.card-actions{flex-wrap:wrap}.task-card h3,.task-card p{overflow-wrap:anywhere}
.task-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.task-form-grid>*{min-width:0}
.task-form input,.task-form select,.task-form textarea,.modal-card input,.modal-card select,.modal-card textarea{min-height:44px}
.task-update-actions input{width:min(160px,100%)}
.inline-status-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-status-form select{flex:1;min-width:150px}

/* Calendar */
.calendar-shell,.calendar-panel{min-width:0;overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.calendar-toolbar>*{min-width:0}
.calendar-grid-wrap{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:var(--ui-radius)}
.calendar-grid{min-width:760px}.calendar-day{min-height:108px;padding:8px!important}.calendar-day button,.calendar-day a{max-width:100%}.calendar-entry{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar-entry-list article{display:grid!important;grid-template-columns:minmax(110px,.28fr) minmax(0,1fr) auto!important;gap:16px!important;align-items:center}.calendar-entry-list article>*{min-width:0}.calendar-entry-list h3,.calendar-entry-list p{overflow-wrap:anywhere}

/* Forms, modals, tables */
input,select,textarea{max-width:100%;border-radius:11px!important}
textarea{min-height:96px;resize:vertical}
.modal{overflow-y:auto!important;align-items:center!important}.modal-card{width:min(680px,calc(100vw - 24px))!important;max-height:min(90dvh,900px)!important;overflow-y:auto!important;padding:clamp(18px,3vw,28px)!important}.task-modal-card{width:min(960px,calc(100vw - 24px))!important}
.modal-close{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;padding:0!important;z-index:2}
.table-wrap{width:100%;overflow-x:auto!important;border-radius:var(--ui-radius);-webkit-overflow-scrolling:touch}table{min-width:760px}th,td{vertical-align:middle}
.card-actions{display:flex;align-items:center;gap:10px}.card-actions>*{min-height:42px}

/* Dedicated admin/users */
.admin-page{min-height:100dvh;overflow-y:auto!important;overflow-x:hidden!important}
.admin-shell{width:min(1240px,calc(100% - 32px))!important;margin:24px auto 48px!important}
.admin-form,.user-create-form{align-items:end!important}.user-create-form{grid-template-columns:repeat(4,minmax(150px,1fr)) auto!important;gap:12px!important}.user-create-form>*{min-width:0}.user-create-form button{min-height:46px}
.user-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.user-edit-card{height:100%}
.users-table-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}

/* Login */
.login-page{min-height:100dvh;overflow-y:auto!important}.login-shell,.page-shell{min-height:100dvh!important}.login-card input{min-height:52px}
.login-card,.brand-panel{min-width:0}.features{align-items:stretch}.feature{height:100%}

/* Tablet */
@media (max-width:1180px){
  :root{--ui-sidebar:240px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .project-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .task-board{grid-template-columns:repeat(2,minmax(260px,1fr))!important}
  .content-grid{grid-template-columns:1fr!important}
  .user-create-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .user-create-form button{width:100%}
}

/* Mobile and small tablet navigation */
@media (max-width:900px){
  :root{--ui-topbar:64px}
  .app{grid-template-columns:1fr!important;height:100dvh}
  .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(310px,88vw)!important;min-width:0!important;z-index:100!important;transform:translateX(-105%);transition:transform .22s ease;box-shadow:24px 0 70px rgba(0,0,0,.48)}
  body.sidebar-open .sidebar,.app.sidebar-open .sidebar{transform:translateX(0)}
  .sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90;display:none}
  body.sidebar-open .sidebar-backdrop,.app.sidebar-open .sidebar-backdrop{display:block}
  .mobile-menu-button{display:inline-grid!important}
  .global-search{max-width:none}.global-search kbd{display:none}
  .global-profile span:last-of-type{display:none}.global-profile b{display:none}
  .page-main>.page-view{padding:20px 16px 34px!important}
  .page-title{align-items:stretch;flex-direction:column}.page-title .page-primary,.page-title .page-secondary{width:100%}
  .project-detail-main{grid-template-rows:var(--ui-topbar) auto minmax(0,1fr) auto!important}
  .project-detail-main>.project-hero{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;gap:14px!important;min-height:0}
  .project-detail-main .topbar-actions{grid-column:1/-1;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.project-detail-main .topbar-actions>*{width:100%}
  .project-detail-main .topbar-actions .action-primary{grid-column:1/-1}
  .nav-card-grid,.permission-grid,.health-grid{grid-template-columns:1fr!important}
  .calendar-entry-list article{grid-template-columns:1fr auto!important}.calendar-entry-list article>time{grid-column:1/-1}
  .user-grid{grid-template-columns:1fr!important}
}

@media (max-width:680px){
  html{font-size:15px}
  .global-topbar{padding:0 10px!important;gap:8px}.global-search{display:none}.global-tools{margin-left:auto}
  .global-user{gap:7px}.global-profile{padding:0!important;background:transparent!important}.global-profile .avatar{width:38px;height:38px}
  .metric-grid,.project-directory-grid,.task-board{grid-template-columns:1fr!important}
  .task-board{overflow:visible!important}.task-column{min-height:180px}
  .directory-toolbar{align-items:stretch;flex-direction:column}.directory-search{width:100%;min-width:0}.directory-count{align-self:flex-start}
  .project-detail-main>.project-hero{grid-template-columns:1fr!important}.project-back-button{width:100%}.project-detail-main .topbar-actions{grid-template-columns:1fr!important}.project-detail-main .topbar-actions .action-primary{grid-column:auto}
  .project-overview-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.project-overview-stats span{justify-content:center}.project-overview-stats span:last-child{grid-column:1/-1}
  .task-form-grid,.user-create-form,.two-columns{grid-template-columns:1fr!important}
  .task-update-actions,.card-actions,.inline-member-form,.member-controls{flex-direction:column;align-items:stretch!important}.task-update-actions>* ,.card-actions>* ,.member-controls>*{width:100%!important}
  .calendar-entry-list article{grid-template-columns:1fr!important}.calendar-entry-list article>*{grid-column:auto!important}.calendar-entry-list article button{width:100%}
  .modal{padding:8px!important}.modal-card,.task-modal-card{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}
  .admin-shell{width:min(100% - 20px,1240px)!important;margin:12px auto 30px!important}.admin-panel{padding:16px!important}.admin-form{grid-template-columns:1fr!important}
  .page-primary,.page-secondary,.action-primary{width:100%}
}

@media (max-width:390px){
  .project-overview-stats{grid-template-columns:1fr}.project-overview-stats span:last-child{grid-column:auto}
  .icon-button,.topbar-tool,.notification-button,.mobile-menu-button{width:40px!important;height:40px!important;min-width:40px!important}
}

@media (orientation:landscape) and (max-height:560px) and (max-width:950px){
  .global-topbar{position:sticky;top:0}.page-main>.page-view{padding-top:14px!important}.modal-card{max-height:calc(100dvh - 12px)!important}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v31.37 — all-role task action, aligned user fields, stable logout controls */
.task-page-title .page-primary{flex:0 0 auto;min-width:150px;font-weight:800;box-shadow:0 10px 24px rgba(54,112,235,.2)}
.sidebar.pro-sidebar .user-card{grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-height:72px;overflow:hidden}
.sidebar.pro-sidebar .user-card>div:nth-child(2){min-width:0}
.sidebar.pro-sidebar .user-card strong,.sidebar.pro-sidebar .user-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-logout{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border:1px solid rgba(137,166,205,.18)!important;border-radius:10px!important;display:grid!important;place-items:center!important;color:#b8c8da!important;background:#0b1d31!important}
.sidebar-logout svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-logout span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sidebar-logout:hover{color:#fff!important;border-color:#33c7df!important;background:#102943!important}

.tc-create-form{display:grid!important;grid-template-columns:minmax(180px,1.05fr) minmax(220px,1.25fr) minmax(220px,1.25fr) minmax(150px,.78fr)!important;grid-template-areas:"name email password role" "notice notice action action"!important;gap:14px!important;align-items:end!important}
.tc-create-form .tc-field-name{grid-area:name}.tc-create-form .tc-field-email{grid-area:email}.tc-create-form .tc-field-password{grid-area:password}.tc-create-form .tc-field-role{grid-area:role}
.tc-create-form .tc-email-check{grid-area:notice;min-height:46px;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0 4px!important;white-space:normal!important}
.tc-create-form .tc-gradient-btn{grid-area:action;justify-self:end!important;min-width:190px!important;min-height:46px!important;margin:0!important}
.tc-create-form label{display:flex!important;flex-direction:column!important;min-width:0!important;margin:0!important}
.tc-create-form label>span:first-child{min-height:20px;margin-bottom:7px!important;display:block!important}
.tc-create-form input,.tc-create-form select,.tc-create-form .tc-password{width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important}
.tc-create-form .tc-password{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;align-items:stretch!important;border:1px solid #2b425d!important;border-radius:9px!important;background:#07182a!important;overflow:hidden!important}
.tc-create-form .tc-password input{height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;margin:0!important;box-shadow:none!important}
.tc-create-form .tc-password .toggle-password{width:42px!important;height:44px!important;min-width:42px!important;padding:0!important;border:0!important;border-left:1px solid rgba(137,166,205,.14)!important;border-radius:0!important;background:transparent!important;color:#91a5bb!important;display:grid!important;place-items:center!important}
.tc-users-account .tc-logout-link{min-height:40px;padding:0 12px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid rgba(137,166,205,.2)!important;border-radius:10px!important;background:#0a1a2d!important;white-space:nowrap}
.tc-users-account .tc-logout-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1180px){
 .tc-create-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"name email" "password role" "notice action"!important}
 .tc-create-form .tc-gradient-btn{width:100%!important;min-width:0!important}
}
@media(max-width:760px){
 .task-page-title .page-primary{width:100%;min-width:0}
 .tc-create-form{grid-template-columns:1fr!important;grid-template-areas:"name" "email" "password" "role" "notice" "action"!important}
 .tc-create-form .tc-gradient-btn{justify-self:stretch!important;width:100%!important}
 .tc-create-form .tc-email-check{min-height:auto;padding:5px 0!important}
 .tc-users-account .tc-logout-link{width:40px;height:40px;padding:0!important;justify-content:center}
 .tc-users-account .tc-logout-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
}
@media(max-width:390px){
 .sidebar.pro-sidebar .user-card{grid-template-columns:38px minmax(0,1fr) 38px!important;margin:8px!important;padding:10px!important}
 .sidebar-logout{width:38px!important;height:38px!important;min-width:38px!important}
}

/* v31.37 — all-role task action, aligned user fields, stable logout controls */
.task-page-title .page-primary{flex:0 0 auto;min-width:150px;font-weight:800;box-shadow:0 10px 24px rgba(54,112,235,.2)}
.sidebar.pro-sidebar .user-card{grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-height:72px;overflow:hidden}
.sidebar.pro-sidebar .user-card>div:nth-child(2){min-width:0}
.sidebar.pro-sidebar .user-card strong,.sidebar.pro-sidebar .user-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-logout{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border:1px solid rgba(137,166,205,.18)!important;border-radius:10px!important;display:grid!important;place-items:center!important;color:#b8c8da!important;background:#0b1d31!important}
.sidebar-logout svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-logout span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sidebar-logout:hover{color:#fff!important;border-color:#33c7df!important;background:#102943!important}
.tc-create-form{display:grid!important;grid-template-columns:minmax(180px,1.05fr) minmax(220px,1.25fr) minmax(220px,1.25fr) minmax(150px,.78fr)!important;grid-template-areas:"name email password role" "notice notice action action"!important;gap:14px!important;align-items:end!important}
.tc-create-form .tc-field-name{grid-area:name}.tc-create-form .tc-field-email{grid-area:email}.tc-create-form .tc-field-password{grid-area:password}.tc-create-form .tc-field-role{grid-area:role}
.tc-create-form .tc-email-check{grid-area:notice;min-height:46px;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0 4px!important;white-space:normal!important}
.tc-create-form .tc-gradient-btn{grid-area:action;justify-self:end!important;min-width:190px!important;min-height:46px!important;margin:0!important}
.tc-create-form label{display:flex!important;flex-direction:column!important;min-width:0!important;margin:0!important}
.tc-create-form label>span:first-child{min-height:20px;margin-bottom:7px!important;display:block!important}
.tc-create-form input,.tc-create-form select,.tc-create-form .tc-password{width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important}
.tc-create-form .tc-password{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;align-items:stretch!important;border:1px solid #2b425d!important;border-radius:9px!important;background:#07182a!important;overflow:hidden!important}
.tc-create-form .tc-password input{height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;margin:0!important;box-shadow:none!important}
.tc-create-form .tc-password .toggle-password{width:42px!important;height:44px!important;min-width:42px!important;padding:0!important;border:0!important;border-left:1px solid rgba(137,166,205,.14)!important;border-radius:0!important;background:transparent!important;color:#91a5bb!important;display:grid!important;place-items:center!important}
.tc-users-account .tc-logout-link{min-height:40px;padding:0 12px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid rgba(137,166,205,.2)!important;border-radius:10px!important;background:#0a1a2d!important;white-space:nowrap}
.tc-users-account .tc-logout-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1180px){.tc-create-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"name email" "password role" "notice action"!important}.tc-create-form .tc-gradient-btn{width:100%!important;min-width:0!important}}
@media(max-width:760px){.task-page-title .page-primary{width:100%;min-width:0}.tc-create-form{grid-template-columns:1fr!important;grid-template-areas:"name" "email" "password" "role" "notice" "action"!important}.tc-create-form .tc-gradient-btn{justify-self:stretch!important;width:100%!important}.tc-create-form .tc-email-check{min-height:auto;padding:5px 0!important}.tc-users-account .tc-logout-link{width:40px;height:40px;padding:0!important;justify-content:center}.tc-users-account .tc-logout-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}
@media(max-width:390px){.sidebar.pro-sidebar .user-card{grid-template-columns:38px minmax(0,1fr) 38px!important;margin:8px!important;padding:10px!important}.sidebar-logout{width:38px!important;height:38px!important;min-width:38px!important}}

/* v31.38 — task creation access for every authenticated role */
.task-create-chooser-card{max-width:520px}
.task-create-chooser-card h2{margin:.35rem 0 .55rem}
.task-create-chooser-card select{width:100%;min-height:50px;margin:.45rem 0 1rem}
.task-create-chooser-card .permission-note{margin:1rem 0}
.task-create-chooser-card .full-button{display:flex;align-items:center;justify-content:center;width:100%;text-decoration:none}
@media (max-width:640px){
  .task-page-title .page-primary{width:100%;justify-content:center}
  .task-create-chooser-card{width:min(100% - 24px,520px);padding:24px 18px}
}

/* v31.39 direct task creation */
.task-create-direct-card{max-width:720px}
.task-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.task-create-grid .field-span-2{grid-column:1/-1}
.task-create-grid label{display:block;margin-bottom:7px;font-weight:700}
.task-create-grid input,.task-create-grid select,.task-create-grid textarea{width:100%;min-height:48px}
.task-create-grid textarea{min-height:108px;resize:vertical}
.form-message{min-height:22px;margin:14px 0 4px;font-size:.9rem}
.form-message.error{color:#ff9bab}.form-message.success{color:#66e6bd}
.button-spinner{display:inline-block;width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:v3139spin .7s linear infinite;vertical-align:-3px;margin-right:8px}
@keyframes v3139spin{to{transform:rotate(360deg)}}
@media(max-width:680px){.task-create-direct-card{width:min(100% - 20px,720px);padding:24px 18px}.task-create-grid{grid-template-columns:1fr}.task-create-grid .field-span-2{grid-column:auto}.task-create-direct-card .full-button{width:100%;min-height:50px}}

/* v31.41 unified task generation navigation */
.task-generation-tabs{display:flex;gap:.65rem;align-items:center;margin:0 0 1rem;padding:.4rem;border:1px solid var(--border,#dfe5ee);border-radius:14px;background:var(--panel,#fff);width:max-content;max-width:100%}
.task-generation-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.55rem 1rem;border-radius:10px;text-decoration:none;font-weight:700;color:inherit}
.task-generation-tabs a.active,.task-generation-tabs a:hover{background:var(--primary,#2155d9);color:#fff}
.task-project-switcher{display:grid;gap:.4rem;margin:0 0 1rem}
.task-project-switcher select{width:100%}
#task-generator,#task-list{scroll-margin-top:90px}
@media(max-width:700px){.task-generation-tabs{width:100%}.task-generation-tabs a{flex:1}.task-page-grid{display:block}.project-task-list{margin-top:1rem}}

/* v31.42 unified task generator UI */
.task-management-view{max-width:1240px!important}
.task-tab-panels{display:block;width:100%}
.task-tab-panel[hidden]{display:none!important}
.task-tab-panel.is-active{display:block!important}
.create-task-panel{max-width:900px;margin:0 auto;padding:30px!important}
.project-task-list{width:100%;padding:26px!important}
.task-project-switcher{display:grid;grid-template-columns:minmax(180px,260px);gap:7px;margin:20px 0 6px}
.task-project-switcher label{font-size:13px;font-weight:700;color:#c7d4e4}
.task-project-switcher select{width:100%;min-height:46px;border:1px solid #29425e;border-radius:11px;background:#0a1b2e;color:#edf4fb;padding:10px 13px}
.dedicated-task-form{display:grid;gap:4px;margin-top:18px}
.dedicated-task-form>label{margin-top:14px}
.dedicated-task-form textarea{resize:vertical;min-height:120px}
.dedicated-task-form .task-form-grid{margin-top:8px;gap:16px!important}
.dedicated-task-form .field-help{display:block;margin-top:6px;color:#8297ae;line-height:1.35}
.dedicated-task-form .full-button{min-height:48px;margin-top:22px;font-size:15px}
.task-generation-tabs{margin-bottom:18px!important;background:#0c1d30!important;border-color:#29425e!important}
.task-generation-tabs a{min-width:126px;color:#b9c7d8!important}
.task-generation-tabs a.active{color:#fff!important}
.project-task-list .dedicated-task-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}
@media(max-width:760px){
 .create-task-panel,.project-task-list{padding:20px 16px!important}
 .task-project-switcher{grid-template-columns:1fr}
 .task-generation-tabs{width:100%!important}
 .task-generation-tabs a{min-width:0;flex:1}
 .project-task-list .dedicated-task-list{grid-template-columns:1fr}
}

/* v31.48 — show the sidebar menu control only when the sidebar is off-canvas. */
@media (min-width: 981px){
  .global-topbar .mobile-menu-button{
    display:none!important;
  }
}
@media (max-width: 980px){
  .global-topbar .mobile-menu-button{
    display:inline-grid!important;
    flex:0 0 42px;
  }
}

/* v31.56 — page scrolling and responsive form containment */
html,body{max-width:100%;}
.app{width:100%;max-width:100vw;}
.main{min-width:0;min-height:0;overflow:hidden;}
.main>.content,.main>.page-view,.services-main>.content{
  min-width:0;
  min-height:0;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
}
.content,.page-view,.panel,form,fieldset,.task-tab-panels,.task-tab-panel,.dedicated-task-form,.task-form-grid,.report-grid,.services-page,.services-grid{
  min-width:0;
  max-width:100%;
}
input,select,textarea,button{
  max-width:100%;
  min-width:0;
}
input[type="date"],input[type="datetime-local"],input[type="time"],select{
  width:100%;
  min-width:0!important;
}
.task-form-grid>*{min-width:0;max-width:100%;}
.dedicated-task-form input,.dedicated-task-form select,.dedicated-task-form textarea,
.task-edit-form input,.task-edit-form select,.task-edit-form textarea{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media(max-width:900px){
  .main{height:100dvh;grid-template-rows:var(--ui-topbar) minmax(0,1fr)!important;}
  .main>.content,.main>.page-view,.services-main>.content{padding:18px 14px 34px!important;}
  .task-form-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .dedicated-task-form,.task-edit-form{width:100%;max-width:100%;overflow:hidden;}
  .full-button,.dedicated-task-form>button[type="submit"]{width:100%!important;}
}

@media(max-width:520px){
  .main>.content,.main>.page-view,.services-main>.content{padding:14px 10px 28px!important;}
  .panel{padding:16px!important;border-radius:16px!important;}
  .page-title{gap:12px!important;margin-bottom:18px!important;}
  .page-title h1{font-size:1.85rem!important;}
  .task-generation-tabs{width:100%;overflow-x:auto;padding-bottom:3px;}
  .task-generation-tabs a{flex:1 0 auto;text-align:center;}
  .dedicated-task-form label,.task-edit-form label{font-size:.92rem;}
  .dedicated-task-form input,.dedicated-task-form select,.dedicated-task-form textarea,
  .task-edit-form input,.task-edit-form select,.task-edit-form textarea{
    font-size:16px!important;
    min-height:50px;
  }
  .dedicated-task-form textarea,.task-edit-form textarea{min-height:120px;}
}


/* v31.58 — restored admin navigation and stable sidebar scrolling */
.sidebar.pro-sidebar{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;}
.sidebar.pro-sidebar .workspace-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:18px!important;scrollbar-width:thin;}
.sidebar.pro-sidebar .user-card{flex:0 0 auto!important;}
.workspace-nav .nav-services-label{margin-top:auto!important;padding-top:18px!important;}
.workspace-nav a{flex:0 0 auto;}
@media(max-width:980px){.sidebar.pro-sidebar .workspace-nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}}

/* v31.59 — application-wide responsive containment and device repair */
:root{--mobile-page-pad:14px;--tablet-page-pad:20px}
html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden!important}
body{min-height:100dvh}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%;min-width:0;font:inherit}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],input[type="week"]{min-width:0!important;width:100%!important}
textarea{overflow-wrap:anywhere}
.app,.main,.page-main,.page-view,.page-content,.content,.workspace,.workspace-main,.admin-page,.admin-shell{min-width:0;max-width:100%}
.main,.page-main{height:100dvh;min-height:0;overflow:hidden!important}
.page-view,.page-content,.admin-page,.workspace-main{min-height:0;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
.page-view>* ,.page-content>* ,.admin-page>* ,.workspace-main>*{min-width:0;max-width:100%}
.panel,.card,.admin-panel,.modal-card,.project-card,.task-card,.service-card,.report-row,.email-template-card,.user-edit-card{min-width:0;max-width:100%;overflow-wrap:anywhere}
form,fieldset,.form-grid,.form-row,.two-columns,.three-columns,.four-columns,.task-form-grid,.user-create-form,.inline-member-form{min-width:0;max-width:100%}
label{min-width:0;max-width:100%}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{width:100%;min-width:0!important;max-width:100%!important}
.table-wrap,.table-scroll,[class*="table-wrap"],[class*="table-scroll"]{max-width:100%;overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch}
table{max-width:none}
.modal{overflow-y:auto!important;align-items:start;padding:clamp(10px,3vw,24px)!important}
.modal-card{width:min(760px,100%)!important;max-height:calc(100dvh - 20px)!important;overflow:auto!important;margin:auto}
.page-title,.topbar,.global-topbar,.task-toolbar,.panel-head,.card-actions,.topbar-actions{min-width:0;max-width:100%}
.page-title h1,.page-title p,.topbar h1,.topbar p{overflow-wrap:anywhere}

@media(max-width:1024px){
  .app{display:block!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}
  .main,.page-main{width:100%!important;height:100dvh!important;min-height:0!important}
  .global-topbar,.topbar{padding-left:var(--tablet-page-pad)!important;padding-right:var(--tablet-page-pad)!important}
  .page-view,.page-content,.admin-page,.workspace-main{padding-left:var(--tablet-page-pad);padding-right:var(--tablet-page-pad)}
  .sidebar.pro-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(300px,88vw)!important;max-width:88vw!important;z-index:1000!important;transform:translateX(-105%);transition:transform .22s ease;box-shadow:24px 0 60px rgba(0,0,0,.35)}
  body.sidebar-open .sidebar.pro-sidebar,.sidebar.pro-sidebar.open{transform:translateX(0)!important}
  .sidebar-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.55)}
  .mobile-menu-button{display:inline-grid!important;flex:0 0 auto}
  .global-search{flex:1 1 auto!important;width:auto!important;min-width:0!important}
}

@media(max-width:760px){
  body{font-size:15px}
  .global-topbar,.topbar{min-height:62px!important;height:auto!important;padding:10px var(--mobile-page-pad)!important;gap:10px!important}
  .global-topbar{flex-wrap:nowrap!important}
  .global-search{display:none!important}
  .global-profile>span:nth-child(2),.topbar-copy,.topbar p{display:none!important}
  .global-profile strong,.global-profile small{max-width:100px!important}
  .page-view,.page-content,.admin-page,.workspace-main{padding-left:var(--mobile-page-pad)!important;padding-right:var(--mobile-page-pad)!important;padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}
  .page-title{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  .page-title h1{font-size:clamp(1.75rem,8vw,2.35rem)!important;line-height:1.08!important}
  .page-title p{font-size:.94rem!important;line-height:1.5!important}
  .panel,.card,.admin-panel,.project-card,.task-card,.email-template-card,.user-edit-card{padding:16px!important;border-radius:15px!important}
  .form-grid,.form-row,.two-columns,.three-columns,.four-columns,.task-form-grid,.user-create-form,.inline-member-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .card-actions,.topbar-actions,.task-update-actions,.member-controls{width:100%;flex-direction:column!important;align-items:stretch!important}
  .card-actions button,.card-actions a,.topbar-actions button,.topbar-actions a,.task-update-actions button,.member-controls button{width:100%!important;max-width:100%!important}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea,button{font-size:16px}
  input:not([type="checkbox"]):not([type="radio"]),select{min-height:48px}
  textarea{min-height:110px}
  .modal-card{padding:18px!important;border-radius:16px!important;max-height:calc(100dvh - 16px)!important}
  .modal-card h2,.modal-card h3{padding-right:32px;overflow-wrap:anywhere}
  .table-wrap,.table-scroll,[class*="table-wrap"],[class*="table-scroll"]{margin-left:0!important;margin-right:0!important;width:100%!important}
  table{min-width:640px!important;font-size:13px}
  th,td{padding:10px 12px!important}
  .metric-grid,.metric-grid-pro,.dashboard-grid,.dashboard-insights,.reports-grid,.report-summary-grid,.project-grid,.chat-directory-grid,.user-grid{grid-template-columns:minmax(0,1fr)!important}
  .task-board-responsive{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .task-board-responsive .task-column,.task-board-card{width:100%!important;max-width:100%!important;min-width:0!important}
  .composer{margin-left:0!important;margin-right:0!important;width:100%!important}
  .composer-bottom{flex-wrap:wrap!important}
  .composer-bottom>*{min-width:0}
}

@media(max-width:430px){
  :root{--mobile-page-pad:10px}
  .global-topbar,.topbar{padding-left:10px!important;padding-right:10px!important}
  .mobile-menu-button,.icon-button{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important}
  .page-title h1{font-size:1.75rem!important}
  .panel,.card,.admin-panel,.project-card,.task-card,.email-template-card,.user-edit-card{padding:14px!important;border-radius:14px!important}
  .modal{padding:6px!important}
  .modal-card{padding:15px!important;max-height:calc(100dvh - 12px)!important}
  button,.button,.page-primary{white-space:normal!important;overflow-wrap:anywhere}
}

@media(orientation:landscape) and (max-height:560px) and (max-width:1024px){
  .global-topbar,.topbar{min-height:54px!important;padding-top:6px!important;padding-bottom:6px!important}
  .page-view,.page-content,.admin-page,.workspace-main{padding-top:12px!important}
  .modal-card{max-height:calc(100dvh - 10px)!important}
}

/* v31.60 — screenshot-driven mobile overflow, calendar and full-scroll repair */
html,body{min-height:100%;height:auto!important;overflow-x:hidden!important}
body{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
.app{min-height:100dvh!important;height:auto!important}
.main,.page-main{min-height:100dvh!important;height:auto!important;overflow:visible!important}
.main>.content,.main>.page-view,.services-main>.content,
.page-view,.page-content,.content,.workspace-main,.admin-page{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
}

/* Every control must obey the width of its card, including iOS native controls. */
form,fieldset,label,.task-form-grid,.task-form-grid>*,.report-grid,.report-grid>*,
.panel,.modal-card,.create-task-panel,.project-task-list{min-inline-size:0!important;max-inline-size:100%!important}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  display:block!important;
  inline-size:100%!important;
  width:100%!important;
  min-inline-size:0!important;
  max-inline-size:100%!important;
  box-sizing:border-box!important;
}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  overflow:hidden!important;
  padding-inline:14px!important;
}
input[type="date"]::-webkit-date-and-time-value,
input[type="time"]::-webkit-date-and-time-value,
input[type="datetime-local"]::-webkit-date-and-time-value{
  min-width:0!important;
  text-align:left!important;
}
select{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Calendar: seven genuinely responsive columns instead of a clipped desktop-width grid. */
.calendar-panel,.interactive-calendar{overflow:hidden!important;max-width:100%!important}
.calendar-week,.calendar-grid{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
}
.calendar-week>* ,.calendar-grid>*{min-width:0!important;max-width:100%!important}
.calendar-day,.muted-day{min-width:0!important;min-height:92px!important;padding:6px!important;overflow:hidden!important}
.calendar-day-heading{gap:3px!important}
.calendar-day-heading>span:first-child{font-size:.88rem!important}
.calendar-day-add{width:29px!important;height:29px!important;min-width:29px!important;padding:0!important}
.calendar-day-items{min-width:0!important;overflow:hidden!important}
.cal-task,.cal-entry{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.68rem!important;padding:3px 4px!important}
.calendar-nav-controls{min-width:0!important;max-width:100%!important}
.calendar-month-picker,.calendar-year-picker{min-width:0!important}

/* Project chat should not create a large artificial empty viewport on phones. */
.project-detail-main{height:auto!important;min-height:100dvh!important;overflow:visible!important}
.project-detail-main>.project-hero{min-height:0!important;height:auto!important}
.project-detail-main>.messages{
  min-height:180px!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:24px!important;
}
.project-detail-main>.composer{
  position:relative!important;
  inset:auto!important;
  margin-bottom:calc(28px + env(safe-area-inset-bottom))!important;
}
.project-overview-stats{min-width:0!important;max-width:100%!important}
.project-overview-stats>*{min-width:0!important;overflow-wrap:anywhere!important}

@media(max-width:760px){
  .global-topbar,.topbar{position:sticky!important;top:0;z-index:80}
  .page-view,.page-content,.content,.workspace-main,.admin-page{
    padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;
  }
  .task-management-view{padding-left:10px!important;padding-right:10px!important}
  .create-task-panel,.project-task-list{width:100%!important;margin-inline:0!important;overflow:hidden!important}
  .dedicated-task-form,.task-edit-form{overflow:visible!important}
  .task-form-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .task-form-grid>div,.task-form-grid>.permission-note{width:100%!important;min-width:0!important}
  .dedicated-task-form input,.dedicated-task-form select,.dedicated-task-form textarea,
  .task-edit-form input,.task-edit-form select,.task-edit-form textarea{border-radius:12px!important}
  .calendar-navigation{display:block!important}
  .calendar-nav-controls{display:grid!important;grid-template-columns:44px minmax(0,1fr) minmax(82px,.72fr) 44px!important;gap:8px!important;width:100%!important}
  .calendar-nav-button{width:44px!important;min-width:44px!important;padding:0!important}
  .calendar-week b{font-size:.68rem!important;padding:10px 1px!important;overflow:hidden!important}
  .calendar-day,.muted-day{min-height:82px!important}
  .calendar-day-add{width:26px!important;height:26px!important;min-width:26px!important;font-size:1rem!important}
  .project-detail-main>.messages{min-height:120px!important;padding:16px 12px!important}
  .project-heading-area{min-width:0!important}
  .project-heading-area h1{font-size:clamp(2rem,10vw,3rem)!important;overflow-wrap:anywhere!important}
  .project-overview-stats{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .project-overview-stats span{width:100%!important}
}

@media(max-width:430px){
  .calendar-panel{padding:10px!important}
  .calendar-nav-controls{grid-template-columns:40px minmax(0,1fr) minmax(72px,.66fr) 40px!important;gap:6px!important}
  .calendar-nav-button{width:40px!important;min-width:40px!important}
  .calendar-month-picker span,.calendar-year-picker span{font-size:.62rem!important}
  .calendar-month-picker select,.calendar-year-picker select{padding:8px!important;min-height:44px!important;font-size:.83rem!important}
  .calendar-day,.muted-day{min-height:72px!important;padding:4px!important}
  .calendar-day-heading>span:first-child{font-size:.78rem!important}
  .calendar-day-add{width:23px!important;height:23px!important;min-width:23px!important}
  .cal-task,.cal-entry{font-size:.58rem!important;padding:2px!important}
}

/* v31.121 — precise sidebar icon and label alignment across desktop, iOS and Android */
.workspace-nav.grouped-nav a{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:12px!important;
  min-height:46px!important;
  padding:0 13px!important;
  line-height:1.2!important;
}
.workspace-nav.grouped-nav a>.nav-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  flex:0 0 24px!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  font-size:0!important;
  color:currentColor!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
.workspace-nav.grouped-nav a>.nav-icon svg{
  display:block!important;
  width:19px!important;
  height:19px!important;
  max-width:none!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke;
}
.workspace-nav.grouped-nav a>span:not(.nav-icon){
  display:flex!important;
  align-items:center!important;
  min-height:24px!important;
  line-height:1.2!important;
  margin:0!important;
  padding:0!important;
}
.workspace-nav.grouped-nav a>b{
  align-self:center!important;
  justify-self:end!important;
  margin-left:0!important;
}
.workspace-nav.grouped-nav a.active>.nav-icon,
.workspace-nav.grouped-nav a:hover>.nav-icon{color:inherit!important}

@media(max-width:900px){
  .workspace-nav.grouped-nav a{
    grid-template-columns:24px minmax(0,1fr) auto!important;
    min-height:48px!important;
    padding:0 14px!important;
    column-gap:12px!important;
  }
  .workspace-nav.grouped-nav a>.nav-icon svg{width:20px!important;height:20px!important}
}

@media(max-width:430px){
  .workspace-nav.grouped-nav{padding-left:10px!important;padding-right:10px!important}
  .workspace-nav.grouped-nav a{
    min-height:46px!important;
    border-radius:11px!important;
    padding:0 12px!important;
  }
}
/* V31.137 sidebar profile placement */
.sidebar-profile-link{display:grid!important;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:0!important;background:transparent!important;color:inherit!important;text-decoration:none!important;text-align:left!important}
.sidebar-profile-link>div:last-child{min-width:0}.sidebar-profile-link strong,.sidebar-profile-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-link small{color:#8fa5bb}.sidebar.pro-sidebar .user-card{grid-template-columns:minmax(0,1fr) auto!important}.sidebar-profile-link:hover strong{color:#58d8ec}.sidebar-logout{align-self:center}
@media(max-width:390px){.sidebar-profile-link{grid-template-columns:38px minmax(0,1fr)}.sidebar.pro-sidebar .user-card{grid-template-columns:minmax(0,1fr) 38px!important}}

/* v31.143 — path-independent coded Techorbyte TB logo */
.tc-code-logo{display:inline-grid!important;place-items:center;overflow:hidden;flex:0 0 auto;background:transparent!important;line-height:0}
.tc-code-logo svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}
.brand-logo.tc-code-logo{width:42px!important;height:42px!important;border-radius:12px}
.login-page .brand-logo.tc-code-logo{width:58px!important;height:58px!important;border-radius:16px}
.tc-brand-logo.tc-code-logo{width:42px!important;height:42px!important;border-radius:12px}
.et-brand .tc-code-logo{width:40px;height:40px;border-radius:11px}
.brand .tc-code-logo{width:46px;height:46px;border-radius:13px}

/* V31.144 supplied Techorbyte image logo — sizing only. */
.tc-image-logo{display:block!important;object-fit:contain!important;object-position:center!important;max-width:100%;height:auto;aspect-ratio:1/1}
.brand-logo.tc-image-logo{width:44px!important;height:44px!important;min-width:44px;flex:0 0 44px;border-radius:13px}
.tc-brand-logo.tc-image-logo{width:44px!important;height:44px!important;min-width:44px;flex:0 0 44px;border-radius:13px}
.login-page .brand-logo.tc-image-logo{width:80px!important;height:80px!important;min-width:80px;flex:0 0 80px;border-radius:20px}
.et-brand .tc-image-logo{width:40px!important;height:40px!important;min-width:40px;border-radius:11px}
@media(max-width:600px){
  .brand-logo.tc-image-logo,.tc-brand-logo.tc-image-logo{width:36px!important;height:36px!important;min-width:36px;flex-basis:36px;border-radius:11px}
  .login-page .brand-logo.tc-image-logo{width:64px!important;height:64px!important;min-width:64px;flex-basis:64px;border-radius:17px}
}

/* v31.145: never render an empty/zero notification badge on any viewport. */
.notification-button #notificationCount[hidden],.notification-button #notificationCount:empty,.notification-button #notificationCount[data-count="0"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

/* v31.149 — code-generated TC logo and initials-only profiles */
.tc-code-logo{display:inline-grid!important;place-items:center!important;background:linear-gradient(135deg,#526cf4,#25c7df)!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,199,223,.22)!important;line-height:1!important;overflow:hidden!important}
.tc-code-logo-letters{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:42%;font-weight:900;letter-spacing:-.06em;line-height:1;color:#fff}