/* KRAMER IT-SUPPORT / Workspace UI 6.0.1
   Light, structured administration workspace. Scoped to operations pages only. */
body.ops-view{background:#f5f7fb}
body.ops-view .main{background:#f5f7fb;color:#152337}
body.ops-view .content{max-width:1470px;padding:36px clamp(19px,3.6vw,56px) 72px}
body.ops-view .topbar{background:#fff;border-bottom:1px solid #e7ebf1;color:#65758c;min-height:66px}
body.ops-view .topbar-right{color:#516278}
body.ops-view .footer{background:#f5f7fb;color:#7b8796;border-top:1px solid #e7ebf1}
body.ops-view .footer a{color:#6f7b8c}
body.ops-view .sidebar{background:#101820;border-right-color:#24303b}
body.ops-view .nav a{color:#b9c3d2;border-radius:10px}
body.ops-view .nav a:hover{background:#202d39;color:#fff}
body.ops-view .nav a.active{background:#27313a;color:#fff;box-shadow:inset 3px 0 #f59a23}
body.ops-view .nav-heading{color:#8c9eaf!important}
body.ops-view .portal-label{color:#a9b9c8;border-color:#2b3844}
body.ops-view .side-foot{color:#d1d9df}
body.ops-view .notice{border-radius:13px}
.ops-ui{
  --op-text:#19283c;--op-ink:#344257;--op-muted:#708096;--op-soft:#f7f9fc;
  --op-line:#e5eaf1;--op-line-strong:#d5dde7;--op-accent:#ed8f15;
  --op-blue:#2f5b88;--op-white:#fff;--op-shadow:0 8px 28px rgba(30,49,73,.045);
  font:inherit;color:var(--op-text);max-width:100%;padding-bottom:20px;line-height:1.5;
}
.ops-ui *{box-sizing:border-box}
.ops-ui :is(h1,h2,h3,h4,p){margin-top:0}
.ops-ui .op-svg{width:20px;height:20px;flex:0 0 auto;vertical-align:middle}
.ops-ui :is(input,select,textarea,button){font-family:inherit}
.ops-ui a{text-decoration:none}
.ops-ui button{cursor:pointer}
.ops-ui :focus-visible{outline:3px solid #f9bd62;outline-offset:2px}
.ops-ui .op-page-head{position:relative;isolation:isolate;overflow:hidden;min-height:176px;padding:30px clamp(22px,3.6vw,43px);border-radius:22px;background:linear-gradient(114deg,#152434,#223b51);color:white;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 19px;box-shadow:0 13px 33px rgba(24,43,59,.12)}
.ops-ui .op-page-head:before{content:"";position:absolute;right:-80px;top:-135px;width:470px;height:370px;border:1px solid #ffffff14;border-radius:50%;z-index:-1;box-shadow:0 0 0 62px #ffffff05,0 0 0 127px #ffffff03}
.ops-ui .op-page-head:after{content:"";position:absolute;right:0;bottom:0;width:37%;height:3px;background:linear-gradient(90deg,transparent,#ffb453)}
.ops-ui .op-head-text{max-width:760px;min-width:0}
.ops-ui .op-eyebrow{display:flex;align-items:center;gap:9px;color:#ffbd68;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.18em}
.ops-ui .op-eyebrow .op-svg{width:16px;height:16px}
.ops-ui .op-page-head h1{color:#fff;font-size:clamp(27px,3vw,39px);line-height:1.14;letter-spacing:-.04em;margin:11px 0 9px;font-weight:780}
.ops-ui .op-page-head p{max-width:670px;font-size:13px;line-height:1.65;color:#cad5e2;margin:0}
.ops-ui .op-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border:1px solid transparent;border-radius:11px;padding:10px 16px;color:#1f2937;background:white;font-weight:730;font-size:12px;line-height:1.2;text-align:center;text-decoration:none!important;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;white-space:normal}
.ops-ui .op-button .op-svg{height:17px;width:17px}
.ops-ui .op-button:active{transform:translateY(1px)}
.ops-ui .op-button--primary{background:#f7a42e;border-color:#f7a42e;color:#20170e;box-shadow:0 4px 11px #d6810d26}
.ops-ui .op-button--primary:hover{background:#ffb54b;border-color:#ffb54b;box-shadow:0 8px 18px #ce7a1929}
.ops-ui .op-button--outline{background:#fff;color:#41566e;border-color:var(--op-line-strong)}
.ops-ui .op-button--outline:hover{color:#1c344e;background:#f6f9fc;border-color:#91a6bd}
.ops-ui .op-button--quiet{min-height:39px;background:#eff3f8;border-color:#dfe6ee;color:#2f506c}
.ops-ui .op-button--quiet:hover{background:#e2eaf3}
.ops-ui .op-page-cta{flex:none;font-size:12px;min-height:45px;padding:11px 19px}
.ops-ui .op-tabs{position:relative;display:flex;align-items:center;gap:5px;padding:6px;margin:0 0 24px;border-radius:14px;background:#fff;border:1px solid #e8ecf2;overflow-x:auto;scrollbar-width:thin;box-shadow:0 2px 8px #223a5410}
.ops-ui .op-tabs a{display:flex;align-items:center;gap:8px;justify-content:center;white-space:nowrap;padding:11px 15px;border-radius:10px;color:#637287;font-size:12px;font-weight:680;transition:background .17s,color .17s}
.ops-ui .op-tabs .op-svg{width:17px;height:17px}
.ops-ui .op-tabs a:hover{color:#1d354e;background:#f2f5f9}
.ops-ui .op-tabs a.is-current{color:#1a374f;background:#eaf2f9;box-shadow:inset 0 0 0 1px #d5e5f0}
.ops-ui .op-tabs a.is-current .op-svg{color:#db8313}
.ops-ui .op-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 29px}
.ops-ui .op-stat{position:relative;min-width:0;display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--op-line);border-radius:17px;padding:20px 23px;box-shadow:var(--op-shadow)}
.ops-ui .op-stat-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.ops-ui .op-stat-copy>span{font-size:12px;font-weight:680;color:#67798c}
.ops-ui .op-stat strong{font-size:29px;line-height:1.23;font-weight:780;letter-spacing:-.045em;color:#172b42;white-space:nowrap}
.ops-ui .op-stat small{font-size:11px;color:#94a0ad;line-height:1.4}
.ops-ui .op-stat-icon{display:grid;place-items:center;align-self:flex-start;width:42px;height:42px;border-radius:13px;background:#edf4f9;color:#52799b;flex:none}
.ops-ui .op-stat-icon .op-svg{width:21px;height:21px}
.ops-ui .op-stat:nth-child(2) .op-stat-icon{color:#bd7d23;background:#fff4e1}
.ops-ui .op-stat:nth-child(3) .op-stat-icon{color:#3d8d75;background:#e9f7f1}
.ops-ui .op-create{border:1px solid #dbe3ec;border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--op-shadow);margin:0 0 26px}
.ops-ui .op-create>summary{list-style:none;display:flex;align-items:center;gap:15px;cursor:pointer;padding:19px 24px;background:#fff}
.ops-ui .op-create>summary::-webkit-details-marker{display:none}
.ops-ui .op-create[open]>summary{background:#fbfcfe;border-bottom:1px solid var(--op-line)}
.ops-ui .op-summary-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#fff2df;color:#cf7d13}
.ops-ui .op-summary-icon .op-svg{width:20px;height:20px}
.ops-ui .op-create-summary-text{min-width:0}
.ops-ui .op-create-summary-text b{display:block;font-size:15px;letter-spacing:-.015em;font-weight:770;color:#203349}
.ops-ui .op-create-summary-text small{display:block;font-size:12px;margin-top:3px;color:#7f8ea0;line-height:1.5}
.ops-ui .op-summary-arrow{margin-left:auto;color:#71859a}
.ops-ui .op-summary-arrow .op-svg{width:18px;height:18px;transition:transform .2s}
.ops-ui .op-create[open] .op-summary-arrow .op-svg{transform:rotate(180deg)}
.ops-ui .op-create-body{padding:24px clamp(18px,3vw,32px) 26px}
.ops-ui .op-create--static .op-create-body{padding:30px}
.ops-ui .op-form{border:0;margin:0;padding:0;background:none}
.ops-ui .op-form-group-heading{display:flex;align-items:flex-start;gap:12px;margin:5px 0 19px}
.ops-ui .op-form-group-heading:not(:first-child){border-top:1px solid #edf0f4;padding-top:24px;margin-top:26px}
.ops-ui .op-form-group-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#eef3f9;color:#537795;flex:none}
.ops-ui .op-form-group-icon .op-svg{width:18px;height:18px}
.ops-ui .op-form-group-heading h3{margin:0 0 3px;font-size:14px;font-weight:760;color:#24364b}
.ops-ui .op-form-group-heading p{margin:0;font-size:12px;color:#8794a4;line-height:1.5}
.ops-ui .op-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;min-width:0}
.ops-ui .op-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-weight:650;font-size:12px;color:#45566b}
.ops-ui .op-field--wide{grid-column:1/-1}
.ops-ui .op-field-label{display:block;font-size:12px;line-height:1.45;letter-spacing:.006em}
.ops-ui .op-field i{font-style:normal;color:#de7a16}
.ops-ui .op-field :is(input:not([type=checkbox]),select,textarea),.ops-ui .op-task-form select{
  display:block;appearance:auto;width:100%;max-width:none;min-width:0;min-height:45px;padding:11px 13px;
  background:#f8fafc;border:1px solid #d8e1eb;border-radius:10px;color:#182c44;
  font:inherit;font-size:13px;font-weight:480;letter-spacing:0;outline:0;
  transition:border-color .17s,background .17s,box-shadow .17s
}
.ops-ui .op-field textarea{min-height:94px;resize:vertical;line-height:1.6}
.ops-ui .op-field :is(input,textarea)::placeholder{color:#a2afbd;font-weight:400}
.ops-ui .op-field :is(input,select,textarea):hover{border-color:#b4c4d5;background:#fff}
.ops-ui .op-field :is(input,select,textarea):focus,.ops-ui .op-task-form select:focus{border-color:#7b9ebd;background:#fff;box-shadow:0 0 0 4px #3f7cac15}
.ops-ui input[type=checkbox]{accent-color:#e59022;width:17px;height:17px;flex:none;cursor:pointer}
.ops-ui .op-visibility{display:flex;align-items:center;gap:12px;cursor:pointer;background:#f6f9fd;border:1px solid #e2eaf3;border-radius:13px;margin-top:23px;padding:16px 17px}
.ops-ui .op-visibility>input{position:absolute;opacity:0;width:1px;height:1px}
.ops-ui .op-visibility-text{flex:1}
.ops-ui .op-visibility-text b{display:block;color:#304259;font-weight:750;font-size:13px}
.ops-ui .op-visibility-text small{display:block;color:#7f8fa2;font-size:11px;margin-top:3px;line-height:1.5}
.ops-ui .op-switch-track{width:39px;height:22px;background:#cbd5e1;border-radius:15px;position:relative;flex:none;transition:.2s}
.ops-ui .op-switch-track:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .2s}
.ops-ui .op-visibility input:checked~.op-switch-track{background:#d88a20}
.ops-ui .op-visibility input:checked~.op-switch-track:after{transform:translateX(17px)}
.ops-ui .op-visibility:focus-within{outline:2px solid #e8ab57;outline-offset:2px}
.ops-ui .op-form-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:26px;padding-top:21px;border-top:1px solid #edf0f4}
.ops-ui .op-form-footer>span{font-size:11px;color:#93a0ad}
.ops-ui .op-form-footer .op-button{min-width:170px}
.ops-ui .op-form-hint{margin:16px 0 0;color:#7a8ca0;line-height:1.6;font-size:12px}
.ops-ui .op-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:27px 0 12px}
.ops-ui .op-toolbar-title h2{margin:0 0 4px;color:#22354a;font-size:20px;font-weight:790;letter-spacing:-.025em}
.ops-ui .op-toolbar-title p{margin:0;font-size:12px;color:#8a98a8}
.ops-ui .op-search-field{display:flex;align-items:center;position:relative;max-width:100%;width:min(330px,100%)}
.ops-ui .op-search-field>.op-svg{position:absolute;left:13px;width:17px;height:17px;color:#8b9aab;pointer-events:none}
.ops-ui .op-search-field input{width:100%;height:42px;outline:0;border:1px solid #dce3ed;border-radius:11px;background:#fff;color:#2e3b4b;padding:9px 13px 9px 40px;font-size:12px;box-shadow:0 2px 7px #2b466210}
.ops-ui .op-search-field input::placeholder{color:#9faab7}
.ops-ui .op-search-field input:focus{border-color:#8daccc;box-shadow:0 0 0 4px #3f7cac16}
.ops-ui .op-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.ops-ui .op-filter{border:1px solid #e0e6ee;background:#fff;color:#6d7e90;min-height:34px;padding:7px 13px;border-radius:9px;font-size:11px;font-weight:720;transition:.17s}
.ops-ui .op-filter:hover{background:#eef3f8;color:#29445f}
.ops-ui .op-filter.is-active{color:#223e58;background:#e6eff7;border-color:#cbddeb}
.ops-ui .op-visible-count{color:#90a0b1;font-size:11px;margin-left:auto}
.ops-ui .op-card{position:relative;min-width:0;background:#fff;border:1px solid var(--op-line);border-radius:18px;padding:23px 25px;box-shadow:var(--op-shadow);transition:border-color .17s,box-shadow .17s}
.ops-ui .op-card:hover{border-color:#cbd7e3;box-shadow:0 9px 32px rgba(33,56,78,.075)}
.ops-ui .op-stack{display:grid;gap:15px}
.ops-ui .op-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.ops-ui .op-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;min-width:0}
.ops-ui .op-card-identity{display:flex;align-items:flex-start;gap:13px;min-width:0}
.ops-ui .op-card-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eef4fa;border:1px solid #e0eaf4;color:#46759f;flex:none}
.ops-ui .op-card-icon .op-svg{width:20px;height:20px}
.ops-ui .op-card-title{min-width:0}
.ops-ui .op-card-overline{display:block;color:#8393a6;text-transform:uppercase;font-size:10px;font-weight:820;letter-spacing:.11em;margin-bottom:5px}
.ops-ui .op-card-overline span{color:#a5afba;font-weight:650}
.ops-ui .op-card h3{font-size:17px;line-height:1.32;letter-spacing:-.021em;color:#20344a;font-weight:785;margin:0;overflow-wrap:anywhere}
.ops-ui .op-card-sub{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:6px 0 0;font-size:11px;color:#8090a1;line-height:1.6}
.ops-ui .op-card-sub .op-svg{width:13px;height:13px}
.ops-ui .op-dot-divider{margin:0 3px;color:#b5c2d0}
.ops-ui .op-customer-link{font-size:12px;font-weight:730;color:#346a9b;text-decoration:none;overflow-wrap:anywhere}
.ops-ui .op-customer-link:hover{text-decoration:underline;color:#18486e}
.ops-ui .op-status{display:inline-flex;gap:7px;align-items:center;justify-content:center;flex:none;min-height:27px;padding:5px 10px;font-size:11px;font-weight:760;border-radius:99px;border:1px solid #e1e7ef;background:#f3f5f8;color:#6a7d92;white-space:nowrap}
.ops-ui .op-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.ops-ui .op-status--green{background:#e9f8ef;color:#2d8b59;border-color:#d5efe1}
.ops-ui .op-status--amber{background:#fff5e5;color:#a97419;border-color:#f3e2bc}
.ops-ui .op-status--blue{background:#eaf3ff;color:#3477ae;border-color:#d5e7f8}
.ops-ui .op-status--muted{background:#f1f4f7;color:#738499;border-color:#e1e7ec}
.ops-ui .op-description{font-size:13px;color:#5d6c7d;line-height:1.75;margin:17px 0 0;overflow-wrap:anywhere}
.ops-ui .op-progress-panel{margin-top:20px;padding:16px 19px 17px;border-radius:12px;background:#f7f9fc;border:1px solid #edf1f5}
.ops-ui .op-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:10px;color:#6d7e91}
.ops-ui .op-progress-head strong{color:#2d536e;font-size:14px;white-space:nowrap}
.ops-ui .op-progress-head strong small{font-size:11px;color:#8b98a8;font-weight:600}
.ops-ui .op-progress,.ops-ui .op-license-bar{height:7px;border-radius:99px;background:#dfe7ef;overflow:hidden}
.ops-ui .op-progress>span,.ops-ui .op-license-bar>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2f789e,#64a2bd);transition:width .25s}
.ops-ui .op-task-area{margin-top:22px;padding-top:20px;border-top:1px solid #e9eef4}
.ops-ui .op-task-header{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.ops-ui .op-task-header h4{display:flex;gap:8px;align-items:center;color:#2d3f53;font-size:13px;font-weight:790;margin:0}
.ops-ui .op-task-header .op-svg{width:17px;height:17px;color:#738ca5}
.ops-ui .op-count{font-size:10px;font-weight:760;color:#6f87a0;background:#eef3f8;border-radius:7px;padding:3px 9px}
.ops-ui .op-task{display:flex;align-items:center;gap:11px;border:1px solid #e8edf3;background:#fff;border-radius:10px;padding:11px 13px;margin:7px 0;min-width:0}
.ops-ui .op-task-marker{display:grid;place-items:center;width:27px;height:27px;flex:none;border:1px solid #dce6ef;border-radius:8px;background:#eef3f8;color:#7893ac}
.ops-ui .op-task-marker .op-svg{width:14px;height:14px}
.ops-ui .op-task--done .op-task-marker{color:#2e9a68;border-color:#cdecd8;background:#e7f7ef}
.ops-ui .op-task-name{flex:1;min-width:0;overflow-wrap:anywhere}
.ops-ui .op-task-name strong{display:block;color:#364b60;font-size:12px;font-weight:730}
.ops-ui .op-task--done .op-task-name strong{color:#8292a2}
.ops-ui .op-task-name small{color:#8998a8;font-size:10px}
.ops-ui .op-task-form{display:flex;align-items:center;gap:7px;flex:none}
.ops-ui .op-task-form select{min-height:34px;width:auto;max-width:155px;font-size:11px;padding:6px 8px;border-radius:8px}
.ops-ui .op-task-form .op-button{min-height:34px;font-size:10px;padding:7px 10px}
.ops-ui .op-add-task{display:flex;align-items:end;gap:8px;margin-top:13px}
.ops-ui .op-add-task .op-field{flex:1}
.ops-ui .op-add-task .op-field input{min-height:40px}
.ops-ui .op-add-task .op-button{min-height:40px;flex:none}
.ops-ui .op-empty-mini{color:#8b9aae;background:#fbfcfe;border:1px dashed #dae3ed;border-radius:11px;font-size:12px;padding:17px}
.ops-ui .op-management{border-top:1px solid #e9eef4;margin-top:21px;padding-top:13px}
.ops-ui .op-management>summary,.ops-ui .op-more-details>summary{display:flex;gap:8px;align-items:center;color:#4b7091;font-size:12px;font-weight:760;list-style:none;cursor:pointer}
.ops-ui .op-management>summary::-webkit-details-marker,.ops-ui .op-more-details>summary::-webkit-details-marker{display:none}
.ops-ui .op-management>summary .op-svg:first-child{width:16px;height:16px}
.ops-ui .op-management>summary .op-svg:last-child,.ops-ui .op-more-details>summary .op-svg{margin-left:auto;width:15px;height:15px;transition:transform .18s}
.ops-ui .op-management[open]>summary .op-svg:last-child,.ops-ui .op-more-details[open]>summary .op-svg{transform:rotate(180deg)}
.ops-ui .op-management-body{border:1px solid #e7edf4;background:#f8fafc;padding:14px 16px;margin-top:14px;border-radius:11px}
.ops-ui .op-inline-form{display:flex;gap:11px;align-items:end;flex-wrap:wrap}
.ops-ui .op-inline-form .op-field{min-width:155px;flex:1 1 155px}
.ops-ui .op-inline-form .op-field select{min-height:39px;padding:8px 10px}
.ops-ui .op-inline-form .op-button{min-height:39px}
.ops-ui .op-checkline{display:flex;align-items:center;gap:7px;color:#55687b;font-size:12px;min-height:39px;cursor:pointer}
.ops-ui .op-account-row{display:flex;align-items:center;gap:8px;padding:14px 0;margin-top:15px;border-top:1px solid #ebeff4;color:#8a9bad;font-size:12px}
.ops-ui .op-account-row .op-svg{width:15px;height:15px}
.ops-ui .op-details{display:grid;gap:0;margin:18px 0 0}
.ops-ui .op-detail{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #eef1f5;min-width:0}
.ops-ui .op-detail dt{font-size:11px;color:#8b99aa;flex:1;min-width:0}
.ops-ui .op-detail dd{font-size:12px;font-weight:710;color:#2b4055;text-align:right;max-width:62%;margin:0;overflow-wrap:anywhere}
.ops-ui .op-more-details{margin-top:15px;padding:12px 0 0;border-top:1px solid #edf1f6}
.ops-ui .op-more-details .op-details{margin:12px 0 0}
.ops-ui .op-license-usage{padding:15px 0 2px;margin-top:15px;border-top:1px solid #eef2f6}
.ops-ui .op-license-usage>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#6a7e92;font-size:11px;font-weight:620}
.ops-ui .op-license-usage strong{font-size:21px;letter-spacing:-.035em;color:#254961}
.ops-ui .op-license-usage strong small{font-size:13px;color:#91a1b0}
.ops-ui .op-license-usage .op-license-bar{margin:10px 0 6px}
.ops-ui .op-license-usage>small{color:#8b9baa;font-size:10px}
.ops-ui .op-private-note{margin-top:15px;background:#f6f7f9;border:1px solid #edf0f4;border-radius:10px;padding:12px 14px;color:#677587}
.ops-ui .op-private-note>span{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:800;letter-spacing:.03em;color:#8493a2}
.ops-ui .op-private-note .op-svg{width:14px;height:14px}
.ops-ui .op-private-note p{font-size:12px;line-height:1.65;overflow-wrap:anywhere;margin:7px 0 0}
.ops-ui .op-card-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid #e9eef4;color:#7e90a0;font-size:11px}
.ops-ui .op-card-foot .op-svg{width:15px;height:15px;color:#35a072}
.ops-ui .op-archive-form{margin:0}
.ops-ui .op-archive-form .op-button{min-height:35px;font-size:11px;padding:7px 12px}
.ops-ui .op-contract-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:21px;background:#f7f9fc;border:1px solid #ebeff5;border-radius:12px;padding:18px}
.ops-ui .op-contract-info>div:not(:last-child){border-right:1px solid #dde6ef}
.ops-ui .op-contract-info span{display:block;font-size:11px;color:#8798a9;margin-bottom:6px}
.ops-ui .op-contract-info strong{display:block;font-weight:760;font-size:15px;color:#25405a;line-height:1.35;overflow-wrap:anywhere}
.ops-ui .op-contract-actions{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid #e9eef4}
.ops-ui .op-contract-actions .op-generate{margin-left:auto}
.ops-ui .op-info{display:flex;align-items:flex-start;gap:10px;margin:14px 0 24px;background:#eef5fa;border:1px solid #dce8f2;border-radius:12px;padding:14px 17px;color:#5c7184}
.ops-ui .op-info>.op-svg{width:18px;height:18px;color:#467da4;flex:none;margin-top:2px}
.ops-ui .op-info p{font-size:12px;line-height:1.7;margin:0}
.ops-ui .op-info strong{color:#304b64}
.ops-ui .op-info a{font-weight:740;color:#245d87;text-decoration:underline}
.ops-ui .op-inquiry-body{margin-top:20px;padding:16px 19px;background:#f7f9fc;border:1px solid #e9eef5;border-radius:11px}
.ops-ui .op-inquiry-body>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:780;color:#7a90a5}
.ops-ui .op-inquiry-body p{color:#4e6173;font-size:13px;line-height:1.75;margin:9px 0 0;overflow-wrap:anywhere;max-height:260px;overflow-y:auto}
.ops-ui .op-inquiry-actions{margin-top:18px}
.ops-ui .op-convert{margin-top:17px;border:1px solid #d9e5f0;border-radius:12px;overflow:hidden}
.ops-ui .op-convert>summary{display:flex;align-items:center;gap:9px;padding:14px 16px;background:#eff5fa;color:#376183;font-size:12px;font-weight:760;cursor:pointer;list-style:none}
.ops-ui .op-convert>summary::-webkit-details-marker{display:none}
.ops-ui .op-convert>summary>.op-svg:first-child{width:17px;height:17px}
.ops-ui .op-convert>summary>.op-svg:last-child{width:17px;height:17px;margin-left:auto;transition:transform .2s}
.ops-ui .op-convert[open]>summary>.op-svg:last-child{transform:rotate(180deg)}
.ops-ui .op-convert-body{padding:20px 22px;background:white;border-top:1px solid #e0e8ef}
.ops-ui .op-new-customer-fields{margin-top:18px}
.ops-ui .op-no-results,.ops-ui .op-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:49px 22px;border-radius:16px;background:#fff;border:1px dashed #d5e0ea;margin:16px 0}
.ops-ui .op-empty-icon,.ops-ui .op-no-results>.op-svg{display:grid;place-items:center;width:48px;height:48px;padding:12px;border-radius:14px;background:#eff5fa;color:#5f87a7;margin-bottom:13px}
.ops-ui .op-empty-icon .op-svg{width:23px;height:23px}
.ops-ui .op-no-results strong,.ops-ui .op-empty strong{color:#27415a;font-size:15px;font-weight:770}
.ops-ui .op-no-results p,.ops-ui .op-empty p{margin:7px 0 0;font-size:12px;color:#8797a8;max-width:480px;line-height:1.65}
.ops-ui [hidden]{display:none!important}
.ops-ui .op-timer-card{text-align:center;background:#fff;border:1px solid #e2eaf3;border-radius:22px;padding:42px 25px 34px;max-width:830px;margin:auto;box-shadow:var(--op-shadow)}
.ops-ui .op-live-indicator{display:inline-flex;align-items:center;gap:9px;color:#b16e12;background:#fff7e8;border:1px solid #f3e1bd;border-radius:99px;padding:8px 13px;font-size:11px;font-weight:800;letter-spacing:.035em}
.ops-ui .op-live-indicator>span{width:8px;height:8px;background:#e69723;box-shadow:0 0 0 4px #efa43226;border-radius:50%;animation:op-pulse 1.9s infinite}
.ops-ui .op-timer-card h2{font-size:21px;color:#20364d;margin:18px 0 5px}
.ops-ui .op-timer-card p{font-size:12px;color:#8b9aab}
.ops-ui .op-timer-card p .op-svg{width:15px;height:15px}
.ops-ui .op-timer-digits{font-variant-numeric:tabular-nums;font-size:clamp(42px,7vw,77px);letter-spacing:-.03em;line-height:1.2;font-weight:800;color:#17354c;margin:27px 0 0}
.ops-ui .op-timer-label{display:block;color:#99a6b2;letter-spacing:.09em;text-transform:uppercase;font-size:10px;margin-top:4px}
.ops-ui .op-timer-form{display:flex;justify-content:center;margin-top:28px}
.ops-ui .op-timer-form .op-button{min-width:230px}
.ops-ui .op-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes op-pulse{50%{box-shadow:0 0 0 8px #efa4320b}}
@media(max-width:1150px){.ops-ui .op-card-grid{grid-template-columns:1fr}.ops-ui .op-tabs a{padding:10px 11px}.ops-ui .op-tabs{gap:0}}
@media(max-width:900px){.ops-ui .op-page-head{align-items:flex-start;flex-direction:column}.ops-ui .op-page-cta{align-self:flex-start}.ops-ui .op-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-ui .op-inventory-card{padding:19px}.ops-ui .op-card-head{flex-wrap:wrap}}
@media(max-width:760px){body.ops-view .content{padding:19px 15px 55px}.ops-ui .op-page-head{min-height:0;padding:24px;border-radius:17px;gap:18px}.ops-ui .op-page-head h1{font-size:29px}.ops-ui .op-page-head p{font-size:12px}.ops-ui .op-page-cta{width:100%}.ops-ui .op-tabs{margin-bottom:20px}.ops-ui .op-metrics{gap:9px}.ops-ui .op-stat{padding:15px}.ops-ui .op-stat strong{font-size:25px}.ops-ui .op-stat-icon{width:34px;height:34px}.ops-ui .op-stat-icon .op-svg{width:18px;height:18px}.ops-ui .op-card-grid{grid-template-columns:1fr}.ops-ui .op-form-grid{grid-template-columns:1fr;gap:15px}.ops-ui .op-create-body{padding:19px}.ops-ui .op-create>summary{padding:17px 18px}.ops-ui .op-list-toolbar{flex-wrap:wrap;align-items:flex-start}.ops-ui .op-search-field{width:100%}.ops-ui .op-card{padding:19px}.ops-ui .op-progress-head{align-items:flex-start}.ops-ui .op-contract-info{gap:10px;padding:14px}.ops-ui .op-contract-info strong{font-size:13px}.ops-ui .op-task{flex-wrap:wrap}.ops-ui .op-task-form{width:100%;margin-left:38px}.ops-ui .op-task-form select{max-width:none;flex:1}.ops-ui .op-task-form .op-button{flex:none}.ops-ui .op-convert-body{padding:17px}}
@media(max-width:530px){.ops-ui .op-metrics{grid-template-columns:1fr}.ops-ui .op-stat{padding:14px 18px}.ops-ui .op-stat strong{font-size:25px}.ops-ui .op-stat-copy{gap:1px}.ops-ui .op-card-top{flex-wrap:wrap}.ops-ui .op-card h3{font-size:16px}.ops-ui .op-card-overline{font-size:9px}.ops-ui .op-task-form{margin-left:0}.ops-ui .op-add-task{flex-direction:column;align-items:stretch}.ops-ui .op-add-task .op-field{width:100%}.ops-ui .op-form-footer .op-button{width:100%}.ops-ui .op-form-footer>span{width:100%}.ops-ui .op-contract-info{grid-template-columns:1fr}.ops-ui .op-contract-info>div:not(:last-child){border-right:0;border-bottom:1px solid #e1e8ef;padding-bottom:12px}.ops-ui .op-inline-form{width:100%}.ops-ui .op-inline-form .op-button{width:100%}.ops-ui .op-contract-actions .op-generate{margin:0;width:100%}.ops-ui .op-contract-actions .op-generate .op-button{width:100%}.ops-ui .op-timer-card{padding:34px 18px}.ops-ui .op-card-identity{gap:10px}.ops-ui .op-card-icon{width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){.ops-ui *, .ops-ui *:before,.ops-ui *:after{animation:none!important;transition:none!important}}
/* A task status selection autosaves when JavaScript is available. Without JS the button remains. */
.ops-ui.js-ready .op-task-form .op-button{display:none}
.ops-ui.js-ready .op-task-form select{min-width:142px}

/* V6.0.4 – bewusst abgesicherte Löschaktionen für Projekte und Aufgaben. */
.ops-ui .op-button--danger{background:#a92f39;border-color:#a92f39;color:#fff;box-shadow:none}
.ops-ui .op-button--danger:hover{background:#8e2630;border-color:#8e2630;color:#fff}
.ops-ui .op-task-delete{position:relative;align-self:center;flex:none}
.ops-ui .op-task-delete>summary{list-style:none;cursor:pointer;color:#9c5155;border:1px solid #f0d9d9;border-radius:8px;padding:7px 9px;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;background:#fff9f9}
.ops-ui .op-task-delete>summary::-webkit-details-marker,.ops-ui .op-danger-zone>summary::-webkit-details-marker{display:none}
.ops-ui .op-task-delete>summary .op-svg{height:14px;width:14px}
.ops-ui .op-task-delete[open]>summary{background:#fceced}
.ops-ui .op-task-delete-panel{position:absolute;right:0;top:calc(100% + 7px);z-index:4;width:min(280px,calc(100vw - 45px));background:#fff;border:1px solid #edced2;border-radius:12px;padding:14px;box-shadow:0 16px 36px #223a5429}
.ops-ui .op-task-delete-panel p{font-size:12px;line-height:1.5;color:#596779;margin:0 0 11px}
.ops-ui .op-delete-form{display:grid;gap:11px}
.ops-ui .op-task-delete-panel .op-button{width:100%;font-size:11px;white-space:normal;min-height:36px}
.ops-ui .op-danger-zone{margin-top:20px;border:1px solid #f1d4d7;background:#fff;border-radius:12px;overflow:hidden}
.ops-ui .op-danger-zone>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:12px 14px;color:#973940;font-weight:750;font-size:12px}
.ops-ui .op-danger-zone>summary>.op-svg{width:16px;height:16px}
.ops-ui .op-danger-zone>summary>.op-svg:last-child{margin-left:auto;transition:transform .2s}
.ops-ui .op-danger-zone[open]>summary>.op-svg:last-child{transform:rotate(180deg)}
.ops-ui .op-danger-body{padding:15px 17px;border-top:1px solid #f1d4d7;background:#fffafa}
.ops-ui .op-danger-body strong{display:block;color:#82343d;font-size:13px}
.ops-ui .op-danger-body p{font-size:12px;color:#626e7c;line-height:1.65;margin:7px 0 15px}
.ops-ui .op-project-delete-form{max-width:410px}
.ops-ui .op-project-delete-form .op-field-label{color:#82343d}
.ops-ui .op-project-delete-form .op-button{justify-self:start}
@media(max-width:760px){.ops-ui .op-task-delete-panel{right:0}.ops-ui .op-task-delete{margin-left:auto}.ops-ui .op-project-delete-form .op-button{width:100%}}