/* Project Management classic skin (2026-10-27)
   Close to the legacy Ext JS look: keeps the Ext grid, toolbars and windows,
   adds saved-view buttons, status pills, late dates, page totals and a side menu
   on the large forms. Prefix: itg-pm-. Loaded by XDCoreApp.util.Util.pmClassicCss(). */

/* ---------- saved-view toolbar (below the filter toolbar) ---------- */
.itg-pm-views{background:#fff!important;background-image:none!important;border-bottom:1px solid #c5d0e0!important;padding:3px 6px!important}
.itg-pm-vlabel{color:#4b5563;font-size:12px;padding-right:2px}
.itg-pm-views .x-btn.itg-pm-view{border-radius:3px}
.itg-pm-views .x-btn.itg-pm-view .x-btn-inner{font-size:12px}
.itg-pm-views .x-btn-pressed.itg-pm-view,.itg-pm-views .x-btn-pressed.itg-pm-view .x-btn-tc,.itg-pm-views .x-btn-pressed.itg-pm-view .x-btn-mc{background-color:#dfe8f6!important}
.itg-pm-views .x-btn-pressed.itg-pm-view .x-btn-inner{color:#15428B;font-weight:bold}

/* ---------- grid cells ---------- */
.itg-pm-pill{display:inline-block;font-size:11px;font-weight:bold;line-height:16px;padding:0 6px;border-radius:3px;background:#e8f0fb;color:#15428B;white-space:nowrap}
.itg-pm-pill.ok{background:#e6f4ea;color:#15803d}
.itg-pm-pill.warn{background:#fef3c7;color:#92400e}
.itg-pm-pill.bad{background:#fde8e8;color:#b91c1c}
.itg-pm-pill.off{background:#eef0f3;color:#4b5563}
.itg-pm-pill.teal{background:#e0f2f5;color:#0e7490}
.itg-pm-late{color:#b91c1c;font-weight:bold}
.itg-pm-tot{font-weight:bold;color:#15428B;font-size:12px}

/* ---------- forms: side menu in the legacy tree style ---------- */
.itg-pm-classic .itg-mf-nav{background:#fff;border:1px solid #99bbe8;border-right:1px solid #99bbe8;padding:0;margin-right:6px}
.itg-pm-classic .itg-mf-nav-g{margin:0;padding:3px 8px;font-size:12px;letter-spacing:0;text-transform:none;font-weight:bold;color:#15428B;background:linear-gradient(#f1f5fb,#dfe8f6);border-bottom:1px solid #c5d5ea;border-top:1px solid #c5d5ea}
.itg-pm-classic .itg-mf-nav-g:first-child{border-top:0}
.itg-pm-classic .itg-mf-nav-i{border-radius:0;margin:0;padding:4px 8px 4px 14px;font-size:12px}
.itg-pm-classic .itg-mf-nav-i:hover{background:#e8eff9}
.itg-pm-classic .itg-mf-nav-i.on,.itg-pm-classic .itg-mf-nav-i.on:hover{background:#dfe8f6;color:#15428B;font-weight:bold;outline:1px dashed #7da2ce;outline-offset:-1px}
.itg-pm-classic .itg-mf-nav-i.dis,.itg-pm-classic .itg-mf-nav-i.dis:hover{background:transparent;color:#9aa3b0;font-weight:normal;outline:0}
/* section title bar above the active section */
.itg-pm-sect{height:24px;line-height:22px;padding:0 8px;font-weight:bold;font-size:12px;color:#15428B;background:linear-gradient(#e4ebf5,#d3e1f1);border:1px solid #99bbe8;border-bottom:0;box-sizing:border-box}

/* ---------- summary tiles (forms and the Opportunities list) ---------- */
.itg-pm-tiles{display:flex;gap:8px;flex-wrap:wrap}
.itg-pm-tile{flex:1 1 0;min-width:118px;background:#fff;border:1px solid #c5d0e0;border-radius:3px;padding:5px 10px;box-sizing:border-box}
.itg-pm-tile .l{font-size:12px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itg-pm-tile .v{font-size:16px;font-weight:bold;color:#1f2937;margin:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itg-pm-tile .s{font-size:12px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Opportunities: pipeline by stage ---------- */
.itg-pm-pipe{padding:6px 8px;background:#f3f6fa;border-bottom:1px solid #c5d0e0}
.itg-pm-pipe .ph{display:flex;gap:8px;align-items:baseline;margin:6px 0 4px;font-size:12px;color:#4b5563}
.itg-pm-pipe .ph b{color:#15428B;font-size:12px}
.itg-pm-pipe .ph a{color:#15428B;cursor:pointer;text-decoration:underline}
.itg-pm-pseg{display:flex;height:20px;gap:2px;border-radius:3px;overflow:hidden}
.itg-pm-pseg button{border:0;min-width:4px;color:#fff;font:bold 11px/20px inherit;font-family:inherit;cursor:pointer;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itg-pm-pseg button:hover{filter:brightness(1.12)}
.itg-pm-plab{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:4px;font-size:12px;color:#4b5563}
.itg-pm-plab i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}

/* ---------- Opportunities: board ---------- */
.itg-pm-board{display:flex;gap:8px;padding:8px;height:100%;box-sizing:border-box;overflow-x:auto;background:#f3f6fa}
.itg-pm-bcol{flex:1 0 210px;background:#eef2f8;border:1px solid #c5d0e0;border-radius:3px;display:flex;flex-direction:column;min-height:0}
.itg-pm-bcol .bh{padding:5px 8px;border-bottom:1px solid #c5d0e0;background:linear-gradient(#f1f5fb,#dfe8f6)}
.itg-pm-bcol .bh b{color:#15428B;font-size:12px}
.itg-pm-bcol .bh div{font-size:12px;color:#4b5563}
.itg-pm-bcards{padding:6px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.itg-pm-bcard{display:block;width:100%;text-align:left;background:#fff;border:1px solid #c5d0e0;border-radius:3px;padding:6px 8px;cursor:pointer;font-family:inherit;font-size:12px;color:#1f2937}
.itg-pm-bcard:hover{border-color:#3d87d0}
.itg-pm-bcard .n{font-weight:bold}
.itg-pm-bcard .a{color:#4b5563;margin:1px 0 4px}
.itg-pm-bcard .m{display:flex;justify-content:space-between;gap:6px}

/* ---------- forms: fieldset titles in the brand colour ---------- */
.itg-pm-classic .x-fieldset{border-color:#99bbe8}
.itg-pm-classic .x-fieldset-header-text{color:#15428B;font-weight:bold}

/* fieldset titles written as <h3> in the legacy PM forms (2026-10-28) */
.itg-pm-classic .x-fieldset-header-text h3{margin:0;font-size:12px;font-weight:bold;color:#15428B;display:inline}
.itg-pm-classic .x-fieldset-header{padding:0 4px}

/* mini progress bar in grids (2026-10-28) */
.itg-pm-mini{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.itg-pm-mini .b{display:inline-block;width:46px;height:6px;background:#e5eaf2;border-radius:3px;overflow:hidden}
.itg-pm-mini .b i{display:block;height:100%}

/* 2026-10-28 round 5: opportunity header, cards, still needed, budget vs actual */
.itg-pm-band{padding:6px 10px 8px;background:linear-gradient(#fff,#eef3fa);border:1px solid #c5d0e0;margin:0 0 6px}
.itg-pm-band .nm{font-size:14px;font-weight:bold;color:#15428B}
.itg-pm-band .sub{font-size:12px;color:#4b5563;margin:1px 0 6px}
.itg-pm-steps{display:flex;align-items:center;gap:6px;font-size:12px;color:#4b5563;white-space:nowrap;overflow-x:auto}
.itg-pm-steps .st{display:inline-flex;align-items:center;gap:5px}
.itg-pm-steps .st b{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;border:1px solid #9aa3b0;border-radius:2px;font-size:10px;background:#fff}
.itg-pm-steps .st.done b{border-color:#15428B;color:#15428B;background:#dfe8f6}
.itg-pm-steps .st.on{color:#15428B;font-weight:bold}
.itg-pm-steps .st.on b{background:#15428B;border-color:#15428B;color:#fff}
.itg-pm-steps .st.lost b{background:#fde8e8;border-color:#b91c1c;color:#b91c1c}
.itg-pm-steps .ln{flex:1 1 auto;min-width:12px;height:1px;background:#c5d0e0}
.itg-pm-card{border:1px solid #99bbe8!important;margin-bottom:6px}
.itg-pm-card .x-panel-header-text{font-size:12px;font-weight:bold;color:#15428B}
.itg-pm-need{font-size:12px;color:#b91c1c;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.itg-pm-need .ok{color:#15803d}
.itg-pm-bvawrap .itg-pm-tiles{margin-bottom:8px}
table.itg-pm-bva{width:100%;border-collapse:collapse;font-size:12px;border:1px solid #c5d0e0;background:#fff}
table.itg-pm-bva th{background:linear-gradient(#fff,#e9edf3);border-bottom:1px solid #c5d0e0;border-right:1px solid #d0d7e5;font-weight:normal;text-align:left;padding:4px 6px}
table.itg-pm-bva td{padding:4px 6px;border-bottom:1px solid #ededed}
table.itg-pm-bva .r{text-align:right;white-space:nowrap}
table.itg-pm-bva .nt{color:#4b5563}
.itg-pm-hint{font-size:12px;color:#4b5563;margin-top:6px}
.itg-pm-empty{font-size:12px;color:#4b5563;padding:12px}

/* 2026-10-29 clean-up: tile values never wrap; captions shorten with an ellipsis */
.itg-pm-tile .v{white-space:nowrap}
.itg-pm-tile .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 2026-10-29 Opportunity right panel: one frame instead of nested double borders */
.itg-pm-activity > .x-panel-body{background:#fff}
.itg-pm-activity-tp > .x-tab-bar{padding-left:6px}
.itg-pm-activity-tp > .x-panel-body,.itg-pm-activity-tp > .x-tab-panel-body{border-left-width:0!important;border-right-width:0!important;border-bottom-width:0!important}

/* 2026-10-29 status arrows in the record header: same chevrons as the legacy stage buttons (timeline-overrides.css) */
.itg-pm-chev{display:flex;gap:2px;margin-top:6px}
.itg-pm-chev span{flex:1 1 0;min-width:0;height:22px;line-height:22px;padding:0 20px;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	color:#444;background:linear-gradient(180deg,#f5f5f5 0%,#d4d4d4 100%);text-shadow:0 1px 0 rgba(255,255,255,.6);
	-webkit-clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%,11px 50%);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%,11px 50%)}
.itg-pm-chev span.one{padding-left:11px;-webkit-clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%)}
.itg-pm-chev span.on{color:#fff;font-weight:bold;background:linear-gradient(180deg,#3b1fd6 0%,#12006b 100%);text-shadow:0 1px 1px rgba(0,0,0,.4)}
.itg-pm-chev span.done{color:#fff;font-weight:bold;background:linear-gradient(180deg,#2ecc52 0%,#17a030 100%);text-shadow:0 1px 1px rgba(0,0,0,.3)}
.itg-pm-chev span.lost{color:#fff;font-weight:bold;background:linear-gradient(180deg,#e04848 0%,#a51c1c 100%);text-shadow:0 1px 1px rgba(0,0,0,.3)}
/* Quotation form: classic cards on white (the legacy note-paper yellow is gone) */
.itg-pm-quote .itg-pm-card{margin-bottom:0}
.itg-pm-quote .itg-pm-card .x-toolbar{border-width:0 0 1px!important;border-color:#c5d0e0!important}
.itg-pm-quote .itg-pm-tot input{font-weight:bold}

/* 2026-10-29 side menu sub heading (Activities (labor)) and its entries */
.itg-pm-classic .itg-mf-nav-sg{padding:5px 8px 2px 14px;font-size:12px;font-weight:bold;color:#1f2937}
.itg-pm-classic .itg-mf-nav-i.sub{padding-left:26px}