.clp-backdrop{position:fixed;inset:0;z-index:1600;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(22,43,43,.48);overflow:auto;box-sizing:border-box}
.clp-dialog{width:min(100%,560px);max-height:calc(100dvh - 44px);overflow:auto;padding:25px;background:#fff;border:1px solid #dce7e2;border-radius:16px;box-shadow:0 20px 70px #173b3a30;color:#243e3c;box-sizing:border-box}
.clp-page{width:100%;max-width:860px;padding:28px;background:#fff;border:1px solid #dce7e2;border-radius:14px;box-shadow:0 2px 12px #173b3a0a;color:#243e3c;box-sizing:border-box}
.clp-dialog *,.clp-page *{box-sizing:border-box}
.clp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.clp-header h3{font-size:23px;line-height:1.3;margin:0}
.clp-header p{font-size:14px;color:#6b8079;margin:7px 0 0}
.clp-dialog .field,.clp-page .field{display:flex;flex-direction:column;gap:8px;margin:0 0 20px}
.clp-dialog .field label,.clp-page .field label,.clp-product-tools>label{font-size:17px;font-weight:650;color:#49615b}
.clp-dialog input,.clp-dialog select,.clp-dialog textarea,.clp-page input,.clp-page select,.clp-page textarea{width:100%;min-height:50px;border:1px solid #c7d7d0;border-radius:8px;padding:12px;background:#fff;color:#243e3c;font:inherit;font-size:19px;line-height:1.4}
.clp-dialog textarea,.clp-page textarea{resize:vertical;min-height:100px}
.clp-dialog input:focus,.clp-dialog select:focus,.clp-dialog textarea:focus,.clp-page input:focus,.clp-page select:focus,.clp-page textarea:focus{outline:3px solid #c4e8df;outline-offset:1px;border-color:#108579}
.clp-dialog input:disabled,.clp-dialog select:disabled,.clp-dialog textarea:disabled,.clp-page input:disabled,.clp-page select:disabled,.clp-page textarea:disabled{background:#f4f7f5;color:#647a71;opacity:1}
.clp-dialog .btn,.clp-page .btn{min-height:48px;font-size:17px;padding:11px 18px}
.clp-dialog [hidden],.clp-page [hidden]{display:none!important}
.clp-product-tools{padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid #e2ebe6}
.clp-lookup-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;margin-top:9px}
.clp-lookup-row .btn{white-space:nowrap}
.clp-selected-row{display:flex;align-items:center;gap:12px;margin-top:12px}
.clp-selected{flex:1;min-width:0;font-size:17px;font-weight:650;color:#126b5f;overflow-wrap:anywhere}
.clp-selected-row .btn{margin-left:auto;min-height:38px;font-size:15px;padding:6px 10px}
.clp-size-hint{font-size:16px;color:#237366;font-weight:650}
.clp-composition-heading,.clp-composition-choice,.clp-composition-filters{display:flex;align-items:center;gap:10px}
.clp-composition-heading{justify-content:space-between}.clp-composition-heading .btn{min-height:40px;padding:7px 12px}
.clp-composition-choice{justify-content:space-between;flex-wrap:wrap}.clp-composition-choice input{flex:1;min-width:170px;max-width:280px}
.clp-page .clp-composition-filters .btn{min-height:40px;padding:7px 12px}.clp-composition-filters .btn[aria-pressed="true"]{background:#e5f3ed;color:#086d61}
.clp-recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:330px;overflow:auto;padding:2px}
.clp-recipe-card{border:1px solid #cdded5;border-radius:10px;background:#fff;overflow:hidden}.clp-recipe-card.selected{border:2px solid #078579;background:#edf8f2}
.clp-recipe-use{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;border:0;background:transparent;text-align:left;padding:14px;font-size:20px;font-weight:700;line-height:1.5;color:#254c43;white-space:pre-wrap;overflow-wrap:anywhere;cursor:pointer}
.clp-recipe-use small{font-size:13px;font-weight:400;color:#6a7e75}.clp-recipe-use:hover{background:#edf7f1}
.clp-page .clp-favorite{display:flex;align-items:center;gap:7px;padding:8px 14px;border-top:1px solid #e4ece7;font-size:14px;font-weight:400;color:#637b70;cursor:pointer}
.clp-page .clp-favorite input,.clp-page .clp-fiber-favorite input{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;padding:0;accent-color:#078579}
.clp-composition-empty{grid-column:1/-1;font-size:16px;color:#6d8077;line-height:1.6;padding:8px 0}
.clp-composition-custom{padding:16px;background:#f6f9f7;border:1px solid #dce7e1;border-radius:9px}
.clp-composition-modes{display:flex;gap:10px;margin-bottom:16px}
.clp-composition-modes .btn[aria-pressed="true"]{background:#e4f4ef;border-color:#78b3a4;color:#086d61}
.clp-fiber-row{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;align-items:center;gap:10px;margin-bottom:12px}
.clp-percent{position:relative}.clp-percent input{padding-right:30px}.clp-percent span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:18px;color:#647a71;pointer-events:none}
.clp-page .clp-fiber-row .btn{min-height:46px;padding:8px 10px;font-size:16px}
.clp-fiber-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;font-size:15px;color:#587267}.clp-fiber-toolbar span{margin-right:auto}
.clp-page .clp-fiber-toolbar .btn{min-height:36px;font-size:14px;padding:6px 9px}
.clp-fiber-choices{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 18px;max-height:300px;overflow:auto;padding:2px}.clp-page .clp-fiber-chip{border:1px solid #c1d6ca;border-radius:8px;background:white;padding:10px 14px;min-height:46px;font-size:18px;font-weight:650;color:#315b4d;cursor:pointer}
.clp-page .clp-fiber-chip[aria-pressed="true"]{border-color:#078579;background:#deefe5;color:#06694c}
.clp-fiber-manager{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;background:white;border:1px solid #d6e3da;border-radius:8px;padding:12px;margin-bottom:14px;max-height:300px;overflow:auto}
.clp-page .clp-fiber-favorite{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:400;line-height:1.5;cursor:pointer}
.clp-page .clp-add-fiber{padding:8px 2px;min-height:40px}.clp-save-composition{display:block;margin-top:14px}
.clp-composition-preview{padding:13px 15px;background:#edf6f1;border-radius:8px;font-size:20px;font-weight:650;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.clp-composition-note{font-size:16px;line-height:1.6;color:#237366}.clp-composition-note.bad{color:#a04431}.clp-composition-note:empty{display:none}
.clp-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:16px}
.clp-copies{max-width:190px}
.clp-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}
.clp-actions .primary{min-width:160px}
.clp-status{font-size:15px;line-height:1.65;color:#237366;white-space:pre-wrap;overflow-wrap:anywhere}
.clp-status:empty{display:none}
.clp-status.bad{color:#a04431}
@media(max-width:560px){.clp-backdrop{padding:12px}.clp-dialog{padding:20px;max-height:calc(100dvh - 24px);border-radius:12px}.clp-page{padding:20px;border-radius:12px}.clp-header{gap:12px}.clp-grid{grid-template-columns:1fr}.clp-actions{flex-wrap:wrap}.clp-actions .btn{flex:1;min-width:0}.clp-header .btn{padding:9px 12px}.clp-header h3{font-size:22px}.clp-lookup-row{grid-template-columns:1fr 1fr}.clp-lookup-row input{grid-column:1/-1}.clp-lookup-row .btn{padding:10px 12px}.clp-selected-row{align-items:flex-start}.clp-selected-row .btn{flex-shrink:0}}
@media(max-width:560px){.clp-composition-choice input{max-width:none;width:100%}.clp-composition-custom{padding:12px}.clp-recipe-grid{grid-template-columns:1fr 1fr;gap:8px}.clp-recipe-use{font-size:18px;padding:10px}.clp-page .clp-favorite{padding:8px 10px;font-size:13px}.clp-fiber-row{grid-template-columns:minmax(0,1fr) 100px;gap:8px}.clp-fiber-row .btn{grid-column:1/-1;justify-self:end;margin-top:-7px}.clp-composition-modes .btn{flex:1;padding:9px 11px}}

/* One working area: choose size and composition on the left, print on the right. */
.clp-page{max-width:1320px;padding:22px;min-width:0;container-type:inline-size;container-name:care-print-page}
.clp-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}
.clp-main{min-width:0}.clp-section{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #e1eae5}
.clp-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.clp-section-title h3{font-size:21px;line-height:1.4;margin:0;color:#234e43}.clp-section-title>span{font-size:14px;color:#70857b;white-space:nowrap}
.clp-product-tools{padding-bottom:14px;margin-bottom:20px}.clp-product-tools>label{font-size:16px}.clp-optional{font-size:13px;font-weight:400;color:#7d8e84;margin-left:7px}.clp-lookup-row{gap:9px;margin-top:7px}.clp-page .clp-lookup-row input{min-height:47px;padding:9px 12px;font-size:18px}.clp-page .clp-lookup-row .btn{min-height:47px;padding:8px 14px;font-size:17px}.clp-selected-row{margin-top:6px;min-height:0}.clp-selected-row:has(.clp-selected[hidden]){display:none}
.clp-segment{display:flex;border:1px solid #b8d1c5;border-radius:9px;padding:3px;background:#f1f6f2;gap:3px}.clp-page .clp-segment button{width:auto;min-height:39px;min-width:70px;border:0;background:transparent;padding:5px 15px;color:#4e6b5e;font-size:19px;font-weight:700;border-radius:6px;cursor:pointer}.clp-page .clp-segment button[aria-pressed=true]{background:#147961;color:#fff;box-shadow:0 2px 5px #153d2718}
.clp-size-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:10px;margin-bottom:17px}.clp-page .clp-size-buttons button{min-height:58px;padding:7px 4px;background:white;border:1px solid #c7d8ce;border-radius:9px;font-size:24px;font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px}.clp-page .clp-size-buttons button small{font-size:13px;font-weight:550}.clp-page .clp-size-buttons button[aria-pressed=true]{border-color:#087e64;background:#e0f1e7;color:#096b50;box-shadow:inset 0 0 0 1px #087e64}
.clp-page .clp-spec-field{margin:0}.clp-spec-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.clp-spec-heading span{font-size:14px;color:#718579;text-align:right}.clp-page .clp-spec-field input{font-size:23px;font-weight:650;min-height:50px;padding:9px 13px}.clp-size-hint{font-size:15px}
.clp-spec-value{position:relative;min-width:0}.clp-page .clp-spec-field .clp-spec-value input{padding-right:78px}.clp-spec-kind{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#466b5d;font-size:17px;font-weight:700;pointer-events:none;white-space:nowrap}
.clp-page .clp-composition{margin:0;gap:12px}.clp-composition-heading{gap:8px;flex-wrap:wrap}.clp-composition-heading label{margin-right:auto;font-size:21px!important;color:#234e43!important}.clp-page .clp-composition-heading .btn{min-height:38px;padding:6px 11px;font-size:16px}.clp-composition-choice{flex-wrap:nowrap;gap:9px}.clp-composition-choice input{min-width:100px;max-width:220px;min-height:41px;padding:7px 10px;font-size:16px}.clp-page .clp-composition-filters .btn{padding:6px 10px;min-height:40px;font-size:16px;white-space:nowrap}.clp-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:320px;gap:11px}.clp-recipe-use{font-size:21px;padding:12px 14px;gap:4px}.clp-recipe-use small{font-size:12px;color:#748478}.clp-recipe-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1ebe4;padding-right:9px}.clp-page .clp-recipe-tools .clp-favorite{border:0;padding:7px 11px;font-size:13px}.clp-recipe-delete{background:none;border:0;color:#8d766b;font-size:13px;padding:7px;cursor:pointer}.clp-recipe-delete:hover{color:#b64937}.clp-composition-preview{font-size:22px;padding:11px 14px;background:#e9f5ed;color:#155a42}.clp-page .clp-share-save{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:#597565}.clp-page .clp-share-save input{width:18px;min-height:18px;height:18px;accent-color:#078579}
.clp-print-panel{background:#f1f6f2;border:1px solid #d5e4da;border-radius:12px;padding:17px;display:flex;flex-direction:column;gap:13px;min-width:0}.clp-page .clp-print-panel .field{margin:0;gap:7px}.clp-print-panel .field label{font-size:15px}.clp-page .clp-print-panel select{font-size:16px;min-height:45px;padding:9px}.clp-print-panel .clp-copies{max-width:none}.clp-copy-stepper{display:grid;grid-template-columns:48px 1fr 48px;border:1px solid #bdcec3;border-radius:8px;overflow:hidden;background:white}.clp-page .clp-copy-stepper input,.clp-page .clp-copy-stepper button{border:0;border-radius:0;min-height:49px;padding:6px;text-align:center;font-size:25px;font-weight:700;min-width:0}.clp-copy-stepper input{appearance:textfield;-moz-appearance:textfield}.clp-copy-stepper input::-webkit-inner-spin-button{appearance:none}.clp-copy-stepper button{cursor:pointer;background:#fff}.clp-copy-stepper button:first-child{border-right:1px solid #d5e0d9}.clp-copy-stepper button:last-child{border-left:1px solid #d5e0d9}.clp-print-panel .clp-actions{display:flex;flex-direction:column;margin:0;gap:8px}.clp-print-panel .clp-actions .btn{width:100%;min-height:53px;font-size:21px;font-weight:700}.clp-print-panel .clp-actions #careLabelSample{min-height:28px;font-size:13px;font-weight:400;padding:3px 8px;color:#7c8c81}.clp-label-sheet{min-height:190px;background:#e7ede7;border-radius:8px;display:flex;justify-content:center;align-items:center;padding:12px;overflow:hidden}.clp-label-sheet img{display:block;width:auto;max-width:100%;height:auto;max-height:400px;background:white;box-shadow:0 3px 12px #173d2420}.clp-label-sheet>div{font-size:15px;color:#799084;text-align:center;padding:22px 8px;line-height:1.7}.clp-summary{font-size:13px;color:#6c8174;overflow-wrap:anywhere}.clp-print-panel .clp-section-title{margin:0}.clp-print-panel .clp-section-title h3{font-size:17px}.clp-print-panel .clp-status{font-size:14px}
@media(min-width:1000px){.clp-print-panel{position:sticky;top:18px}}
@media(max-width:1050px){.clp-workspace{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.clp-page{padding:18px}.clp-size-buttons{gap:8px}.clp-page .clp-size-buttons button{font-size:21px;min-height:54px}.clp-spec-heading{align-items:flex-start}.clp-spec-heading span{max-width:230px;font-size:13px}.clp-composition-choice{flex-wrap:wrap}.clp-composition-choice input{max-width:none;flex:1}}
@media(max-width:760px){.clp-workspace{grid-template-columns:1fr;gap:20px}.clp-print-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.clp-label-sheet{grid-column:2;grid-row:2/7;min-height:250px}.clp-print-panel>.clp-section-title{grid-column:2;grid-row:1}.clp-print-panel>.clp-summary{display:none}.clp-print-panel>.field{grid-column:1}.clp-print-panel>.clp-actions,.clp-print-panel>.clp-status{grid-column:1}.clp-label-sheet img{max-height:290px}.clp-recipe-grid{max-height:290px}.clp-page .clp-size-buttons button{min-height:55px;font-size:23px}}
@media(max-width:450px){.clp-page{padding:14px}.clp-size-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.clp-section-title{gap:8px}.clp-section-title h3{font-size:19px}.clp-spec-heading{display:block}.clp-spec-heading span{display:block;text-align:left;max-width:none;margin-top:3px}.clp-recipe-grid{gap:9px}.clp-recipe-use{font-size:18px;padding:10px}.clp-print-panel{padding:12px;gap:11px}.clp-page .clp-print-panel select{font-size:14px;padding:8px}.clp-print-panel .clp-actions .btn{font-size:18px;padding:10px}.clp-page .clp-copy-stepper input,.clp-page .clp-copy-stepper button{font-size:23px}.clp-copy-stepper{grid-template-columns:36px 1fr 36px}}

/* The chat drawer changes the content width without changing the viewport. */
.clp-recipe-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.clp-size-buttons{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}
@container care-print-page (max-width:760px){
  .clp-workspace{grid-template-columns:minmax(0,1fr);gap:20px}
  .clp-print-panel{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
  .clp-print-panel>.clp-section-title{grid-column:2;grid-row:1}
  .clp-label-sheet{grid-column:2;grid-row:2/7;min-height:250px}
  .clp-label-sheet img{max-height:320px}
  .clp-print-panel>.clp-summary{display:none}
  .clp-print-panel>.field,.clp-print-panel>.clp-actions,.clp-print-panel>.clp-status{grid-column:1}
  .clp-spec-heading{align-items:flex-start}
  .clp-spec-heading span{max-width:none;font-size:14px}
}
@container care-print-page (max-width:430px){
  .clp-composition-heading{align-items:center}
  .clp-composition-heading label{flex-basis:100%}
  .clp-spec-heading{display:block}
  .clp-spec-heading span{display:block;text-align:left;margin-top:4px}
  .clp-composition-choice{flex-wrap:wrap}
  .clp-composition-choice input{max-width:none;flex-basis:100%}
  .clp-print-panel{padding:12px;gap:10px}
  .clp-page .clp-copy-stepper input,.clp-page .clp-copy-stepper button{font-size:22px}
  .clp-copy-stepper{grid-template-columns:34px minmax(0,1fr) 34px}
  .clp-page .clp-print-panel select{font-size:14px}
  .clp-print-panel .clp-actions .btn{font-size:18px;min-width:0;padding:9px 5px}
  .clp-label-sheet{padding:8px}
}