ct/bmc_hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1fb5b4a191
bmc_hub/static/css/case-v5.css
Christian 1fb5b4a191 Add comprehensive tests for email and drift functionalities 
- Introduced tests for drift operations UI and backend to ensure proper handling of ignore rules and UI elements.
- Added tests for email identity API to validate email linking and identity retrieval without updates.
- Implemented tests for email purchase link service to verify correct handling of purchase mail links and conflict scenarios.
- Created tests for email reply automation to ensure proper routing and processing of replies based on classification.
- Developed tests for email sender creation to validate suggestions and handling of existing contacts and companies.
- Added tests for email sender identity to ensure correct matching of contacts and domains.
- Implemented tests for work desk functionalities to validate task management, meeting registrations, and timer functionalities.
2026-11-03 01:16:12 +01:00

420 lines
45 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* V5 only: retain module behavior, replace page presentation. */
.case-detail-page-shell.case-v5{--case-primary:#177b68;--case-primary-soft:#e7f3ee;--case-border:#bdcbd5;--case-radius:11px;background:var(--theme-surface-soft, #dbe3eb) !important;margin-top:0!important;padding:18px 20px 36px;color:var(--text-color,#243449)}
.case-v5 .v5-version-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:12px;color:var(--case-muted,#728095)}
.v5-version-line>div{display:flex;gap:16px}.v5-version-line a{color:var(--case-primary)}
.case-v5 .header-bg{background:#17364d!important;margin:0 0 18px!important;padding:18px 8px!important;border-radius:12px}
.case-v5 .case-header-main{display:flex;align-items:center;justify-content:space-between;gap:24px}.case-v5 .case-header-copy{flex:1}
.case-v5 #sag-titel-text{font-size:25px!important;line-height:1.3;letter-spacing:-.5px}.case-v5 .case-header-todo{background:transparent!important;border:0!important;box-shadow:none!important;max-width:340px}
.case-v5 .case-header-todo-label{color:#b9e6d7!important}.case-v5 #topbarNextTodoValue{color:#fff}.case-v5 .case-v4-widget-dashboard{display:none!important}
.v5-board{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:18px;align-items:start}.v5-board>*,.v5-board main{min-width:0}
.case-v5 .v5-case-facts .card{margin-bottom:14px;border:1px solid var(--case-border)!important;border-radius:11px!important;background:var(--bg-surface,#fff)!important;box-shadow:none!important}
.case-v5 .v5-case-facts .card-body{padding:16px!important}.case-v5 .v5-case-facts .form-select,.case-v5 .v5-case-facts .input-group{width:62%!important;min-width:0}
.case-v5 .v5-case-facts .contact-widget-field{min-width:0}.case-v5 .v5-case-facts .contact-widget-row{flex-wrap:wrap}
.case-v5 #caseTabs{margin:0 0 14px!important;padding:0!important;border-bottom:1px solid var(--case-border);border-radius:0!important;background:transparent!important;gap:2px;display:flex;flex-wrap:wrap}
.case-v5 #caseTabs .nav-link{font-size:12px!important;padding:9px 8px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;border:0!important}
.case-v5 .case-planner-shell{grid-template-columns:minmax(0,1fr)}
.case-v5 #planner .row>div:has(#casePlannerCount){display:none}
.case-v5 #planner .row>div:has(.case-planner-kpi){flex:1;max-width:none}
.case-v5 .case-planner-kpi{padding:.45rem .65rem}
.case-v5 .v5-planner-subcases>summary{cursor:pointer;font-size:.85rem;color:var(--text-color,#56677a)}
.case-v5 #casePlannerAllocationForm[hidden]{display:none!important}
.case-v5 #planner .case-planner-card-header{flex-wrap:wrap}
.case-v5 #planner .case-planner-card-header>div{flex:1;min-width:220px}
.case-v5 #planner .case-planner-calendar:first-of-type{margin-top:0}
.case-v5 .v5-planner-overview>summary{cursor:pointer;font-size:.85rem;color:var(--text-color,#56677a)}
.case-v5 .v5-planner-overview .row{margin-top:.5rem}
.case-v5 #planner .case-planner-week.v5-time-grid{display:grid;grid-template-columns:52px repeat(var(--week-days),minmax(110px,1fr));min-width:650px;overflow:visible;padding-bottom:14px}
.case-v5 #planner .case-planner-calendar{overflow-x:auto}
.case-v5 .v5-time-heading,.case-v5 .v5-time-corner{padding:10px 6px;border-bottom:1px solid var(--case-border);font-size:12px;font-weight:600;text-align:center}
.case-v5 .v5-time-heading.is-today{background:var(--theme-surface-soft,#e8f4fa);box-shadow:inset 0 3px var(--case-primary)}
.case-v5 .v5-time-labels{position:relative;font-size:11px;color:var(--text-color,#56677a)}
.case-v5 .v5-time-labels span{position:absolute;right:6px;transform:translateY(-50%)}
.case-v5 .v5-time-labels span:first-child{transform:none}
.case-v5 .v5-time-day{position:relative;border-right:1px solid var(--case-border);background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,var(--case-border) 47px,var(--case-border) 48px,transparent 48px,transparent 95px,var(--case-border) 95px,var(--case-border) 96px);cursor:crosshair}
.case-v5 .v5-time-event{position:absolute;box-sizing:border-box;margin:0;padding:2px 5px 10px;min-height:24px;overflow:hidden;cursor:default;line-height:1.2;z-index:1}
.case-v5 .v5-time-event strong{display:block;font-size:11px}
.case-v5 .v5-time-event[draggable=true]{cursor:grab}
.case-v5 .v5-time-event.is-moving{opacity:.45;cursor:grabbing}
.case-v5 .v5-time-day.is-drop-target{background-color:var(--theme-surface-soft,#e8f4fa);box-shadow:inset 0 0 0 2px var(--case-primary)}
.case-v5 .v5-time-event .case-slot-resize{position:absolute;bottom:0;left:0;height:10px;margin:0;padding:0;border:0;line-height:8px;background:var(--theme-surface-soft,#d5eaf5)}
.case-v5 .case-slot-resize{display:block;width:100%;margin-top:6px;padding:5px 2px;border:0;border-top:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:11px;cursor:ns-resize;touch-action:none;user-select:none}
.case-v5 .case-slot-resize:is(:hover,:focus-visible,.is-resizing){background:var(--theme-surface-soft,#d5eaf5);outline:2px solid var(--case-primary);border-radius:4px}
@media(max-width:767px){.case-v5 #planner .case-planner-week{min-width:0;grid-template-columns:1fr}.case-v5 #planner .case-planner-day{min-height:70px;border-right:0;border-bottom:1px solid var(--case-border)}.case-v5 #planner .case-planner-day-head{font-size:.8rem}.case-v5 .v5-plan-add{flex:1}}
.case-v5 #caseTabs .nav-link.active{border-bottom:2px solid var(--case-primary)!important;color:var(--case-primary)!important}.case-v5 #caseTabs .nav-link i{display:none}
.case-v5 #case-left-column,.case-v5 #case-right-column{width:100%!important;max-width:100%!important;padding:0!important;flex:none!important}
.case-v5 .case-v4-details-columns{display:block!important;margin:0!important}.case-v5 #inner-center-col,.case-v5 #inner-left-col{padding:0!important;width:100%!important}
.case-v5 #case-left-column>.row,.case-v5 #inner-center-col>.row{margin:0!important;display:block!important}.case-v5 #inner-center-col>.row>.col-12{padding:0!important;margin:0!important}
.case-v5 .case-details-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.case-v5 .case-details-shell>.card-body{padding:0!important}.case-v5 #beskrivelse-section{padding-top:0!important}
.case-v5 .right-modules-grid{display:flex!important;flex-direction:column!important;gap:14px!important}.case-v5 .right-modules-grid>.d-none{display:none!important}
.case-v5 .right-module-card,.case-v5 .left-module-card{height:auto!important;border:1px solid var(--case-border)!important;border-radius:11px!important;box-shadow:none!important;background:var(--bg-surface,#fff)!important;margin-bottom:14px}
.case-v5 .right-module-card{margin-bottom:0}.case-v5 .card-header{background:transparent!important;border-bottom:1px solid var(--case-border)!important;padding:14px 16px!important}
.case-v5 .v5-center-relations{margin-top:14px;margin-bottom:14px;width:100%}
.case-v5 .module-title{font-size:14px!important;letter-spacing:0!important}.case-v5 .module-icon{color:var(--case-primary)!important}
.case-v5 .comment-composer{display:flex;flex-direction:column;gap:10px;border:0!important;background:transparent!important;padding:0!important}.case-v5 .comment-composer textarea{background:var(--bg-element,#f6f8fa);border:1px solid var(--case-border)!important;border-radius:9px!important;min-height:120px}
.case-v5 .comment-send{align-self:flex-end;position:static!important;width:auto!important;background:#177b68;border-color:#177b68}
.v5-composer-actions{display:flex;align-items:center;gap:9px;margin-bottom:10px}.v5-selected-actions{display:flex;gap:6px;flex-wrap:wrap}
.v5-selected-actions button{font-size:12px;border:1px solid #b9d9cc;border-radius:7px;background:var(--case-primary-soft);color:var(--case-primary);padding:5px 9px}
.v5-action-menu{border:1px solid var(--case-border);border-radius:10px;padding:10px;margin-bottom:10px;background:var(--bg-surface,#fff)}
.v5-menu-title{font-size:11px;font-weight:600;color:var(--case-muted,#64748b);margin-bottom:7px}.v5-action-options{display:flex;flex-wrap:wrap;gap:6px}
.v5-action-options button{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;line-height:1.25;text-align:left;border:1px solid var(--case-border);background:var(--bg-surface,#fff);color:var(--text-color,#243449);border-radius:6px;padding:6px 8px;min-height:29px;transition:background-color .15s,border-color .15s}.v5-action-options button i{font-size:12px;color:var(--case-primary);margin-right:0!important}.v5-action-options button:hover{background:var(--case-primary-soft)}
.v5-action-options button[aria-pressed=true],.v5-picker button[aria-pressed=true]{border-color:#79b7a2;background:var(--case-primary-soft);color:var(--case-primary)}
.v5-assignment-fields{background:var(--case-primary-soft);border-radius:9px;padding:13px;margin-bottom:12px}.v5-assignment-fields label{font-size:12px;font-weight:600;margin:8px 0 5px;display:block}.v5-assignment-fields label:first-child{margin-top:0}
.v5-picker{display:flex;flex-wrap:wrap;gap:6px;max-height:145px;overflow:auto;margin:8px 0}.v5-picker button{border:1px solid var(--case-border);border-radius:7px;padding:5px 9px;background:var(--bg-surface,#fff);color:var(--text-color,#243449);font-size:12px}
.case-v5 .comment-action-chips{display:none!important}.case-v5 .comment-toolbar{flex-wrap:wrap}.case-v5 .comment-item{box-shadow:none!important;border-radius:8px!important}
.v5-action-menu[hidden],.v5-assignment-fields[hidden]{display:none!important}
[data-bs-theme=dark] .case-detail-page-shell.case-v5{--case-primary:#69c7a9;--case-primary-soft:#1e3933;--case-border:#526675;background:#101b24!important}
@media(max-width:1250px){.v5-board{grid-template-columns:225px minmax(0,1fr)}.v5-board>.v5-case-modules{grid-column:1/-1}.case-v5 .v5-case-modules .right-modules-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.case-detail-page-shell.case-v5{padding:12px}.v5-board{display:flex;flex-direction:column;gap:14px}.v5-board>main{order:0;width:100%}.v5-board>.v5-case-facts{order:1;width:100%}.v5-board>.v5-case-modules{order:2;width:100%}.case-v5 .case-header-main{flex-direction:column;align-items:stretch;gap:12px}.case-v5 .case-header-todo{max-width:none}.case-v5 #sag-titel-text{font-size:22px!important}.v5-action-options{grid-template-columns:repeat(2,minmax(0,1fr))}.case-v5 .v5-case-modules .right-modules-grid{display:flex!important}.case-v5 .comment-toolbar-search{width:100%!important}.case-v5 .comment-send{width:100%!important}.v5-version-line{flex-wrap:wrap}}
.case-v5 #caseTabs .nav-link{color:var(--text-color,#56677a)!important}
.case-v5 #caseTabs .nav-link.active{color:var(--case-primary)!important}
.case-v5 .v5-hero-status{display:flex;flex-direction:column;gap:7px;min-width:190px;max-width:240px}
.case-v5 .v5-hero-status label{color:#c8dce8!important;font-size:12px!important;margin-right:10px}
.case-v5 .v5-hero-status select{width:auto!important;min-width:130px;border:0;background:#e6f2ed!important;color:#176b56;font-size:13px}
.case-v5 .comment-composer textarea{height:135px;min-height:100px;padding-right:12px!important}
.case-v5 .v5-composer-actions{margin-top:10px}
@media(max-width:767px){.case-v5 .v5-hero-status{max-width:none;flex-direction:row;flex-wrap:wrap}.case-v5 .v5-hero-status>div{flex:1;min-width:155px}}
.case-v5 .v5-composer-actions .comment-send{margin-left:auto;align-self:center}
@media(max-width:767px){.case-v5 .v5-composer-actions{flex-wrap:wrap}.case-v5 .v5-composer-actions .comment-send{margin-left:0}}
/* A quiet header with a clear title, controls and next step. */
.case-v5 .header-bg{background:var(--bg-surface,#fff)!important;color:var(--text-color,#243449)!important;padding:22px 0!important;border:1px solid var(--case-border);border-top:3px solid #177b68;border-radius:12px;box-shadow:0 3px 12px rgba(25,45,65,.04)}
.case-v5 .case-header-main{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(200px,270px);gap:24px;align-items:center}
.case-v5 .case-header-copy{min-width:0}
.case-v5 .case-header-identity{margin-bottom:8px}
.case-v5 .case-header-id{background:var(--case-primary-soft)!important;color:var(--case-primary)!important;border:0!important;border-radius:6px;padding:4px 9px;font-size:12px;letter-spacing:.2px}
.case-v5 #sag-titel-text{color:var(--text-color,#213449)!important;font-size:27px!important;font-weight:750!important;line-height:1.22;letter-spacing:-.7px;overflow-wrap:anywhere}
.case-v5 #sag-titel-view{align-items:flex-start!important}
.case-v5 #sag-titel-view>button{flex-shrink:0;color:var(--case-muted,#64748b)!important;width:29px;height:29px;margin-top:2px;border:1px solid var(--case-border)!important;border-radius:7px;background:var(--bg-element,#f7f9fa)!important;display:inline-flex;align-items:center;justify-content:center}
.case-v5 #sag-titel-view>button:hover{color:var(--case-primary)!important;border-color:var(--case-primary)!important}
.case-v5 .case-header-meta-line{color:var(--case-muted,#738195)!important;font-size:12px;margin-top:10px}
.case-v5 .v5-hero-status{gap:10px;min-width:0;max-width:none}
.case-v5 .v5-hero-status>div{margin:0!important;gap:10px}
.case-v5 .v5-hero-status label{color:var(--case-muted,#64748b)!important;font-size:11px!important;margin:0;min-width:48px}
.case-v5 .v5-hero-status select{min-width:0;width:125px!important;padding:7px 27px 7px 10px;border:1px solid var(--case-border)!important;border-radius:7px;background-color:var(--bg-element,#f6f8fa)!important;color:var(--text-color,#243449);font-size:12px;font-weight:600;box-shadow:none}
.case-v5 .v5-hero-status select:focus{border-color:var(--case-primary)!important;box-shadow:0 0 0 3px var(--case-primary-soft)}
.case-v5 .case-header-todo{max-width:none;padding:14px 16px!important;border:1px solid var(--case-border)!important;border-radius:9px;background:var(--bg-element,#f6f8fa)!important;min-width:0}
.case-v5 .case-header-todo-label{color:var(--case-primary)!important;font-size:10px;letter-spacing:.7px;margin-bottom:7px}
.case-v5 #topbarNextTodoValue{color:var(--text-color,#243449)!important;font-size:13px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}
.case-v5 #topbarNextTodoMeta{color:var(--case-muted,#64748b)!important;font-size:11px;margin-top:5px}
@media(max-width:1050px){.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr) 190px;gap:18px}.case-v5 .case-header-todo{grid-column:1/-1}.case-v5 #sag-titel-text{font-size:25px!important}}
@media(max-width:767px){.case-v5 .header-bg{padding:17px 0!important}.case-v5 .header-bg>.container-fluid{padding-left:16px!important;padding-right:16px!important}.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr);gap:16px}.case-v5 #sag-titel-text{font-size:23px!important}.case-v5 .v5-hero-status{display:grid;grid-template-columns:1fr 1fr;gap:10px}.case-v5 .v5-hero-status>div{min-width:0;flex-direction:column;align-items:stretch!important;gap:5px}.case-v5 .v5-hero-status select{width:100%!important}.case-v5 .case-header-todo{grid-column:auto;padding:12px!important}}
/* Keep the working area readable across laptop and mobile widths. */
.case-v5 .v5-board{grid-template-columns:minmax(210px,240px) minmax(0,1fr) minmax(240px,280px);gap:16px}
.case-v5 .v5-composer-actions{align-items:flex-start}
.case-v5 .v5-selected-actions{flex:1;min-width:0}
.case-v5 .v5-composer-actions .comment-send{flex-shrink:0;white-space:nowrap}
.case-v5 .v5-action-options button:hover,.case-v5 .v5-picker button:hover{border-color:var(--case-primary)}
.case-v5 .v5-action-options button:focus-visible,.case-v5 .v5-picker button:focus-visible,.case-v5 .v5-selected-actions button:focus-visible{outline:2px solid var(--case-primary);outline-offset:2px}
.case-v5 #v5SubmitFeedback:empty{display:none}
.case-v5 .v5-case-facts .card-body{overflow-wrap:anywhere}
.case-v5 .comment-composer textarea{resize:vertical;line-height:1.55}
@media(min-width:768px) and (max-width:1250px){.case-v5 .v5-board{grid-template-columns:210px minmax(0,1fr)}.case-v5 .v5-case-modules .right-modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.case-v5 #caseTabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain}.case-v5 #caseTabs .nav-item{flex-shrink:0}.case-v5 #caseTabs .nav-link{white-space:nowrap;padding:12px!important}.case-v5 .v5-composer-actions .comment-send{flex-basis:100%}.case-v5 .v5-action-options button{min-height:36px;padding:7px 9px}.case-v5 .v5-picker button{min-height:40px}}
/* Small monitors: put the work first, keep facts available on demand. */
.case-v5 .v5-facts-disclosure>summary{display:none}
.case-v5 .v5-facts-content{min-width:0}
@media(max-width:1400px){
.case-detail-page-shell.case-v5{padding:12px 14px 24px}
.case-v5 .v5-board{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px}
.case-v5 .v5-board>.v5-case-facts{grid-column:1/-1}
.case-v5 .v5-board>main{grid-column:1;grid-row:2}
.case-v5 .v5-board>.v5-case-modules{grid-column:2;grid-row:2}
.case-v5 .v5-case-modules .right-modules-grid{display:flex!important;gap:10px!important}
.case-v5 .v5-facts-disclosure{border:1px solid var(--case-border);border-radius:9px;background:var(--bg-surface,#fff)}
.case-v5 .v5-facts-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;font-size:12px;font-weight:600;list-style:none}
.case-v5 .v5-facts-disclosure>summary::-webkit-details-marker{display:none}
.case-v5 .v5-facts-disclosure>summary::after{content:'＋';color:var(--case-primary);font-size:16px}
.case-v5 .v5-facts-disclosure[open]>summary::after{content:'−'}
.case-v5 .v5-facts-disclosure>summary:focus-visible{outline:2px solid var(--case-primary);outline-offset:2px}
.case-v5 .v5-facts-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 10px 10px}
.case-v5 .v5-case-facts .card{margin-bottom:0}
.case-v5 .v5-case-facts .card-body{padding:12px!important}
.case-v5 .header-bg{padding:14px 0!important;margin-bottom:12px!important}
.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr) 175px;gap:12px}
.case-v5 #sag-titel-text{font-size:23px!important}
.case-v5 .case-header-todo{grid-column:1/-1;padding:8px 12px!important}
.case-v5 .case-header-todo-label{margin-bottom:3px}
.case-v5 .card-header{padding:10px 12px!important}
.case-v5 #caseTabs{flex-wrap:nowrap;overflow-x:auto;margin-bottom:10px!important}
.case-v5 #caseTabs .nav-item{flex-shrink:0}
.case-v5 #caseTabs .nav-link{white-space:nowrap}
}
@media(max-width:1100px){
.case-v5 .v5-board{grid-template-columns:minmax(0,1fr)}
.case-v5 .v5-board>.v5-case-modules{grid-column:1;grid-row:3}
.case-v5 .v5-case-modules .right-modules-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr)}
.case-v5 .v5-facts-content{grid-template-columns:minmax(0,1fr)}
.case-v5 .v5-case-modules .right-modules-grid{display:flex!important}
.case-v5 .v5-hero-status{grid-template-columns:1fr 1fr}
.case-v5 .case-header-todo{grid-column:1}
}
/* Bring the hero content closer to the top without changing its controls. */
.case-detail-page-shell.case-v5{padding-top:8px}
.case-v5 .header-bg{padding-top:14px!important;padding-bottom:14px!important;margin-bottom:12px!important}
.case-v5 .case-header-identity{margin-bottom:5px}
.case-v5 .case-header-meta-line{margin-top:6px}
@media(max-width:1400px){.case-v5 .header-bg{padding-top:10px!important;padding-bottom:10px!important}.case-v5 .case-header-main{row-gap:9px}}
@media(max-width:767px){.case-detail-page-shell.case-v5{padding-top:6px}.case-v5 .header-bg{padding-top:12px!important;padding-bottom:12px!important}}
/* Timeline uses the existing editable fields in a compact hero row. */
.case-v5 .v5-hero-timeline{grid-column:1/-1;height:auto!important;border:0!important;border-top:1px solid var(--case-border)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;margin:0!important}
.case-v5 .v5-hero-timeline>.card-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px;padding:10px 0 0!important}
.case-v5 .v5-hero-timeline>.card-body>div:first-child{grid-column:1/-1;margin:0!important}
.case-v5 .v5-hero-timeline>.card-body>.d-flex{flex-direction:column;align-items:stretch!important;gap:4px;margin:0!important;min-width:0}
.case-v5 .v5-hero-timeline label{font-size:11px!important;color:var(--case-muted,#64748b)!important}
.case-v5 .v5-hero-timeline .input-group{width:100%!important;min-width:0}
.case-v5 .v5-hero-timeline .form-control,.case-v5 .v5-hero-timeline .input-group-text{font-size:12px;min-width:0}
.case-v5 .v5-hero-timeline #topbarDeferredStatusIndicator{grid-column:1/-1}
.case-v5 .v5-hero-timeline #topbarDeferredStatusIndicator:empty{display:none}
@media(max-width:767px){.case-v5 .v5-hero-timeline>.card-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}}
/* Keep dates inside the existing hero height on desktop. */
.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr) 175px minmax(280px,340px);gap:10px 18px}
.case-v5 .v5-hero-timeline{grid-column:3;grid-row:1;border-top:0!important}
.case-v5 .v5-hero-timeline>.card-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;padding:0!important}
.case-v5 .v5-hero-timeline>.card-body>div:first-child{display:none}
.case-v5 .v5-hero-timeline>.card-body>.d-flex{gap:2px}
.case-v5 .v5-hero-timeline label{font-size:10px!important;line-height:1.2}
.case-v5 .v5-hero-timeline .form-control,.case-v5 .v5-hero-timeline .input-group-text,.case-v5 .v5-hero-timeline .input-group>.btn{font-size:11px;padding:3px 6px;min-height:25px}
.case-v5 .case-header-todo{grid-column:1/-1;padding:6px 10px!important;display:flex;align-items:center;gap:10px}
.case-v5 .case-header-todo-label{margin:0;flex-shrink:0}
.case-v5 #topbarNextTodoValue{font-size:12px}
.case-v5 #topbarNextTodoMeta{margin:0;font-size:10px}
@media(max-width:1100px){.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr) 165px}.case-v5 .v5-hero-timeline{grid-column:1/-1;grid-row:auto}.case-v5 .v5-hero-timeline>.card-body{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr)}.case-v5 .v5-hero-timeline>.card-body{grid-template-columns:repeat(2,minmax(0,1fr))}.case-v5 .case-header-todo{flex-wrap:wrap;gap:4px 8px}}
/* Dense hero: inline labels, no separate date headings. */
.case-v5 .header-bg{padding-top:8px!important;padding-bottom:8px!important;margin-bottom:8px!important}
.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr) 160px;gap:6px 14px}
.case-v5 .v5-hero-timeline{grid-column:1/-1;grid-row:auto}
.case-v5 .v5-hero-timeline>.card-body{display:flex;flex-wrap:wrap;gap:4px 14px}
.case-v5 .v5-hero-timeline>.card-body>.d-flex{flex-direction:row;align-items:center!important;justify-content:flex-start!important;gap:5px}
.case-v5 .v5-hero-timeline label{white-space:nowrap;font-size:10px!important}
.case-v5 .v5-hero-timeline .input-group{width:140px!important;flex-wrap:nowrap}
.case-v5 .v5-hero-timeline .input-group:has(#topbarEstimatedMinutesInput){width:95px!important}
.case-v5 .v5-hero-timeline .form-control,.case-v5 .v5-hero-timeline .input-group-text,.case-v5 .v5-hero-timeline .input-group>.btn{padding:2px 5px;min-height:23px;font-size:11px}
.case-v5 .v5-hero-timeline #topbarDeferredStatusIndicator{flex-basis:100%;margin-top:0!important}
.case-v5 .case-header-identity{margin-bottom:3px}
.case-v5 .case-header-meta-line{margin-top:3px}
.case-v5 .case-header-todo{padding:4px 8px!important}
@media(max-width:767px){.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr)}.case-v5 .v5-hero-timeline>.card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}.case-v5 .v5-hero-timeline>.card-body>.d-flex{flex-wrap:wrap}.case-v5 .v5-hero-timeline .input-group{width:100%!important}.case-v5 .v5-hero-timeline #topbarDeferredStatusIndicator{grid-column:1/-1}}
/* V5 signature header: deep ink, restrained emerald and readable controls. */
.case-v5 .header-bg{
--hero-ink:#f2f6fa;--hero-muted:#aebdcb;--hero-line:#415365;
position:relative;isolation:isolate;overflow:hidden;
background:linear-gradient(115deg,#122333 0%,#1a3042 70%,#173d3c 100%)!important;
color:var(--hero-ink)!important;border:1px solid #354c5e;border-top:1px solid #526879;
border-radius:14px;padding:13px 0!important;margin-bottom:12px!important;
box-shadow:0 8px 24px rgba(14,31,45,.13),inset 0 1px 0 rgba(255,255,255,.06);
}
.case-v5 .header-bg::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#86dfbf,#339f87);pointer-events:none}
.case-v5 .header-bg>.container-fluid{padding-left:22px!important;padding-right:22px!important}
.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr) auto;gap:10px 22px}
.case-v5 .case-header-identity{margin-bottom:6px}
.case-v5 .case-header-id{background:#2b4353!important;color:#d8e6ef!important;border:1px solid #4b6373!important;font-size:11px;font-weight:650;letter-spacing:.6px;border-radius:6px;padding:3px 8px}
.case-v5 #sag-titel-text{color:var(--hero-ink)!important;font-size:28px!important;font-weight:700!important;letter-spacing:-.8px;line-height:1.18}
.case-v5 #sag-titel-view{gap:8px!important;align-items:center!important}
.case-v5 #sag-titel-view>button{background:#263d4e!important;border-color:#4b6173!important;color:#c4d4df!important;width:28px;height:28px;margin-top:0}
.case-v5 #sag-titel-view>button:hover{background:#345367!important;color:#fff!important;border-color:#82cbb7!important}
.case-v5 .case-header-meta-line{color:var(--hero-muted)!important;font-size:11px;margin-top:6px}
.case-v5 .case-header-meta-line a{color:#b6e5d6!important}
.case-v5 .v5-hero-status{display:flex;flex-direction:row;gap:12px}
.case-v5 .v5-hero-status>div{display:flex;flex-direction:column;align-items:flex-start!important;gap:4px}
.case-v5 .v5-hero-status label{color:var(--hero-muted)!important;font-size:10px!important;letter-spacing:.35px;min-width:0}
.case-v5 .v5-hero-status select{width:138px!important;background-color:#294354!important;border:1px solid #577082!important;color:#f4f8fa!important;border-radius:8px;padding:7px 27px 7px 10px;font-weight:600;min-height:33px;color-scheme:dark}
.case-v5 .v5-hero-status select:focus{border-color:#88d8bf!important;box-shadow:0 0 0 3px rgba(119,211,182,.18)}
.case-v5 .case-header-todo{background:rgba(112,210,178,.08)!important;border:1px solid rgba(129,210,183,.23)!important;border-radius:7px;padding:6px 10px!important;gap:12px}
.case-v5 .case-header-todo-label{color:#9bdcc5!important;font-size:9px;letter-spacing:.9px}
.case-v5 #topbarNextTodoValue{color:#e8f5ef!important;font-size:12px;font-weight:500}
.case-v5 #topbarNextTodoMeta{color:#b9cfc7!important}
.case-v5 .v5-hero-timeline{border-top:1px solid var(--hero-line)!important;padding-top:9px!important}
.case-v5 .v5-hero-timeline>.card-body{gap:6px 20px}
.case-v5 .v5-hero-timeline label{color:var(--hero-muted)!important;font-size:10px!important}
.case-v5 .v5-hero-timeline .form-control,.case-v5 .v5-hero-timeline .input-group-text,.case-v5 .v5-hero-timeline .input-group>.btn{background:#243b4d!important;color:#e6eef5!important;border-color:#4a6173!important;min-height:26px;padding:3px 6px;color-scheme:dark}
.case-v5 .v5-hero-timeline .form-control:focus{border-color:#88d8bf!important;box-shadow:0 0 0 2px rgba(119,211,182,.18)}
.case-v5 .v5-hero-timeline #topbarDeferredStatusIndicator{color:#d8e5ee!important}
@media(max-width:1100px){.case-v5 #sag-titel-text{font-size:25px!important}.case-v5 .v5-hero-status{gap:8px}.case-v5 .v5-hero-status select{width:120px!important}.case-v5 .v5-hero-timeline>.card-body{gap:6px 12px}}
@media(max-width:767px){.case-v5 .header-bg{padding:12px 0!important}.case-v5 .header-bg>.container-fluid{padding-left:15px!important;padding-right:15px!important}.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr);gap:10px}.case-v5 #sag-titel-text{font-size:24px!important}.case-v5 .v5-hero-status{display:grid;grid-template-columns:1fr 1fr}.case-v5 .v5-hero-status>div{align-items:stretch!important}.case-v5 .v5-hero-status select{width:100%!important}.case-v5 .case-header-todo{gap:5px 10px}.case-v5 .v5-hero-timeline>.card-body{gap:7px 10px}}
/* Give the main contact a complete name line and a separate action row. */
.case-v5 .v5-case-facts .contact-widget-primary{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin-top:10px;margin-bottom:10px}
.case-v5 .v5-case-facts .contact-widget-primary>.contact-widget-label{flex:none;white-space:nowrap;width:auto}
.case-v5 .v5-case-facts .contact-widget-primary>.contact-widget-field{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:5px 8px;padding:8px 10px}
.case-v5 .v5-case-facts .contact-widget-primary .contact-widget-value{grid-column:1/-1;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}
.case-v5 .v5-case-facts .contact-widget-primary .contact-widget-actions{grid-column:1;grid-row:2;align-items:center;gap:7px}
.case-v5 .v5-case-facts .contact-widget-primary .contact-widget-edit{grid-column:2;grid-row:2;justify-self:end}
/* A single compact next-task strip with creation available in the hero. */
.case-v5 .case-header-todo{min-height:29px;padding:3px 8px!important;gap:8px;min-width:0;flex-wrap:nowrap}
.case-v5 .case-header-todo-label{font-size:9px;white-space:nowrap;flex-shrink:0}
.case-v5 #topbarNextTodoValue{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.3}
.case-v5 .v5-hero-add-todo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:23px;height:23px;padding:0;border:1px solid #648c80;border-radius:5px;background:#294b43;color:#d3f3e7;font-size:12px}
.case-v5 .v5-hero-add-todo:hover{background:#376858;border-color:#9bdcc5}
.case-v5 .v5-hero-add-todo:focus-visible{outline:2px solid #9bdcc5;outline-offset:2px}
/* Company names remain complete even in the narrow facts column. */
.case-v5 .v5-case-facts .contact-widget-company{flex-direction:column;align-items:stretch;gap:5px}
.case-v5 .v5-case-facts .contact-widget-company>.contact-widget-label{flex:none;white-space:nowrap}
.case-v5 .v5-case-facts .contact-widget-company>.contact-widget-field{width:100%;align-items:flex-start;padding:8px 10px;gap:8px}
.case-v5 .v5-case-facts .contact-widget-company .contact-widget-value{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}
.case-v5 .v5-case-facts .contact-widget-company .contact-widget-edit{flex-shrink:0}
/* Reuse the case AnyDesk dialog from a compact, labelled hero action. */
.case-v5 .case-header-identity{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.case-v5 .v5-anydesk-button{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;min-height:26px;border:1px solid #648c80;border-radius:6px;background:#294b43;color:#e0f6ed;font-size:11px;font-weight:600;line-height:1.3}
.case-v5 .v5-anydesk-button:hover{background:#376858;border-color:#9bdcc5}
.case-v5 .v5-anydesk-button:focus-visible{outline:2px solid #9bdcc5;outline-offset:2px}
/* Blue V5 palette and a clearly grouped, compact case header. */
.case-detail-page-shell.case-v5{--case-primary:#336699;--case-primary-soft:#eaf1f8}
[data-bs-theme=dark] .case-detail-page-shell.case-v5{--case-primary:#91bce8;--case-primary-soft:#203850}
.case-v5 .comment-send{background:#336699;border-color:#336699}
.case-v5 .v5-selected-actions button{border-color:#a9bfd5}
.case-v5 .header-bg{background:linear-gradient(110deg,#162b40,#203d59)!important;border-color:#496783;border-top-color:#6384a4;border-radius:12px;padding:14px 0!important;--hero-muted:#c2d1df;--hero-line:#46627d}
.case-v5 .header-bg::before{width:3px;background:#6699cc}
.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr) 290px;column-gap:24px;row-gap:11px;align-items:center}
.case-v5 .case-header-copy{grid-column:1;grid-row:1}
.case-v5 .case-header-identity{margin-bottom:5px;gap:8px}
.case-v5 #sag-titel-text{font-size:26px!important;line-height:1.2;letter-spacing:-.6px}
.case-v5 .case-header-meta-line{font-size:10px;margin-top:5px}
.case-v5 .case-header-meta-line a{color:#c0ddfb!important}
.case-v5 .v5-hero-status{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-left:1px solid var(--hero-line);padding-left:18px}
.case-v5 .v5-hero-status>div{min-width:0;align-items:stretch!important}
.case-v5 .v5-hero-status label{font-size:11px!important;letter-spacing:0}
.case-v5 .v5-hero-status select{width:100%!important;min-height:34px;background-color:#294c6a!important;border-color:#688aa8!important;color:#fff!important}
.case-v5 .v5-hero-status select:focus,.case-v5 .v5-hero-timeline .form-control:focus{border-color:#a2c9ee!important;box-shadow:0 0 0 2px rgba(153,204,255,.18)}
.case-v5 .v5-hero-timeline{grid-column:1/-1;grid-row:2;border-top:1px solid var(--hero-line)!important;padding-top:10px!important}
.case-v5 .v5-hero-timeline>.card-body{display:grid;grid-template-columns:repeat(3,minmax(145px,180px)) minmax(110px,140px);gap:10px 18px;align-items:start}
.case-v5 .v5-hero-timeline>.card-body>.d-flex{display:flex;flex-direction:column;align-items:stretch!important;gap:4px;min-width:0}
.case-v5 .v5-hero-timeline label{font-size:10px!important;font-weight:500;line-height:1.2}
.case-v5 .v5-hero-timeline .input-group,.case-v5 .v5-hero-timeline .input-group:has(#topbarEstimatedMinutesInput){width:100%!important}
.case-v5 .v5-hero-timeline .form-control,.case-v5 .v5-hero-timeline .input-group-text,.case-v5 .v5-hero-timeline .input-group>.btn{background:#29465f!important;border-color:#587a98!important;color:#f2f7fc!important;-webkit-text-fill-color:#f2f7fc;min-height:29px;font-size:12px;padding:4px 7px}
.case-v5 .v5-hero-timeline .form-control::placeholder{color:#c2d1df!important;opacity:1;-webkit-text-fill-color:#c2d1df}
.case-v5 .v5-hero-timeline #topbarEstimatedMinutesInput{width:65px}
.case-v5 .v5-hero-timeline #topbarDeferredStatusIndicator{grid-column:1/-1}
.case-v5 .case-header-todo{grid-column:1/-1;grid-row:3;justify-self:start;width:min(100%,600px);background:#254560!important;border-color:#4f7393!important;padding:3px 8px!important;min-height:28px;gap:9px}
.case-v5 .case-header-todo-label{color:#b7d8f7!important;letter-spacing:.55px}
.case-v5 #topbarNextTodoValue{color:#f0f6fc!important;font-size:11px}
.case-v5 #topbarNextTodoMeta{color:#c2d1df!important}
.case-v5 .v5-hero-add-todo,.case-v5 .v5-anydesk-button{background:#336699;border-color:#6e99c1;color:#f2f7fc}
.case-v5 .v5-hero-add-todo:hover,.case-v5 .v5-anydesk-button:hover{background:#4079b0;border-color:#b2d2f1}
.case-v5 .v5-hero-add-todo:focus-visible,.case-v5 .v5-anydesk-button:focus-visible{outline-color:#b2d2f1}
.case-v5 #sag-titel-view>button:hover{border-color:#a2c9ee!important}
.case-v5 .v5-action-options button[aria-pressed=true],.case-v5 .v5-picker button[aria-pressed=true]{border-color:#7ca2c8}
@media(max-width:1100px){.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr) 250px;gap:10px 18px}.case-v5 #sag-titel-text{font-size:24px!important}.case-v5 .v5-hero-timeline>.card-body{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}}
@media(max-width:767px){.case-v5 .header-bg{padding:12px 0!important}.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr);gap:11px}.case-v5 .v5-hero-status{grid-column:1;grid-row:2;border-left:0;padding-left:0}.case-v5 .v5-hero-timeline{grid-column:1;grid-row:3}.case-v5 .v5-hero-timeline>.card-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-v5 .case-header-todo{grid-column:1;grid-row:4;width:100%}.case-v5 #sag-titel-text{font-size:23px!important}}
/* V5 facts belong to the hero; the case workspace has no left sidebar. */
.case-v5 .v5-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:18px}
.case-v5 .v5-board>main{grid-column:1;grid-row:1}
.case-v5 .v5-board>.v5-case-modules{grid-column:2;grid-row:1}
.case-v5 .header-bg{overflow:visible!important}
.case-v5 .header-bg:has(.v5-hero-facts-panel.show){position:relative;z-index:1040}
.case-v5 .v5-hero-facts-menu{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.case-v5 .v5-hero-facts-button{display:inline-flex;align-items:center;gap:7px;border:1px solid #5c7a94;border-radius:7px;padding:6px 10px;background:#29465f;color:#edf5fc;font-size:12px;line-height:1.4}
.case-v5 .v5-hero-facts-button:hover,.case-v5 .v5-hero-facts-button[aria-expanded="true"]{background:#365c7e;border-color:#9abbd9}
.case-v5 .v5-hero-facts-button:focus-visible{outline:2px solid #b2d2f1;outline-offset:2px}
.case-v5 .v5-hero-facts-panel{width:340px;max-width:calc(100vw - 40px);padding:0;border:1px solid var(--case-border);border-radius:12px;box-shadow:0 14px 40px #142d4933;color:var(--text-color,#243449);background:var(--bg-surface,#fff);z-index:1050}
.case-v5 .v5-hero-facts-panel .card{margin:0;border:0!important;background:transparent!important}
.case-v5 .v5-hero-facts-panel .card-body{padding:18px!important}
.case-v5 .v5-hero-facts-panel .form-select{max-width:100%}
@media(min-width:768px) and (max-width:1250px){.case-v5 .v5-case-modules .right-modules-grid{display:flex!important;flex-direction:column!important}}
@media(max-width:767px){.case-v5 .v5-board{grid-template-columns:minmax(0,1fr);gap:14px}.case-v5 .v5-board>main{grid-column:1;grid-row:1}.case-v5 .v5-board>.v5-case-modules{grid-column:1;grid-row:2}.case-v5 .v5-hero-facts-menu{gap:6px;margin-top:12px}.case-v5 .v5-hero-facts-button{font-size:11px;padding:7px 8px}}
/* Use the wide hero as a compact work toolbar instead of stacked full-width rows. */
@media(min-width:1401px){
.case-v5 .case-header-main{grid-template-columns:minmax(320px,1fr) minmax(500px,620px) 250px;column-gap:22px;row-gap:12px;align-items:start}
.case-v5 .case-header-copy{grid-column:1;grid-row:1 / span 2;align-self:center}
.case-v5 .v5-hero-timeline{grid-column:2;grid-row:1;border-top:0!important;border-left:1px solid var(--hero-line)!important;padding:0 0 0 20px!important}
.case-v5 .v5-hero-timeline>.card-body{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(110px,.8fr);gap:8px;padding:0!important}
.case-v5 .v5-hero-status{grid-column:3;grid-row:1;padding-left:16px;gap:8px}
.case-v5 .case-header-todo{grid-column:2 / -1;grid-row:2;justify-self:stretch;width:100%;margin:0!important}
.case-v5 .v5-hero-facts-menu{margin-top:11px}
}
@media(min-width:768px) and (max-width:1400px){
.case-v5 .case-header-main{grid-template-columns:minmax(0,1fr) 250px;column-gap:18px;row-gap:10px}
.case-v5 .v5-hero-timeline>.card-body{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(100px,.7fr);gap:10px 14px}
.case-v5 .case-header-todo{width:100%;justify-self:stretch}
}
/* Keep command tools compact and preserve native hidden menu behaviour. */
.case-v5 .v5-action-menu[hidden]{display:none!important}
.case-v5 .case-command-panel{padding:4px 0;border:0;background:transparent;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.case-v5 .case-command-hint{font-size:11px;margin:0;color:var(--text-muted,#667788)}
.case-v5 .case-command-help-disclosure{border:0;padding:0;margin:0;background:transparent;font-size:12px}
.case-v5 .case-command-help-disclosure>summary{padding:2px 0;font-size:12px}
.case-v5 .case-command-help-disclosure[open]{flex-basis:100%}
.case-v5 .case-command-suggestions:empty,.case-v5 .case-command-chips:empty,.case-v5 .case-command-status:empty{display:none}
.case-v5 .case-command-suggestions,.case-v5 .case-command-chips,.case-v5 .case-command-status{flex-basis:100%}
.case-v5 .case-command-help-item small{display:none}
.case-v5 .case-command-help-item{padding:5px 8px}
.case-v5 .case-command-panel [hidden]{display:none!important}
.case-v5 .right-modules-grid>[data-module="tags"]{order:-1;display:flex!important}
.case-v5 .case-command-panel .case-command-help-disclosure{margin-top:0}
.case-v5 .case-command-help-disclosure>summary{border:0;background:transparent}
/* Actions stay within reach above the editor, with one clear panel per task. */
.case-v5 .v5-composer-actions{margin:0 0 8px;align-items:center;gap:8px}
.case-v5 #v5ActionToggle{display:inline-flex;align-items:center;gap:7px;width:auto;height:32px;padding:5px 10px;font-size:12px;border-radius:7px}
.case-v5 .v5-action-menu{padding:10px;margin:0 0 8px;background:var(--case-primary-soft)}
.case-v5 .v5-action-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.case-v5 .v5-action-options button{width:100%;padding:8px 10px;min-height:36px}
.case-v5 .v5-assignment-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px;margin:0 0 8px;border:1px solid var(--case-border);border-radius:9px;background:var(--bg-surface,#fff)}
.case-v5 .v5-assignment-fields[hidden]{display:none!important}
.case-v5 .v5-assignment-fields label[for=v5GroupSearch],.case-v5 #v5GroupSearch,.case-v5 #v5GroupOptions{grid-column:1}
.case-v5 .v5-assignment-fields label[for=v5UserSearch]{grid-column:2;grid-row:1}
.case-v5 #v5UserSearch{grid-column:2;grid-row:2}
.case-v5 #v5UserOptions{grid-column:2;grid-row:3}
.case-v5 .v5-assignment-fields label[for=v5AssignmentReason],.case-v5 #v5AssignmentReason,.case-v5 .v5-assignment-fields p{grid-column:1/-1}
.case-v5 .v5-picker{margin:0;max-height:110px;overflow:auto}
.case-v5 .v5-submit-row{display:flex;justify-content:flex-end;margin-top:8px}
@media(max-width:600px){.case-v5 .v5-action-options{grid-template-columns:repeat(2,minmax(0,1fr))}.case-v5 .v5-assignment-fields{display:flex;flex-direction:column}}
/* Employee-first assignment; groups stay behind an optional disclosure. */
.case-v5 .v5-assignment-fields{display:flex;flex-direction:column;gap:6px;padding:10px}
.case-v5 .v5-employee-buttons{display:flex;flex-wrap:wrap;gap:5px;max-height:145px}
.case-v5 .v5-employee-buttons button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:3px 7px;font-size:11px;font-weight:650;border-radius:6px}
.case-v5 .v5-employee-buttons button[aria-pressed=true]{background:var(--case-primary);color:#fff;border-color:var(--case-primary);box-shadow:0 0 0 1px var(--case-primary)}
.case-v5 .v5-assignment-groups{font-size:11px;margin:2px 0 4px;color:var(--text-muted,#667788)}
.case-v5 .v5-assignment-groups summary{cursor:pointer}
.case-v5 .v5-assignment-groups[open] input{margin:6px 0}
/* Call history is a compact list in the narrow V5 sidebar. */
.case-v5 #caseCallHistoryBody{padding:0!important;max-height:320px;overflow-y:auto}
.case-v5 #caseCallHistoryBody .table-responsive{overflow:visible}
.case-v5 #caseCallHistoryBody table,.case-v5 #caseCallHistoryRows{display:block;width:100%}
.case-v5 #caseCallHistoryBody thead{display:none}
.case-v5 #caseCallHistoryRows tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px 12px;border-bottom:1px solid var(--case-border)}
.case-v5 #caseCallHistoryRows tr:last-child{border-bottom:0}
.case-v5 #caseCallHistoryRows td{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:11px;line-height:1.5;min-width:0;color:var(--text-muted,#667788);overflow-wrap:anywhere}
.case-v5 #caseCallHistoryRows td:nth-child(3){grid-column:1/-1;grid-row:1;color:var(--text-color,#243449);font-size:13px;font-weight:600}
.case-v5 #caseCallHistoryRows td:nth-child(3)>div{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between;gap:8px}
.case-v5 #caseCallHistoryRows td:nth-child(3) span{min-width:0;overflow-wrap:anywhere}
.case-v5 #caseCallHistoryRows td:nth-child(3) button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:27px;height:27px;padding:0;border-radius:6px;border-color:var(--case-border);color:var(--case-primary)}
.case-v5 #caseCallHistoryRows td:nth-child(3) button:hover{background:var(--case-primary);border-color:var(--case-primary);color:#fff}
.case-v5 #caseCallHistoryRows td:nth-child(1){grid-column:1;grid-row:2;white-space:nowrap}
.case-v5 #caseCallHistoryRows td:nth-child(2){grid-column:1;grid-row:3;display:flex;align-items:center;gap:5px}
.case-v5 #caseCallHistoryRows td:nth-child(2) i{color:var(--case-primary);font-size:12px}
.case-v5 #caseCallHistoryRows td:nth-child(4){grid-column:1/-1;grid-row:4;font-size:10px}
.case-v5 #caseCallHistoryRows td:nth-child(5){grid-column:2;grid-row:3;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Current case facts are visible values; clicking opens the existing editor. */
.case-v5 .v5-hero-facts-button{align-items:center;text-align:left;max-width:100%;padding:8px 11px;gap:9px}
.case-v5 .v5-fact-copy{display:flex;flex-direction:column;min-width:0;gap:2px}
.case-v5 .v5-fact-label{font-size:10px;opacity:.75;font-weight:400}
.case-v5 .v5-fact-value{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.case-v5 .v5-fact-edit{font-size:10px;opacity:.65;margin-left:5px}
.v5-facts-editor .card{border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important}
.v5-facts-editor .modal-body{padding:8px 12px}
.v5-facts-editor .contact-widget-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
.v5-facts-editor .contact-widget-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
Reference in New Issue View Git Blame Copy Permalink