/* Kramer Kundenportal 6.2.0: Projekt-Tickets und Kundenaufgaben */
.kp-ticket-project-field{display:flex;flex-direction:column;gap:8px}
.kp-ticket-project-field small{line-height:1.65;font-weight:400;color:#73869a}
.kp-ticket-project-note{background:#eff6fd;border:1px solid #cddfec;border-radius:12px;padding:13px 17px;margin:15px 0;color:#305271;font-size:13px;line-height:1.6}
.kp-ticket-project-note strong{color:#193d5d}
.kp-ticket-project-note a{color:#266da0;text-decoration:underline;font-weight:700}
.ops-ui .op-task{align-items:flex-start;flex-wrap:wrap}
.ops-ui .op-task-name{flex:1 1 260px;padding:2px 0}
.ops-ui .kp-customer-task-label{display:inline-flex!important;width:max-content;background:#edf5fb;color:#2b729e!important;padding:3px 8px;border:1px solid #dce8f4;border-radius:99px;margin:7px 0 0;font-size:10px;font-weight:750}
.ops-ui .kp-task-description{margin:8px 0 6px;line-height:1.6;color:#576e82;font-size:12px;white-space:normal;overflow-wrap:anywhere}
.ops-ui .kp-task-upload-link{display:inline-flex;gap:7px;align-items:center;line-height:1.45;margin:7px 0 5px;border:1px solid #b9d5e8;border-radius:9px;padding:9px 12px;color:#176795;background:#f1f8fd;font-size:12px;font-weight:750;text-decoration:none}
.ops-ui .kp-task-upload-link:hover{background:#e4f2fa;border-color:#8cbdd9}
.ops-ui .kp-task-upload-link .op-svg{width:15px;height:15px}
.ops-ui .kp-customer-task-reported{display:block!important;font-size:11px!important;color:#97610e!important;font-weight:650;margin:7px 0}
.ops-ui .kp-customer-complete{margin:5px 0;flex:none}
.ops-ui .kp-customer-complete .op-button{min-height:35px;padding:8px 12px;font-size:11px}
.ops-ui .kp-task-create{background:#f8fbfe;border:1px solid #dce6ef;border-radius:13px;margin:17px 0 8px;overflow:hidden}
.ops-ui .kp-task-create>summary{display:flex;align-items:center;gap:9px;padding:15px 17px;font-weight:750;color:#1d4a6c;cursor:pointer;list-style:none;font-size:12px}
.ops-ui .kp-task-create>summary::-webkit-details-marker{display:none}
.ops-ui .kp-task-create>summary .op-svg{width:16px;height:16px}
.ops-ui .kp-task-create[open]>summary{background:#eef6fc}
.ops-ui .kp-task-create-body{padding:16px 19px 19px;background:#fff;border-top:1px solid #dce6ef}
.ops-ui .kp-task-new-form,.ops-ui .kp-task-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;align-items:end}
.ops-ui .kp-task-new-form>label,.ops-ui .kp-task-edit-form>label{display:flex;flex-direction:column;gap:7px;font-weight:690;font-size:11px;color:#425972;min-width:0}
.ops-ui .kp-task-new-form>label:nth-of-type(1),.ops-ui .kp-task-new-form>label:nth-of-type(2),.ops-ui .kp-task-new-form>label:nth-of-type(3),.ops-ui .kp-task-new-form .kp-link-note,
.ops-ui .kp-task-edit-form>label:nth-of-type(1),.ops-ui .kp-task-edit-form>label:nth-of-type(2),.ops-ui .kp-task-edit-form>small{grid-column:1/-1}
.ops-ui .kp-task-new-form input:not([type=checkbox]),.ops-ui .kp-task-edit-form input:not([type=checkbox]),.ops-ui .kp-task-new-form textarea,.ops-ui .kp-task-edit-form textarea{min-width:0;width:100%;border:1px solid #cfdbe6;border-radius:9px;padding:10px 12px;background:#fff!important;color:#263e54!important;font:inherit;font-size:12px;line-height:1.5}
.ops-ui .kp-task-new-form textarea,.ops-ui .kp-task-edit-form textarea{resize:vertical;min-height:84px}
.ops-ui .kp-task-new-form input:focus,.ops-ui .kp-task-edit-form input:focus,.ops-ui .kp-task-new-form textarea:focus,.ops-ui .kp-task-edit-form textarea:focus{outline:2px solid #d0e3f2;border-color:#82aecf}
.ops-ui .kp-task-new-form .kp-task-checkbox,.ops-ui .kp-task-edit-form .kp-task-checkbox{display:flex;align-items:center;flex-direction:row;gap:9px;cursor:pointer;background:#f1f7fc;border:1px solid #dce7f1;padding:11px 12px;border-radius:9px;font-size:12px}
.ops-ui .kp-task-checkbox input{width:16px;height:16px;flex:none;accent-color:#3c83b0}
.ops-ui .kp-task-checkbox input:disabled+span{color:#9aa9b6}
.ops-ui .kp-link-note,.ops-ui .kp-task-edit-form>small{margin:0;color:#688197;font-size:11px;line-height:1.65}
.ops-ui .kp-task-create .op-button,.ops-ui .kp-task-edit .op-button{width:max-content;max-width:100%}
.ops-ui .kp-task-edit{flex:0 0 100%;background:#fff;border:1px solid #e4ebf3;border-radius:9px;min-width:0}
.ops-ui .kp-task-edit>summary{cursor:pointer;color:#3a688c;padding:9px 13px;font-size:11px;font-weight:720;list-style:none}
.ops-ui .kp-task-edit>summary::-webkit-details-marker{display:none}
.ops-ui .kp-task-edit[open]>summary{background:#eff6fc;border-radius:9px 9px 0 0}
.ops-ui .kp-task-edit-panel{padding:15px;background:#fcfdff;border-top:1px solid #e7edf3}
.ops-ui .kp-linked-ticket{display:inline-block;color:#2c759e;font-size:11px;font-weight:750;margin-top:8px;text-decoration:underline}
@media(max-width:760px){.ops-ui .kp-task-new-form,.ops-ui .kp-task-edit-form{grid-template-columns:1fr}.ops-ui .kp-task-new-form>label,.ops-ui .kp-task-edit-form>label{grid-column:1/-1}.ops-ui .kp-task-create-body{padding:14px}.ops-ui .kp-customer-complete{flex:1 1 100%}.ops-ui .kp-customer-complete .op-button{width:100%}}

/* Request rows from previous project workflow: clearer separation and mobile wrapping. */
.ops-ui .op-project{scroll-margin-top:22px}
.ops-ui .op-request-copy{min-width:0;overflow-wrap:anywhere}
.ops-ui .op-request-copy>strong{display:block;color:#2b4660;font-size:12px;margin:2px 0 5px}
.ops-ui .op-request-copy>small{display:block;color:#8091a4;font-size:10px;line-height:1.5}
.ops-ui .op-request-copy>p{line-height:1.6;margin:8px 0}
@media(max-width:530px){.ops-ui .op-request-row{display:flex;flex-wrap:wrap;gap:9px}.ops-ui .op-request-row .op-request-copy{flex:1 0 100%}.ops-ui .op-request-buttons{flex:1 0 100%;display:flex;flex-wrap:wrap;gap:7px}}