/* Iveco POWER - MVC (server-rendered) */
body{background:#fff;margin:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#000}
.power-wrap{width:98%;max-width:1320px;margin:0 auto;position:relative}
img{border:0}
a{color:#002C72;text-decoration:none}
a:hover{text-decoration:underline}

/* header */
.hdr{background:#fff;display:flex;align-items:center;padding:4px 6px}
.hdr .logo{font-weight:800;font-size:22px;color:#002C72;letter-spacing:1px}
.hdr .logo small{font-weight:400;font-size:10px;display:block;color:#333}
.hdrlinks{margin-left:auto;color:#002C72;font-weight:bold;white-space:nowrap}
.hdrlinks .sep{color:#e52325;margin:0 4px}
.ivgroup{color:#b8bcc4;font-weight:bold;font-size:15px;letter-spacing:2px;margin-left:18px;text-align:right;line-height:15px}
.graybar{background:#8f8f8f;color:#fff;padding:4px 8px;font-size:11px}
.graybar select{font-size:11px}
.navbar{background:#e52325;color:#fff;font-weight:bold;padding:3px 8px}
.navbar a{color:#fff;text-decoration:none}
.navbar a:hover{text-decoration:underline}
.navbar .ayrac{margin:0 6px;color:#ffd0d0;font-weight:normal}
.navbar .cur{color:#fff;text-decoration:underline}
.infobar{background:#cfd6e6;border:1px solid #9aa6c0;color:#002C72;padding:4px 10px;margin-bottom:8px;text-align:center}
.infobar b{color:#000}

/* body: menu + main */
.bodytbl{display:flex;align-items:stretch}
.leftcol{width:180px;flex:0 0 180px;background:#f0f0f0;border-right:2px solid #e52325}
.menu-title{background:#c8c8c8;font-weight:bold;padding:4px 8px;border-bottom:1px solid #aaa}
.smenu{list-style:none;margin:0;padding:0}
.smenu li a{display:block;padding:5px 10px;border-bottom:1px solid #dcdcdc;color:#002C72;background:#f8f8f8}
.smenu li a:hover{background:#dbe4f3;text-decoration:none}
.smenu li.mgroup{padding:4px 8px;font-weight:bold;background:#c8c8c8;border-top:1px solid #aaa;border-bottom:1px solid #aaa;border-left:4px solid #e52325}
.maincol{flex:1;min-width:0;background:#9a9a9a;padding:10px}
.paneltitle{background:#002C72;color:#fff;font-weight:bold;padding:4px 10px;margin-bottom:8px}

/* home */
.ohome{text-align:center;padding:40px}
.ohome .big{font-size:44px;font-weight:800;color:#002C72}

/* search form */
.frm{background:#d9d9d9;border:1px solid #b0b0b0;padding:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.frm label{font-weight:bold;color:#002C72}
.frm input{border:1px solid #7a7a7a;padding:4px 6px;font-size:12px}
.pwrbtn{background:#e6e6e6;color:#002C72;border:2px outset #c8c8c8;font-weight:bold;padding:4px 14px;cursor:pointer;font-size:11px}
.pwrbtn:hover{background:#002C72;color:#fff}

/* tiles */
.otiles{display:flex;flex-wrap:wrap;gap:14px;padding:6px}
.tile{width:150px;text-align:center;text-decoration:none}
.tile .img{background:#fff;border:2px solid #002C72;position:relative;height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tile:hover .img{border-color:#e52325}
.tile .img img{max-width:100%;max-height:118px}
.tile .code{position:absolute;left:6px;bottom:2px;font-size:26px;font-weight:bold;color:#000;text-shadow:0 0 3px #fff,0 0 3px #fff}
.tile .cap{background:#d9d9d9;border:1px solid #b0b0b0;border-top:none;color:#002C72;font-weight:bold;padding:3px 4px}
.tile:hover .cap{background:#dbe4f3}

/* results / list */
.rtbl{width:100%;border-collapse:collapse;background:#fff}
.rtbl th{background:#002C72;color:#fff;padding:3px 6px;text-align:left}
.rtbl td{border-bottom:1px solid #e6eaf0;padding:3px 6px}
.rtbl tr:hover{background:#f0f4fb}
.vehcard{background:#fff;border:1px solid #b0b0b0;border-left:3px solid #002C72;padding:8px;margin-bottom:8px}
.vehcard b{color:#002C72}
.path{color:#002C72;font-weight:bold;margin-bottom:6px;font-size:12px}

/* plate: drawing + parts */
.oplate{background:#fff;border:1px solid #b0b0b0;padding:6px}
.platehead{background:#002C72;color:#fff;font-weight:bold;padding:4px 8px;margin-bottom:6px;display:flex;align-items:center}
.platehead .sag{margin-left:auto}
.plate-body{display:flex;gap:10px;align-items:flex-start}
.odrawing{position:relative;display:inline-block;border:1px solid #b9c2cf;padding:4px;background:#fff}
.odrawing img{width:760px;max-width:100%;display:block}
.ohot{position:absolute;inset:4px;pointer-events:none}
.ohs{position:absolute;transform:translate(-50%,-50%);min-width:15px;height:15px;padding:0 2px;background:#002C72;color:#fff;border:1px solid #002C72;border-radius:8px;font-size:10px;font-weight:bold;text-align:center;line-height:13px;pointer-events:auto;cursor:pointer;opacity:.8;text-decoration:none}
.ohs:hover,.ohs.hot{background:#f5c400;color:#000;opacity:1;transform:translate(-50%,-50%) scale(1.4);z-index:6}
.ohs.child{background:#16794f;border-color:#16794f;border-radius:3px}
.ohs.on{background:#2ecc40;color:#000;border-color:#177d1f;opacity:1}   /* tıklanmış=yeşil, hover'a rağmen kalır */
.childpanel{width:170px;flex:0 0 170px}

/* parça listesi: order ile sıralanabilsin diye flex (tablo değil) */
.partswrap{margin-top:8px;border:1px solid #9aa6c0;max-height:520px;overflow:auto;background:#fff}
.plate-right .partswrap{max-height:520px}
.partsgrid{display:flex;flex-direction:column;font-size:12px}
.prow{display:flex;border-bottom:1px solid #e6eaf0;align-items:stretch;cursor:pointer}
.prow.head{order:-100000;position:sticky;top:0;z-index:3;background:#002C72;color:#fff;font-weight:bold;cursor:default}
.prow>span{padding:3px 6px;overflow:hidden;text-overflow:ellipsis}
.prow.head>span{white-space:nowrap}
.c-it{flex:0 0 34px;text-align:center;font-weight:bold;color:#e52325}
.prow.head .c-it{color:#fff}
.c-pn{flex:0 0 118px;font-family:Consolas,monospace;color:#002C72;font-weight:bold}
.c-ad{flex:0 0 40px;text-align:center}
.c-desc{flex:1 1 auto;min-width:120px}
.c-not{flex:0 0 150px;color:#666}
.prow:not(.head):hover{background:#f0f4fb}
.prow.hi{background:#fff2a8 !important}          /* hover işareti = sarı */
.prow.pin{background:#bff5b6 !important}          /* tıklanmış = yeşil, kalıcı */
.prow.pin.hi{background:#d6f59a !important}
/* seçim + flag kolonları */
.c-sec{flex:0 0 26px;text-align:center}
.c-fl{flex:0 0 34px;text-align:center;font-weight:bold}
.mflag{color:#a000a0}.sflag{color:#0060c0}.rflag{color:#b05000}
.prow.head .c-fl{color:#fff}
/* kompakt (Plate sekmesi: çizimin yanında sadece Poz/Part/Ad) */
.partswrap.kompakt .c-desc,.partswrap.kompakt .c-not,.partswrap.kompakt .c-fl{display:none}
.partswrap.kompakt{max-height:520px}
.parca-araclar{display:flex;gap:14px;align-items:center;background:#d9d9d9;border:1px solid #b0b0b0;border-top:none;padding:5px 8px;font-size:11px}
.parca-araclar label{color:#002C72}

/* sekme çubuğu (Plate and Item / Plate / Item / Modifications) */
.tabbar{display:flex;gap:2px;margin-bottom:8px;border-bottom:2px solid #002C72}
.tabbar .tab{padding:5px 14px;background:#c8c8c8;color:#002C72;font-weight:bold;border:1px solid #a0a0a0;border-bottom:none}
.tabbar .tab:hover{background:#dbe4f3;text-decoration:none}
.tabbar .tab.aktif{background:#002C72;color:#fff;border-color:#002C72}

/* plateitem: çizim üstte tam genişlik */
.pi-drawing{text-align:center;margin-bottom:8px}
.plate-right{flex:1;min-width:0}

/* Modifications sekmesi */
.modlist{display:flex;flex-direction:column;border:1px solid #9aa6c0;background:#fff;font-size:12px}
.modpart{background:#eef1f6;font-weight:bold}
.modnote{background:#fff7c0;border-bottom:1px solid #eede8a;padding:3px 10px;color:#7a5b00;font-size:11px}

/* bildirim */
.toast{background:#dff5d8;border:1px solid #79c46a;color:#1f6b12;padding:6px 10px;margin-bottom:8px;font-weight:bold}

/* footer */
.ftr{background:#c1c1c1;padding:4px 6px;margin-top:4px;border-top:4px solid #e52325}
.sesstab{display:inline-block;padding:3px 14px;background:#8f8f8f;color:#fff;margin-right:2px;font-weight:bold}
.sesstab.active{background:#f0f0f0;color:#002C72}