/* MCT Project Tracking — private browser project library */
.tracking-library{width:min(100%,1040px);margin:clamp(20px,3vw,30px) auto 0;padding:clamp(22px,3.4vw,34px);border:1px solid rgba(145,173,255,.19);border-radius:18px;background:linear-gradient(145deg,rgba(13,31,68,.82),rgba(5,16,38,.88));box-shadow:0 22px 60px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)}
.tracking-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.tracking-library-heading h2{margin-top:9px;color:#f5f7ff;font:600 clamp(27px,4vw,38px)/1.1 "Space Grotesk",sans-serif;letter-spacing:-1.2px}
.tracking-library-heading h2 em{color:#91adff;font-family:Georgia,serif;font-weight:400}
.tracking-library-heading p{max-width:610px;margin-top:9px;color:#9aafd2;font-size:12px;line-height:1.8}
.tracking-library-count{display:grid;place-items:center;flex:0 0 66px;width:66px;height:66px;border:1px solid rgba(145,173,255,.25);border-radius:16px;background:rgba(145,173,255,.07)}
.tracking-library-count strong{color:#eaf0ff;font:600 24px/1 "Space Grotesk",sans-serif}
.tracking-library-count small{color:#91adff;font:700 8px/1 "Space Grotesk",sans-serif;letter-spacing:1.5px}
.saved-projects-list{display:grid;gap:10px}
.saved-project-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid rgba(145,173,255,.15);border-radius:12px;background:rgba(255,255,255,.025);transition:border-color .2s ease,background .2s ease}
.saved-project-card:hover{border-color:rgba(145,173,255,.38);background:rgba(65,103,184,.07)}
.saved-project-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(145,173,255,.22);border-radius:11px;color:#c9d7ff;background:rgba(92,130,255,.1);font:700 9px "Space Grotesk",sans-serif;letter-spacing:.5px}
.saved-project-copy{display:grid;gap:4px;min-width:0}
.saved-project-copy strong{overflow:hidden;color:#eef3ff;font:600 14px "Space Grotesk",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.saved-project-copy span{color:#91a7ce;font-size:11px}
.saved-project-copy code{color:#b9fd54;font:600 10px "DM Sans",sans-serif;letter-spacing:.08em;overflow-wrap:anywhere}
.saved-project-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.saved-project-actions button,.saved-project-submit{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid rgba(145,173,255,.25);border-radius:8px;color:#cbd8f5;background:rgba(255,255,255,.045);font:700 10px "DM Sans",sans-serif;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.saved-project-actions button:hover,.saved-project-submit:hover{transform:translateY(-1px);border-color:rgba(145,173,255,.58);background:rgba(92,130,255,.12)}
.saved-project-actions .saved-project-open,.saved-project-submit{border-color:rgba(145,173,255,.45);color:#071633;background:linear-gradient(135deg,#d0dcff,#8eacff)}
.saved-project-actions .saved-project-remove{width:36px;padding:0;color:#ffb4a2;font-size:18px}
.saved-projects-empty{display:grid;justify-items:center;gap:9px;padding:30px 18px;border:1px dashed rgba(145,173,255,.2);border-radius:12px;text-align:center}
.saved-projects-empty[hidden]{display:none!important}
.saved-projects-empty>span{color:#91adff;font-size:27px}
.saved-projects-empty strong{color:#eaf0ff;font:600 15px "Space Grotesk",sans-serif}
.saved-projects-empty p{max-width:420px;color:#91a7ce;font-size:11px;line-height:1.8}
.saved-project-submit{gap:14px;min-height:40px;margin-top:5px;text-decoration:none}
.tracking-library-note{margin-top:16px;color:#7288ad;font-size:10px;line-height:1.7}
@media(max-width:680px){.tracking-library{margin-top:28px;padding:21px 15px;border-radius:14px}.tracking-library-heading{align-items:flex-start}.tracking-library-count{flex-basis:54px;width:54px;height:54px;border-radius:13px}.saved-project-card{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:12px}.saved-project-mark{width:36px;height:36px}.saved-project-actions{grid-column:1/-1;justify-content:flex-start;padding-left:47px}.saved-project-actions button{min-height:38px;font-size:11px}.saved-project-copy strong{font-size:13px}}
@media(max-width:380px){.saved-project-actions{padding-left:0}.saved-project-actions button{padding:0 9px}.tracking-library-heading p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.saved-project-card,.saved-project-actions button,.saved-project-submit{transition:none}.saved-project-actions button:hover,.saved-project-submit:hover{transform:none}}


/* Saved project tools */
.tracking-library-tools{display:grid;grid-template-columns:minmax(0,1fr) 190px auto auto;gap:9px;margin:0 0 13px}
.tracking-library-search input,.tracking-library-filter select{width:100%;height:40px;min-width:0;padding:0 12px;border:1px solid rgba(145,173,255,.2);border-radius:9px;outline:none;background:rgba(3,15,37,.65);color:#eaf0ff;font:500 11px "DM Sans",sans-serif}
.tracking-library-search input:focus,.tracking-library-filter select:focus{border-color:#86a8ff;box-shadow:0 0 0 3px rgba(92,130,255,.12)}
.tracking-library-search input::placeholder{color:#7288ad}
.tracking-library-export{min-height:40px;padding:0 13px;border:1px solid rgba(145,173,255,.25);border-radius:9px;background:rgba(92,130,255,.1);color:#cbd8f5;font:700 10px "DM Sans",sans-serif;cursor:pointer}
.tracking-library-export:hover{border-color:rgba(145,173,255,.55);background:rgba(92,130,255,.18)}
.tracking-library-no-results{padding:20px;color:#91a7ce;text-align:center;font-size:11px}
.tracking-library-no-results[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:680px){.tracking-library-tools{grid-template-columns:1fr 1fr}.tracking-library-search{grid-column:1/-1}.tracking-library-export{grid-column:1/-1}.tracking-library-tools input,.tracking-library-tools select,.tracking-library-export{min-height:42px}}
@media(max-width:380px){.tracking-library-tools{grid-template-columns:1fr}.tracking-library-search,.tracking-library-export{grid-column:auto}}

/* Manually link a previously submitted project to the signed-in MCT account */
.tracking-library-add{min-height:40px;padding:0 13px;border:1px solid rgba(185,253,84,.3);border-radius:9px;background:rgba(185,253,84,.08);color:#d7ffad;font:700 10px "DM Sans",sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease}
.tracking-library-add:hover:not(:disabled){background:rgba(185,253,84,.15);border-color:rgba(185,253,84,.6)}
.tracking-library-add:disabled{opacity:.45;cursor:not-allowed}
.tracking-add-form{margin:0 0 14px;padding:17px;border:1px solid rgba(145,173,255,.22);border-radius:12px;background:rgba(4,17,41,.72)}
.tracking-add-form[hidden]{display:none!important}
.tracking-add-copy{display:grid;gap:5px;margin-bottom:12px}
.tracking-add-copy strong{color:#eef3ff;font:600 13px "Space Grotesk",sans-serif}
.tracking-add-copy span{color:#91a7ce;font-size:11px;line-height:1.6}
.tracking-add-controls{display:flex;gap:9px}
.tracking-add-controls input{flex:1;min-width:0;height:42px;padding:0 12px;border:1px solid rgba(145,173,255,.25);border-radius:9px;outline:none;background:#071832;color:#fff;font:600 12px "DM Sans",sans-serif;letter-spacing:.05em}
.tracking-add-controls input:focus{border-color:#86a8ff;box-shadow:0 0 0 3px rgba(92,130,255,.12)}
.tracking-add-controls button{min-width:112px;padding:0 14px;border:0;border-radius:9px;background:linear-gradient(110deg,#245bda,#6388ff);color:#fff;font:700 11px "DM Sans",sans-serif;cursor:pointer}
.tracking-add-controls button:disabled{opacity:.6;cursor:wait}
.tracking-add-form>p{min-height:16px;margin:9px 0 0;color:#b9fd54;font-size:11px;line-height:1.6}
@media(max-width:680px){.tracking-library-tools{grid-template-columns:1fr 1fr}.tracking-library-add,.tracking-library-export{grid-column:1/-1;min-height:42px}.tracking-add-controls{flex-direction:column}.tracking-add-controls button{min-height:42px}}

.tracking-add-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.tracking-add-fields label{display:grid;gap:6px;color:#a9bbdc;font-size:10px;font-weight:700;letter-spacing:.04em}
.tracking-add-fields input{width:100%;min-width:0;height:42px;padding:0 12px;border:1px solid rgba(145,173,255,.25);border-radius:9px;outline:none;background:#071832;color:#fff;font:600 12px "DM Sans",sans-serif}
.tracking-add-fields input:focus{border-color:#86a8ff;box-shadow:0 0 0 3px rgba(92,130,255,.12)}
.tracking-add-submit-row{display:flex;justify-content:flex-end;margin-top:11px}
.tracking-add-submit-row button{min-height:42px;padding:0 18px;border:0;border-radius:9px;background:linear-gradient(110deg,#245bda,#6388ff);color:#fff;font:700 11px "DM Sans",sans-serif;cursor:pointer}
.tracking-add-submit-row button:disabled{opacity:.6;cursor:wait}
@media(max-width:680px){.tracking-add-fields{grid-template-columns:1fr}.tracking-add-submit-row button{width:100%}}

/* In-page confirmation for removing a saved project */
.tracking-confirm-overlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px;background:rgba(1,8,23,.78);backdrop-filter:blur(10px)}
.tracking-confirm-overlay[hidden]{display:none!important}
.tracking-confirm-dialog{width:min(100%,420px);padding:27px;border:1px solid rgba(145,173,255,.28);border-radius:18px;background:linear-gradient(145deg,#10264f,#07152e);box-shadow:0 28px 90px rgba(0,0,0,.5);text-align:center;animation:trackingDialogIn .2s ease-out}
.tracking-confirm-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 13px;border:1px solid rgba(255,126,105,.4);border-radius:50%;color:#ffb4a2;background:rgba(255,126,105,.1);font:700 20px "Space Grotesk",sans-serif}
.tracking-confirm-dialog h2{color:#f3f6ff;font:600 20px "Space Grotesk",sans-serif}
.tracking-confirm-dialog p{margin:10px 0 20px;color:#a7b8d8;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.tracking-confirm-actions{display:flex;justify-content:center;gap:9px}
.tracking-confirm-actions button{min-height:41px;padding:0 16px;border:1px solid rgba(145,173,255,.25);border-radius:9px;color:#d5e0f8;background:rgba(255,255,255,.05);font:700 11px "DM Sans",sans-serif;cursor:pointer}
.tracking-confirm-actions button:last-child{border-color:rgba(255,126,105,.45);color:#fff;background:linear-gradient(110deg,#a83b3b,#e35e50)}
.tracking-confirm-actions button:disabled{opacity:.55;cursor:wait}
@keyframes trackingDialogIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:420px){.tracking-confirm-dialog{padding:23px 18px}.tracking-confirm-actions{flex-direction:column-reverse}.tracking-confirm-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.tracking-confirm-dialog{animation:none}}


/* Help customers who cannot remember their original project details. */
.tracking-add-help{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 15px;padding:12px 14px;border:1px solid rgba(105,145,255,.2);border-radius:12px;background:rgba(25,62,132,.16)}
.tracking-add-help>span{color:#c6d5f2;font-size:12px;font-weight:600}
.tracking-add-help a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 13px;border:1px solid rgba(105,145,255,.42);border-radius:9px;background:rgba(49,94,202,.2);color:#dce7ff;text-decoration:none;font:700 11px "DM Sans",sans-serif;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.tracking-add-help a:hover{background:rgba(49,94,202,.38);border-color:rgba(130,165,255,.7);transform:translateY(-1px)}
.tracking-add-help a:focus-visible{outline:2px solid #8eafff;outline-offset:3px}
@media(max-width:480px){.tracking-add-help{align-items:stretch}.tracking-add-help a{width:100%}}

/* Direct shortcut to the MCT account email-verification card. */
.tracking-verify-email-link { display: inline-flex; align-items: center; gap: 5px; margin-left: 4px; color: #8eafff; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(142,175,255,.55); text-underline-offset: 3px; }
.tracking-verify-email-link:hover { color: #fff; text-decoration-color: currentColor; }
.tracking-verify-email-link:focus-visible { outline: 2px solid #8eafff; outline-offset: 4px; border-radius: 3px; }

/* Field-specific validation feedback for linking older projects. */
.tracking-add-fields label.has-field-error { color: #ffaaa6; }
.tracking-add-fields input[aria-invalid="true"] { border-color: #ff716b !important; box-shadow: 0 0 0 3px rgba(255, 113, 107, .13); }
.tracking-field-error { display: block; margin-top: 7px; color: #ffaaa6; font-size: .78rem; line-height: 1.45; font-weight: 600; }