/* Atlas Service Desk (ITSM) and Procurement Portal, the manual application. Both render inside the simulated screen,
   which stays light in both themes. */
.itsm-header{background:#1d3446;color:#fff}
.itsm-header .product-brand{color:#fff}.itsm-header .product-brand>svg{color:#6fd6bd}.itsm-header .product-brand small{color:#9fc4d0}
.itsm-header .product-account strong{color:#fff}.itsm-header .product-account small{color:#9fc4d0}
.itsm-header .avatar{background:linear-gradient(135deg,#2c8f86,#5aa0d8);color:#fff}
.itsm-header+.product-nav>a.active{border-bottom-color:#1f8a7a;color:#176c61}
.itsm-intro{max-width:720px;color:#556377;font-size:.9rem;margin:0 0 18px}
.itsm-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.itsm-tile{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:18px 20px}
.itsm-tile svg{grid-row:span 2;color:#1f8a7a}
.itsm-tile strong{font-size:26px;line-height:1;color:#1d3446}
.itsm-tile span{font-size:12px;color:#68808a}
.itsm-groups{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px;font-size:.85rem;color:#556377}
.itsm-groups svg{color:#1f8a7a}
.itsm-ticket{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
.itsm-fields{padding:20px 22px}
.itsm-fields dl{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:10px 18px;margin:0;font-size:.875rem}
.itsm-fields dt,.itsm-fields dd{margin:0;padding:0;line-height:1.45}
.itsm-fields dt{color:#68808a;font-weight:600}
.itsm-fields dd{margin:0;min-width:0;overflow-wrap:anywhere}
.itsm-fields dd small{display:block;color:#68808a}
.itsm-task,.itsm-activity{padding:20px 22px}
.itsm-task h2,.itsm-activity h2{margin:0 0 10px;font-size:1.05rem}
.itsm-task p{margin:0 0 10px;font-size:.875rem}
.itsm-task ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.itsm-task li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:#f2f7f7;font-size:.85rem}
.itsm-task li span{color:#556377}
.itsm-task blockquote{margin:6px 0 0;padding:10px 12px;border-left:3px solid #1f8a7a;background:#f6faf9;font-size:.875rem}
.itsm-activity{grid-column:1/-1}
.itsm-activity ol,.proc-log{list-style:none;margin:0;padding:0;display:grid;gap:0}
.proc-log{padding:0 20px 8px}
.itsm-activity li,.proc-log li{padding:10px 0;border-bottom:1px solid var(--line);font-size:.875rem}
.itsm-activity li:last-child,.proc-log li:last-child{border-bottom:0}
.itsm-activity li p,.proc-log li p{margin:3px 0 0}
.itsm-activity small,.proc-log small{color:#68808a}
.itsm-lab{display:flex;gap:8px;align-items:flex-start;margin:16px 0 0;padding:10px 12px;border-radius:10px;background:#eef4fb;color:#3d5570;font-size:.8rem}
.itsm-lab svg{flex-shrink:0;margin-top:2px}
.itsm-integration{padding:22px}
.itsm-integration .section-heading p{margin:4px 0 0;color:var(--muted);font-size:.875rem;max-width:640px}
.itsm-request-tickets{margin:10px 0;padding:10px 12px;border-radius:10px;background:#fff7ec;font-size:.85rem}
.itsm-request-tickets p{margin:6px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.itsm-request-tickets small{color:#7a6a52}
.proc-header{background:#fff;border-top:4px solid #e0762b}
.proc-header .product-brand{color:#9a4a12}.proc-header .product-brand small{color:#b8764a}
.proc-header+.product-nav>a.active{border-bottom-color:#e0762b;color:#9a4a12}
.proc-dashboard{background:#fbf8f5;margin:-25px;padding:25px;min-height:100%}
.proc-hero{padding:24px 26px;border-radius:12px;background:linear-gradient(120deg,#6b2f0d,#c0612a);color:#fff;margin-bottom:20px}
.proc-hero h1{color:#fff;margin:8px 0}.proc-hero p{color:#f6d9c4;margin:0}.proc-hero .eyebrow{color:#f6d9c4;padding:0}
.proc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:20px}
.proc-cards article{padding:20px;display:grid;gap:8px}
.proc-cards strong{font-size:26px;color:#6b2f0d}
.proc-cards span{font-size:12px;color:#7d6a5c}
.proc-main>.panel:not(.access-denied)>h2,.proc-dashboard>.panel>h2{margin:0;padding:20px 20px 6px}
.proc-dashboard>.panel>.muted{padding:0 20px 16px;margin:0}
@media(max-width:760px){.itsm-ticket{grid-template-columns:1fr}.itsm-tiles{grid-template-columns:1fr}.itsm-fields dl{grid-template-columns:1fr;gap:2px}.itsm-fields dd{margin-bottom:8px}.proc-dashboard{margin:-20px -13px;padding:18px 13px}}