/* One personal list, with the existing installation milestones on linked records. */
#page .myq-screen{max-width:900px;margin:0 auto}
#page .myq-sections{display:grid;gap:14px}
#page .myq-section{background:#fff;border:1px solid #e6e2eb;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #34234f05}
#page .myq-section>summary{display:flex;align-items:center;gap:12px;min-height:64px;padding:14px 18px;cursor:pointer;list-style:none;background:linear-gradient(108deg,#fff5e9,#fff0f6 33%,#f5efff 60%,#ebf7ff 85%,#eefaf3);border-bottom:1px solid #ece7ef}
#page .myq-section>summary::-webkit-details-marker{display:none}
#page .myq-section h2{font-size:24px;line-height:1.2;margin:0;color:#302438;font-weight:700;flex:1}
#page .myq-count{font-size:15px;color:#665b71;font-variant-numeric:tabular-nums}
#page .myq-chevron{font-size:25px;color:#766481;transform:rotate(90deg)}
#page .myq-section:not([open]) .myq-chevron{transform:none}
#page .myq-section:not([open])>summary{border-bottom:0}
#page .myq-records{list-style:none;margin:0;padding:0}
#page .myq-record{padding:13px 18px 16px;border-bottom:1px solid #eeeaf1;min-width:0}
#page .myq-record:last-child{border-bottom:0}
#page .myq-record-heading{display:flex;align-items:flex-start;gap:10px;min-width:0}
#page .myq-record-heading>button{display:block;flex:1;min-width:0;min-height:44px;padding:6px 0;background:none;border:0;box-shadow:none;font-size:18px;font-weight:650;line-height:1.3;text-align:left;color:#33263e;white-space:normal;overflow-wrap:anywhere}
#page .myq-record-heading>button:focus-visible,#page .myq-section>summary:focus-visible,#page .myq-more:focus-visible{outline:3px solid #7953bc;outline-offset:2px}
#page .myq-record-heading>[data-message-open]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#page .myq-status{font-size:13px;line-height:1.4;font-weight:600;padding:5px 9px;margin-top:8px;background:#f3eff8;color:#584466;border-radius:8px;max-width:45%;overflow-wrap:anywhere}
#page .myq-record-meta{font-size:14px;line-height:1.45;color:#726779;margin:0 0 10px;overflow-wrap:anywhere}
#page .myq-progress-caption{display:flex;gap:10px;justify-content:space-between;align-items:baseline;font-size:12px;line-height:1.4;color:#807486;margin-bottom:5px}
#page .myq-progress-caption strong{font-size:12px;font-weight:600;color:#5d4d69;text-align:right}
#page .myq-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;list-style:none;margin:0;padding:0;width:100%}
#page .myq-track>li,#page .myq-track>i{height:6px;background:#ece8f0;border-radius:4px}
#page .myq-track>li.done{background:#b4cbbb}
#page .myq-track>li.current{background:linear-gradient(90deg,#f5a250,#e470a2,#9774d0,#64afcd,#76b49b);box-shadow:0 0 0 1px #b393c424}
#page .myq-no-install{display:flex;flex-direction:column;gap:4px}
#page .myq-no-install small,#page .myq-stage-note{font-size:12px;line-height:1.4;color:#938896}
#page .myq-installation+.myq-installation{margin-top:10px}
#page .myq-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}
#page .myq-row-actions{margin-top:10px}
#page .myq-row-actions button{min-height:44px}
#page .myq-empty{padding:16px 18px;margin:0;color:#827688;font-size:15px}
#page .myq-more{width:100%;min-height:44px;text-align:center;border:0;border-top:1px solid #ece7ef;background:#fff;color:#71518c;font-size:15px;padding:10px}
@media(max-width:600px){#page .myq-section>summary{padding:14px 15px}#page .myq-record{padding-left:15px;padding-right:15px}#page .myq-section h2{font-size:23px}}
@media print{#page .myq-section{break-inside:avoid;box-shadow:none}.myq-more{display:none!important}}

/* Compact scan rows without changing Home. */
#page .myq-sections{gap:8px}#page .myq-section{border-radius:12px}
#page .myq-section>summary{min-height:56px;padding:10px 14px;gap:10px}
#page .myq-section h2{font-size:19px!important;line-height:1.25}
#page .myq-record{padding:10px 14px 12px}#page .myq-record-meta{margin-bottom:5px}
#page .myq-next{font-size:14px;line-height:1.4;color:#56455f;margin:4px 0 9px}

/* One header line and distinct document facts. */
#page .myq-section>summary{display:flex!important;align-items:center;list-style:none!important;gap:8px;min-height:48px}
#page .myq-section>summary::marker{content:""}#page .myq-section>summary::-webkit-details-marker{display:none}
#page .myq-section>summary h2{display:inline!important;margin:0!important;flex:1;min-width:0;font-size:17px!important}
#page .myq-chevron{flex:0 0 14px;font-size:21px;line-height:1}
#page .myq-count{flex:0 0 auto;font-size:13px}
#page .myq-records{list-style:none!important;padding:0!important}
#page .myq-record-heading{display:block!important;margin-bottom:2px}
#page .myq-record-heading button{padding:0 0 3px;text-align:left;min-height:36px;font-size:15px;line-height:1.35}
#page .myq-record .myq-status{display:block!important;margin:2px 0;background:none;padding:0;border:0;color:#64536d;font-size:13px;font-weight:400}
#page .myq-record-meta,#page .myq-next{display:block;margin:3px 0!important;font-size:13px;line-height:1.4}

.myq-mailbox{font-size:13px!important;margin:10px 0 4px!important;color:#64536d}

.home-session-tools{display:flex!important;justify-content:center;gap:20px;margin:14px 0 6px!important}
.home-session-tools button{appearance:none!important;font:inherit!important;font-size:13px!important;font-weight:500!important;color:#655a70!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:44px;padding:8px 10px!important;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.home-session-tools button:focus-visible{outline:2px solid #7953bc;outline-offset:2px}
.home-session-tools svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.6;fill:none}
.mobile-bottom-nav button[data-nav="overview"]{background:transparent!important;box-shadow:none!important;border-color:transparent!important;border-radius:0!important;color:#756880!important;font-weight:500!important;filter:none!important}
.mobile-bottom-nav button[data-nav="overview"]::before,.mobile-bottom-nav button[data-nav="overview"]::after{display:none!important}
.mobile-bottom-nav button[data-nav="overview"][aria-current="page"]{color:#624584!important}

.account-dropdown{position:relative;overflow:visible!important}.account-dropdown>summary{display:flex!important;align-items:center;gap:5px;list-style:none!important;cursor:pointer;min-height:44px;padding:4px 0!important;background:transparent!important;border:0!important;color:#343045!important;font-size:13px!important}.account-dropdown>summary::-webkit-details-marker{display:none}.account-dropdown>summary::after{display:none!important}.account-dropdown-options{position:absolute;top:100%;right:0;z-index:1000;min-width:132px;padding:4px;background:white;border:1px solid #e6e2eb;border-radius:10px;box-shadow:0 5px 16px #30243815}.account-dropdown-options button{display:block;width:100%;text-align:left;min-height:44px;padding:8px 12px;border:0;background:white;color:#51425d;font-size:13px;box-shadow:none;border-radius:6px}.account-dropdown-options button:hover{background:#f7f3fb}.touch-current{overflow:visible!important}.touch-header{overflow:visible!important}@media print{.account-dropdown{display:none!important}}

/* Icon-only phone navigation retains readable names for assistive technology. */
.mobile-bottom-nav .nav-label{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}
.mobile-bottom-nav button>svg,.mobile-bottom-nav .mobile-more-icon{width:30px!important;height:30px!important}
.mobile-bottom-nav .nav-q-icon{font-size:32px!important;font-weight:650!important;line-height:1!important;color:#7657ad}
.mobile-bottom-nav .mobile-charlotte .charlotte-flame-image,.mobile-bottom-nav .mobile-charlotte img{width:34px!important;height:38px!important;object-fit:contain}
.mobile-bottom-nav button{min-height:48px!important;gap:0!important}
.mobile-bottom-nav .mobile-charlotte .active-flame{width:38px!important;height:40px!important;flex-shrink:0}.mobile-bottom-nav .mobile-charlotte .active-flame img{width:34px!important;height:38px!important}

.mobile-bottom-nav .nav-label,.mobile-bottom-nav [data-assistant-name]{display:none!important}
.mobile-bottom-nav .mobile-charlotte .active-flame,.mobile-bottom-nav .mobile-charlotte .active-flame img{width:30px!important;height:30px!important}

/* Progress fills follow the destination flame; the caption names the current status. */
#page .myq-section{--myq-progress-color:#e78135}
#page .myq-section[data-myq-section="estimates"]{--myq-progress-color:#df4ca5}
#page .myq-section[data-myq-section="jobs"]{--myq-progress-color:#c7a51f}
#page .myq-section[data-myq-section="escalations"]{--myq-progress-color:#e78135}
#page .myq-section[data-myq-section="messages"]{--myq-progress-color:#9854cf}
#page .myq-section[data-myq-section="calendar"]{--myq-progress-color:#35b48c}
#page .myq-section[data-myq-section="approvals"]{--myq-progress-color:#24aaca}
#page .myq-track>li.done,#page .myq-track>li.current{background:var(--myq-progress-color)!important;box-shadow:none!important}
#page .myq-progress-caption strong{color:var(--myq-progress-color);font-weight:650}

/* Compact queue rows and hierarchy. */
#page .myq-section:not([data-myq-section="jobs"]){border-radius:12px}
#page .myq-section:not([data-myq-section="jobs"])>summary{min-height:46px;padding:9px 12px;gap:8px}
#page .myq-section:not([data-myq-section="jobs"]) h2{font-size:17px;line-height:1.25}
#page .myq-section:not([data-myq-section="jobs"]) .myq-count{font-size:12px}
#page .myq-section:not([data-myq-section="jobs"]) .myq-chevron{font-size:19px}
#page .myq-section:not([data-myq-section="jobs"]) .myq-record{padding:10px 12px 12px}
#page .myq-section:not([data-myq-section="jobs"]) .myq-record-heading{align-items:center;gap:8px}
#page .myq-section:not([data-myq-section="jobs"]) .myq-record-heading>strong{font-size:14px;line-height:1.3;flex:1;min-width:0}
#page .myq-section:not([data-myq-section="jobs"]) .myq-record-heading>button{font-size:14px;min-height:36px;padding:3px 0;line-height:1.3}
#page .myq-section:not([data-myq-section="jobs"]) .myq-record-heading>strong+button{flex:0 0 auto;font-size:12px;min-height:36px;padding:3px 6px;color:#70518e}
#page .myq-section:not([data-myq-section="jobs"]) .myq-status{font-size:12px;line-height:1.3;margin:5px 0;padding:3px 7px;max-width:100%;width:fit-content;border-radius:5px}
#page .myq-section:not([data-myq-section="jobs"]) .myq-record-meta{font-size:11px;line-height:1.4;margin:3px 0 6px}
#page .myq-section:not([data-myq-section="jobs"]) .myq-next{font-size:12px;line-height:1.4;margin:4px 0 6px}
#page .myq-section:not([data-myq-section="jobs"]) .myq-progress-caption,#page .myq-section:not([data-myq-section="jobs"]) .myq-progress-caption strong{font-size:11px;line-height:1.3}
#page .myq-section:not([data-myq-section="jobs"]) .myq-progress-caption{margin-bottom:4px}
#page .myq-section:not([data-myq-section="jobs"]) .myq-track>li{height:5px}
#page .myq-section:not([data-myq-section="jobs"]) .myq-empty{font-size:13px;padding:9px 12px;margin:0}

#page .myq-section[data-myq-section="myEscalations"]{--myq-progress-color:#e78135}

/* Quiet living boundary between manager decisions and personal work. */
#page .myq-work-divider{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 10px 3px;color:#81728e;font-size:11px;font-weight:600;letter-spacing:.04em}


/* Restrained rainbow hierarchy for My Q only. */
#page .myq-work-divider{padding:9px 10px;gap:0}
#page .myq-fire-line{width:100%;height:3px;border-radius:3px;background:linear-gradient(90deg,#f2a14b,#dd63ab,#9567ce,#4daecb,#58b792);opacity:.75;animation:none}
#page .myq-fire-line::before,#page .myq-fire-line::after{content:none}
#page .myq-section{border:1px solid #ece7ef;border-left:3px solid var(--myq-progress-color);background:#fff;box-shadow:none}
#page .myq-section>summary{background:#fff;border-bottom-color:#f0edf3}
#page .myq-section h2{color:#382c42}
#page .myq-section .myq-count{color:var(--myq-progress-color);font-weight:650;background:color-mix(in srgb,var(--myq-progress-color) 9%,white);border-radius:6px;min-width:22px;padding:2px 5px;text-align:center}
#page .myq-section .myq-chevron{color:var(--myq-progress-color)}

/* Larger Charlotte artwork within the equal navigation target. */
.mobile-bottom-nav .mobile-charlotte .active-flame,.mobile-bottom-nav .mobile-charlotte .active-flame img{width:38px!important;height:42px!important;object-fit:contain!important}

#page .myq-section[data-myq-section="messages"] .myq-record-heading>button{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:15px;font-weight:500;line-height:1.5;white-space:pre-wrap;min-height:36px;color:#382c42;padding:0 0 5px}
#page .myq-message-stamp{font-size:12px;line-height:1.4;color:#6b5877;margin:3px 0 6px}
#page .myq-message-people{font-size:12px;line-height:1.5;color:#594a63;margin:0}

#page .myq-message-people{margin-bottom:7px}

#page .myq-message-people{font-size:13px;margin-bottom:2px}
#page .myq-message-open{display:inline-flex;align-items:center;gap:12px;border:1px solid #e7d9f0;border-radius:16px;background:#f8f2fc;color:#754393;font-size:13px;font-weight:600;padding:7px 12px;min-height:36px;box-shadow:none}
#page .myq-message-attachments{display:grid;gap:5px;margin-top:7px}
#page .myq-message-attachment{display:block;text-align:left;white-space:normal;overflow-wrap:anywhere;border:0;background:none;padding:4px 0;color:#754393;font-size:12px;line-height:1.4;box-shadow:none}

#page .myq-message{display:flex;gap:10px;align-items:center}
#page .myq-message-main{flex:1;min-width:0}
#page .myq-message-actions{flex:none}
#page .myq-message-open{min-height:44px}
#page .myq-message-clue{font-size:12px;line-height:1.4;color:#594a63;margin:5px 0 0;overflow-wrap:anywhere}
#page .myq-message-attachments{margin-top:3px}

/* Readable message metadata within the compact queue row. */
#page .myq-message-people{font-size:15px;line-height:1.4}
#page .myq-message-stamp{font-size:14px;line-height:1.4;margin:3px 0 5px}
#page .myq-message-clue,#page .myq-message-attachment{font-size:14px;line-height:1.45}
#page .myq-message-open{font-size:14px;padding:7px 10px}

#page .myq-message-attachment{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:550;line-height:1.4;color:#59426e;min-height:44px;padding:3px 0}
#page .myq-message-attachment svg{width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#page .myq-message-open{background:none;border:0;border-radius:0;box-shadow:none;color:#8256a2;font-size:15px;font-weight:550;padding:8px 3px;gap:7px;min-height:44px}
#page .myq-message-open:hover{background:#faf6fd;border-radius:6px}
#page .myq-message-open:focus-visible,#page .myq-message-attachment:focus-visible{outline:2px solid #9854cf;outline-offset:2px}

#page .myq-message-actions{display:flex;flex-direction:column;align-items:flex-end}
#page .myq-message-remove{border:0;background:none;box-shadow:none;color:#786884;font-size:11px;padding:4px 3px;min-height:44px;white-space:nowrap}
#page .myq-message-remove:focus-visible{outline:2px solid #9854cf;outline-offset:2px}
/* Estimate queue details stay readable beside the editable estimate. */
@media screen {
 #page .myq-section[data-myq-section="estimates"] .myq-record-meta,
 #page .myq-section[data-myq-section="estimates"] .myq-next,
 #page .myq-section[data-myq-section="estimates"] .myq-status,
 #page .myq-section[data-myq-section="estimates"] .myq-progress-caption,
 #page .myq-section[data-myq-section="estimates"] .myq-progress-caption strong {font-size:14px;line-height:1.45;}
}

.mobile-bottom-nav .nav-q-icon{background:linear-gradient(120deg,#fa9020,#e92389,#6a3df5,#14afe2,#22b975);background-clip:text;-webkit-background-clip:text;color:transparent!important}

/* Keep every permitted queue item reachable without growing the whole page. */
.myq-section .myq-records{max-height:min(65vh,40rem);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;}
.myq-section .myq-records:focus-visible{outline:2px solid var(--primary,#703fb5);outline-offset:2px;}
@media print{.myq-section .myq-records{max-height:none;overflow:visible;}}

/* Estimate cards share the Estimates list renderer and visual hierarchy. */
#page .myq-section .myq-record.myq-estimate-record{padding:0}
#page .myq-estimate-record .estimate-browse-row{border-radius:0}
#page .myq-estimate-review{padding:0 12px 10px}
#page .myq-estimate-review:empty{display:none}
