/* CCID Studio V16 — precise operational accounting, native guide and order alerts */
:root{--ccid16-purple:#b38af0;--ccid16-line:rgba(174,132,220,.22);--ccid16-soft:#c6b8d6}
#ccidV16Guide{margin-top:10px!important;border:1px solid rgba(179,133,226,.19)!important;background:rgba(42,24,62,.35)!important;color:#e3d4f5!important}
#ccidV16Guide.active{background:linear-gradient(125deg,#8650c3,#6735a6)!important;color:#fff!important;box-shadow:none!important}
.ccid16-info{font-size:12px;line-height:1.75;color:#c9b8d9}
.ccid16-finbox{margin:13px 0 11px;padding:13px 15px;border:1px solid rgba(170,130,223,.24);background:rgba(30,17,46,.66);border-radius:14px}
.ccid16-finbox strong{color:#f7efff;font-size:12px}
.ccid16-breakdown{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;margin-top:8px;color:#d1c1df;font-size:12px}
.ccid16-breakdown b{color:#f5e9ff}
.ccid16-tag{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:5px 10px;border-radius:999px;font-weight:900;letter-spacing:.05em;font-size:10px;border:1px solid rgba(196,145,242,.22);white-space:normal}
.ccid16-tag.green{color:#8ff0be;background:rgba(35,121,83,.18);border-color:rgba(87,208,152,.24)}
.ccid16-tag.yellow{color:#ffe29e;background:rgba(160,110,35,.19);border-color:rgba(245,190,89,.23)}
.ccid16-tag.red{color:#ff9dab;background:rgba(157,55,76,.17);border-color:rgba(227,113,135,.25)}
.ccid16-tag.violet{color:#e4c8ff;background:rgba(111,64,164,.20)}
.ccid16-warning{display:flex;align-items:flex-start;gap:9px;margin:10px 0 0;padding:11px 13px;border-radius:12px;background:rgba(139,91,26,.20);border:1px solid rgba(233,179,90,.26);color:#ffe5b0;line-height:1.6;font-size:12px;font-weight:700}
.ccid16-warning.danger{background:rgba(133,43,61,.19);border-color:rgba(240,114,142,.24);color:#ffc0c8}
.ccid16-progress{height:6px;border-radius:100px;background:rgba(190,157,223,.18);margin-top:10px;overflow:hidden}
.ccid16-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8856c8,#c4a1ef);max-width:100%;transition:width .25s}
.ccid16-guide{max-width:1180px;color:#f4edfa;line-height:1.65}
.ccid16-guide-hero{padding:clamp(19px,3vw,31px);border-radius:23px;background:linear-gradient(120deg,rgba(66,39,99,.66),rgba(19,12,33,.83));border:1px solid var(--ccid16-line);margin-bottom:18px}
.ccid16-guide-hero small{display:block;color:#d1bbef;text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:900}
.ccid16-guide-hero h2{font-size:clamp(22px,3.5vw,34px);margin:8px 0 7px;letter-spacing:-.04em}
.ccid16-guide-hero p{color:#c8b9d7;font-size:14px;margin:0;max-width:68ch}
.ccid16-guide-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:16px 0}
.ccid16-guide-stat{padding:14px;border-radius:15px;background:rgba(10,7,18,.46);border:1px solid var(--ccid16-line)}
.ccid16-guide-stat strong{display:block;color:#faf4ff;font-size:14px}
.ccid16-guide-stat span{display:block;color:#a899ba;font-size:12px;margin-top:3px}
.ccid16-guide-controls{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.ccid16-guide-controls input{flex:1;min-width:min(230px,100%);min-height:44px;border-radius:12px;background:#130d20;border:1px solid var(--ccid16-line);padding:11px 14px;color:#fff;outline:none}
.ccid16-guide-controls button{min-height:42px;background:rgba(104,62,154,.31);border:1px solid var(--ccid16-line);border-radius:12px;color:#f2e4ff;padding:9px 14px;font-weight:800}
.ccid16-guide-sections{display:grid;grid-template-columns:1fr;gap:10px}
.ccid16-guide details{border:1px solid var(--ccid16-line);background:linear-gradient(135deg,rgba(30,18,45,.83),rgba(17,11,27,.89));border-radius:16px;overflow:hidden}
.ccid16-guide details[open]{border-color:rgba(186,134,243,.43)}
.ccid16-guide summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;list-style:none;padding:16px 19px;font-size:14px;font-weight:900;color:#f3e8ff}
.ccid16-guide summary::-webkit-details-marker{display:none}
.ccid16-guide summary:after{content:'+';color:#c4a1e7;font-size:20px}
.ccid16-guide details[open] summary:after{content:'−'}
.ccid16-guide article{border-top:1px solid var(--ccid16-line);padding:14px 19px 19px;color:#cfc0dc;font-size:13px;line-height:1.9}
.ccid16-guide article p{margin:8px 0}
.ccid16-guide article ol{padding-left:21px;margin:8px 0}
.ccid16-guide article li{margin:5px 0}
.ccid16-guide article b{color:#f5eaff}
.ccid16-guide article code{color:#e1c5ff;background:#301f45;padding:3px 6px;border-radius:5px;overflow-wrap:anywhere}
.ccid16-guide article .ccid16-example{padding:13px;border:1px solid var(--ccid16-line);border-radius:12px;background:rgba(13,8,22,.7);margin:12px 0}
.ccid16-guide article .ccid16-note{color:#ffe0aa}
.ccid16-guide .ccid16-guide-footer{font-size:12px;margin-top:18px;color:#b2a2c1}
@media(max-width:750px){.ccid16-guide-stats{grid-template-columns:1fr}.ccid16-finbox{padding:12px}.ccid16-guide summary{font-size:13px}.ccid16-guide article{padding:12px 14px 16px}.ccid16-breakdown{gap:5px 10px}}
/* Keep financial breakdown on its own line inside existing Order Management cards. */
#orderRows .order-entry{flex-wrap:wrap!important;align-items:flex-start!important}
#orderRows .order-entry>.ccid16-finbox{flex:0 0 100%;width:100%;min-width:0;box-sizing:border-box;margin:9px 0 0}
#orderRows .order-entry>.left{min-width:min(240px,100%)}
#orderRows .order-entry .ccid16-warning{width:100%;box-sizing:border-box}
@media(max-width:650px){#orderRows .order-entry>.left{min-width:0}#orderRows .order-entry>.ccid16-finbox{margin-top:12px}}