/* TRELYNT Deep UI v2 — authoritative styling for internal workspaces */
.trelyntDeep{
 --td-accent:var(--trelynt-blue);
 --td-accent-soft:#eef7ff;
 --td-accent-border:#cfe2f2;
}
.trelyntDeep.trelyntDeep-survey{--td-accent:var(--trelynt-teal);--td-accent-soft:#eefafa;--td-accent-border:#cce8e8}
.trelyntDeep.trelyntDeep-inventory{--td-accent:var(--trelynt-purple);--td-accent-soft:#f3f0ff;--td-accent-border:#d9d0f6}
.trelyntDeep.trelyntDeep-network{--td-accent:#079bb0;--td-accent-soft:#eefbfc;--td-accent-border:#c7e9ed}
.trelyntDeep.trelyntDeep-mobility{--td-accent:var(--trelynt-orange);--td-accent-soft:#fff5ee;--td-accent-border:#f3d2bc}
.trelyntDeep.trelyntDeep-intelligence{--td-accent:#6558d8;--td-accent-soft:#f3f1ff;--td-accent-border:#d8d3f4}
.trelyntDeep.trelyntDeep-realtor{--td-accent:#08a6a6;--td-accent-soft:#eefafa;--td-accent-border:#cce8e8}

/* page canvas */
.trelyntDeep main:not(.content),.trelyntDeep .wrap,.trelyntDeep .mobilityMain,.trelyntDeep .networkMain{
 max-width:1380px!important;margin-left:auto!important;margin-right:auto!important;
}
.trelyntDeep .wrap,.trelyntDeep .mobilityMain,.trelyntDeep .networkMain{padding:24px 4vw 60px!important}
.trelyntDeep section+section{margin-top:18px}

/* deep screen header */
.trelyntDeep header:not(.topbar):not(.trelyntSuiteBar):not(.productHeader){
 min-height:70px!important;padding:16px 4vw!important;display:flex!important;align-items:center!important;
 justify-content:space-between!important;gap:18px!important;
 background:linear-gradient(110deg,var(--trelynt-deep),var(--trelynt-navy) 65%,color-mix(in srgb,var(--td-accent),var(--trelynt-navy) 70%))!important;
}
.trelyntDeep header .title,.trelyntDeep header strong{color:#fff!important}
.trelyntDeep header .sub,.trelyntDeep header small{color:#d9ebf8!important}

/* nested panels and workflow sections */
.trelyntDeep .card,.trelyntDeep .panel,.trelyntDeep .job,.trelyntDeep .accountCard,
.trelyntDeep .workspaceCard,.trelyntDeep .sectionCard,.trelyntDeep .formCard,
.trelyntDeep .roomGroup,.trelyntDeep .realtorOfficePanel,.trelyntDeep .vendorCard{
 border:1px solid var(--trelynt-line)!important;border-radius:16px!important;background:#fff!important;
 box-shadow:0 8px 24px rgba(8,45,85,.06)!important;
}
.trelyntDeep .panel,.trelyntDeep .job,.trelyntDeep .accountCard,.trelyntDeep .workspaceCard,.trelyntDeep .sectionCard,.trelyntDeep .formCard{padding:20px!important}
.trelyntDeep .accountCard{margin-top:14px!important}
.trelyntDeep .cardHead,.trelyntDeep .panelHeading,.trelyntDeep .sectionHead{
 display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;
}
.trelyntDeep .cardHead h2,.trelyntDeep .panelHeading h2,.trelyntDeep .sectionHead h2{margin-top:0!important}
.trelyntDeep hr{border:0!important;border-top:1px solid #e4edf5!important;margin:18px 0!important}

/* section headers inside deep screens */
.trelyntDeep h2,.trelyntDeep h3{color:var(--trelynt-navy)!important}
.trelyntDeep .card>h3:first-child,.trelyntDeep .panel>h3:first-child{
 display:flex;align-items:center;gap:9px;margin-top:0!important;
}
.trelyntDeep .card>h3:first-child:before,.trelyntDeep .panel>h3:first-child:before{
 content:"";display:inline-block;width:4px;height:19px;border-radius:999px;background:var(--td-accent);
}

/* forms */
.trelyntDeep form{accent-color:var(--td-accent)}
.trelyntDeep label{font-size:13px!important;line-height:1.35!important;color:#31465d!important}
.trelyntDeep input,.trelyntDeep select,.trelyntDeep textarea{
 min-height:42px!important;padding:10px 12px!important;border:1px solid #bfd4e6!important;border-radius:10px!important;
 background:#fff!important;color:var(--trelynt-ink)!important;
}
.trelyntDeep textarea{min-height:92px!important;resize:vertical}
.trelyntDeep input[readonly],.trelyntDeep textarea[readonly],.trelyntDeep select:disabled,.trelyntDeep input:disabled{
 background:#f3f7fa!important;color:#60758e!important;
}
.trelyntDeep input:focus,.trelyntDeep select:focus,.trelyntDeep textarea:focus{
 outline:3px solid color-mix(in srgb,var(--td-accent),transparent 82%)!important;
 border-color:color-mix(in srgb,var(--td-accent),white 35%)!important;
}
.trelyntDeep .grid,.trelyntDeep .formGrid,.trelyntDeep .twoCol,.trelyntDeep .entry{gap:14px!important}

/* buttons */
.trelyntDeep button,.trelyntDeep .btn,.trelyntDeep .primaryButton,.trelyntDeep .secondaryBtn{
 min-height:42px!important;padding:10px 14px!important;border-radius:10px!important;font-weight:800!important;
}
.trelyntDeep .primary,.trelyntDeep button.primary,.trelyntDeep .primaryButton,.trelyntDeep .btn:not(.alt){
 background:linear-gradient(180deg,color-mix(in srgb,var(--td-accent),white 12%),var(--td-accent))!important;
 color:#fff!important;border:1px solid var(--td-accent)!important;
 box-shadow:0 5px 14px color-mix(in srgb,var(--td-accent),transparent 82%)!important;
}
.trelyntDeep .secondary,.trelyntDeep .secondaryBtn,.trelyntDeep .btn.alt,.trelyntDeep .backBtn{
 background:#fff!important;color:var(--trelynt-navy)!important;border:1px solid #bfd4e6!important;
}
.trelyntDeep .danger,.trelyntDeep button.danger{background:#fff5f5!important;color:var(--trelynt-red)!important;border:1px solid #e7bcbc!important}

/* tables and lists */
.trelyntDeep table{width:100%!important;border:1px solid var(--trelynt-line)!important;border-radius:12px!important;overflow:hidden!important}
.trelyntDeep th{padding:11px 12px!important;background:var(--td-accent-soft)!important;color:#355c7e!important}
.trelyntDeep td{padding:11px 12px!important;background:#fff!important}
.trelyntDeep tbody tr:nth-child(even) td{background:#fbfdff!important}
.trelyntDeep tbody tr:hover td{background:#f2f8fd!important}
.trelyntDeep .listItem,.trelyntDeep .rowItem,.trelyntDeep .recent{
 border-bottom:1px solid #e7eff6!important;padding:11px 10px!important;
}

/* tabs, filters, chips */
.trelyntDeep .tabs,.trelyntDeep .innerTabs,.trelyntDeep .toolbar,.trelyntDeep .actionBar,
.trelyntDeep .filterBar,.trelyntDeep .roombar{
 display:flex!important;gap:8px!important;flex-wrap:wrap!important;
}
.trelyntDeep .tabs,.trelyntDeep .innerTabs,.trelyntDeep .filterBar{
 padding:9px!important;border:1px solid var(--trelynt-line)!important;border-radius:13px!important;background:#f7fbff!important;
}
.trelyntDeep .tab,.trelyntDeep .innerTab,.trelyntDeep .room{
 background:#fff!important;color:var(--trelynt-navy)!important;border:1px solid #c7d9e8!important;border-radius:9px!important;box-shadow:none!important;
}
.trelyntDeep .tab.active,.trelyntDeep .innerTab.active,.trelyntDeep .room.active{
 background:var(--td-accent)!important;color:#fff!important;border-color:var(--td-accent)!important;
}
.trelyntDeep .pill,.trelyntDeep .tag,.trelyntDeep .chip,.trelyntDeep .statusBadge,.trelyntDeep .opsStatus{
 border-radius:999px!important;font-weight:800!important;
}

/* accordions */
.trelyntDeep details{
 border:1px solid var(--trelynt-line)!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;
}
.trelyntDeep details summary{
 padding:12px 14px!important;background:var(--td-accent-soft)!important;color:var(--trelynt-navy)!important;cursor:pointer!important;
}
.trelyntDeep details[open] summary{border-bottom:1px solid var(--td-accent-border)!important}
.trelyntDeep details>div,.trelyntDeep details>section{padding:14px!important}

/* inventory workspace */
.trelyntDeep-inventory .meta{display:grid!important;grid-template-columns:2fr 1fr 1fr 1fr!important;gap:12px!important}
.trelyntDeep-inventory .meta>div{padding:13px 14px!important;border:1px solid #e1e9f4!important;border-radius:12px!important;background:#fbfdff!important}
.trelyntDeep-inventory .meta b{display:block!important;color:var(--trelynt-muted)!important;font-size:11px!important;letter-spacing:.08em!important}
.trelyntDeep-inventory .lot{background:linear-gradient(90deg,#f2efff,#fbfaff)!important;border-color:#d9d0f6!important}
.trelyntDeep-inventory .estimateGrid{gap:10px!important}
.trelyntDeep-inventory .estItem{min-height:70px!important;text-align:left!important;background:#fbfdff!important;border:1px solid #ddd8f3!important;border-radius:12px!important;box-shadow:none!important}
.trelyntDeep-inventory .estItem:hover{background:#f3f0ff!important;border-color:#bcb0eb!important}
.trelyntDeep-inventory .qtybox{gap:5px!important}
.trelyntDeep-inventory .qtybox button{background:#f3f0ff!important;color:#5141ad!important;border:1px solid #d9d0f6!important;box-shadow:none!important}
.trelyntDeep-inventory .chips label{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:8px 10px!important;border:1px solid #ddd8f3!important;border-radius:999px!important;background:#fff!important}
.trelyntDeep-inventory .notice{background:#fff9e8!important;border:1px solid #ecd89a!important;border-radius:12px!important}
.trelyntDeep-inventory .tools{gap:9px!important}
.trelyntDeep-inventory .tools button{min-height:48px!important}

/* live survey workspace */
.trelyntDeep-survey main.surveyLiveMain,.trelyntDeep-survey main:has(#surveyed){background:#f6fafc!important}
.trelyntDeep-survey aside{background:#fff!important;border-right:1px solid var(--trelynt-line)!important}
.trelyntDeep-survey #packTabs,.trelyntDeep-survey #letters{background:#fbfefe!important;border-bottom:1px solid #dcebea!important}
.trelyntDeep-survey #packTabs button,.trelyntDeep-survey #letters button{
 background:#fff!important;border:1px solid #bddbd9!important;color:#086b70!important;
}
.trelyntDeep-survey #packTabs button.active,.trelyntDeep-survey #letters button.active{
 background:var(--trelynt-teal)!important;color:#fff!important;border-color:var(--trelynt-teal)!important;
}
.trelyntDeep-survey .catalogItem{background:#fbfefe!important;border:1px solid #deedec!important}
.trelyntDeep-survey .catalogItem:hover{background:#eefafa!important}
.trelyntDeep-survey .roomGroup{border-color:#d8e9e8!important}
.trelyntDeep-survey .roomGroup h2{background:#eefafa!important;color:#086b70!important}
.trelyntDeep-survey footer{background:#fff!important;border-top:1px solid #d8e9e8!important}

/* mobility + network */
.trelyntDeep-mobility .mobilityHero{margin-bottom:18px!important}
.trelyntDeep-mobility .accountCard{border-top:4px solid var(--trelynt-orange)!important;padding-top:18px!important}
.trelyntDeep-network .partnerCard,.trelyntDeep-network .providerCard{border-top:4px solid #079bb0!important}

/* notices and empty states */
.trelyntDeep .notice,.trelyntDeep .helper,.trelyntDeep .infoPanel,.trelyntDeep .emptyState,.trelyntDeep .empty{
 border:1px solid var(--td-accent-border)!important;border-radius:12px!important;background:var(--td-accent-soft)!important;color:#35566f!important;
}
.trelyntDeep .badPanel,.trelyntDeep .error,.trelyntDeep .errorPanel{
 border:1px solid #efc4c4!important;border-radius:12px!important;background:#fff5f5!important;color:#8f2f2f!important;
}
.trelyntDeep .successPanel,.trelyntDeep .okPanel{
 border:1px solid #bfe3cf!important;border-radius:12px!important;background:#edf9f3!important;color:#216b48!important;
}

/* dialogs and overlays */
.trelyntDeep dialog,.trelyntDeep .modal,.trelyntDeep .dialog,.trelyntDeep .drawer{
 border:1px solid var(--trelynt-line)!important;border-radius:18px!important;background:#fff!important;
 box-shadow:0 24px 70px rgba(8,45,85,.24)!important;
}
.trelyntDeep dialog::backdrop{background:rgba(6,31,59,.38)!important}

/* responsive */
@media(max-width:900px){
 .trelyntDeep .wrap,.trelyntDeep .mobilityMain,.trelyntDeep .networkMain{padding:18px 16px 48px!important}
 .trelyntDeep-inventory .meta{grid-template-columns:repeat(2,1fr)!important}
 .trelyntDeep .cardHead,.trelyntDeep .panelHeading,.trelyntDeep .sectionHead{flex-direction:column!important}
}
@media(max-width:650px){
 .trelyntDeep-inventory .meta,.trelyntDeep .grid,.trelyntDeep .formGrid,.trelyntDeep .twoCol,.trelyntDeep .entry{grid-template-columns:1fr!important}
 .trelyntDeep .card,.trelyntDeep .panel{padding:16px!important}
 .trelyntDeep header:not(.topbar):not(.trelyntSuiteBar):not(.productHeader){padding:14px 16px!important}
}
