/* Contract styling only. Preserve all original layout and state rules.
   No display, positioning, sizing, spacing, visibility, or behavior overrides. */
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) { color: #233e2e; font-family: Arial, Helvetica, sans-serif; }
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) :is(td, label, .labelClass, .mainDarkClass, .nameClass) { color: #233e2e; }
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) :is(.nameClass, .mainDarkClass) { font-family: Arial, Helvetica, sans-serif; }
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) :is(input[type="text"], input[type="date"], input[type="number"], select, textarea) {
    color: #233e2e;
    background-color: #ffffff;
    border-color: #ccddd1;
    border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: inset 0 1px 2px rgba(35, 62, 46, 0.03);
}
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) :is(input, select, textarea, button, a):focus-visible {
    outline: 2px solid #2e8049;
    outline-offset: 2px;
}
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) :is(input[type="submit"], input[type="button"], button) {
    background-color: #267541;
    color: #ffffff;
    border-color: #267541;
    border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
}
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) :is(input[type="submit"], input[type="button"], button):hover:not(:disabled) {
    background-color: #1f6337;
    border-color: #1f6337;
}
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) :is(input[type="checkbox"], input[type="radio"]) { accent-color: #267541; }
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) :is(input, select, textarea):disabled {
    background-color: #edf2ee;
    color: #587160;
    border-color: #dce8df;
}
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) input[readonly], :is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) textarea[readonly] { background-color: #f6f9f7; }
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) a { color: #267541; }
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) a:hover { color: #1f6337; }
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) .tabNav { border-color: #ccddd1; border-radius: 6px; }
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) th { background-color: #e9f2ec; color: #254d32; border-color: #dce8df; }
:is(#rciTbl, #rcTransTbl, #svcTbl) { background-color: #ffffff; border-color: #dce8df; }
:is(#rciTbl, #rcTransTbl, #svcTbl) td { border-color: #e2eae5; }
:is(#rciTbl, #rcTransTbl, #svcTbl) tr:hover td { background-color: #f6f9f7; }
:is(#rcTbl, #rciTbl, #rcTransTbl, #svcTbl, #actionBtnTbl, #modalAddContact, #modalAddShipTo, #modalSelectCustomer, #modalAddRCi, #modalScanRCi, #modalEditRCi, #modalSetBillingStartAll, #modalSetReturnedAll, #modalSelectContract) .container { background-color: #f3f7f4; border-radius: 12px; }
/* Keep the existing warning/error/success colors and controller-driven states. */

body{font-family:Arial,Helvetica,sans-serif;color:#233e2e;background:#f3f7f4}#demo-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;background:#e9f2ec;border:1px solid #ccddd1;border-radius:8px;margin-bottom:14px;font-size:12px}#demo-toolbar button{padding:7px 12px;border:1px solid #ccddd1;border-radius:6px;background:white;color:#267541;cursor:pointer}#demo-status{color:#587160}#wait{display:none!important}.modalClass{background:rgba(20,40,25,.4)}.modalClass>div{background:white}input[type=submit]{background-color:#267541}.tabNav{border-color:#ccddd1;border-radius:6px}.clItems th{background:#e9f2ec;color:#254d32}.clItems td{border-color:#dce8df}.w3-check{width:20px;height:20px}.demo-photo{width:150px;max-height:140px;object-fit:contain}.demo-card{background:#fff;border:1px solid #dce8df;border-radius:12px;padding:20px;margin:12px 0}.demo-stats{display:flex;gap:16px;flex-wrap:wrap}.demo-stats strong{display:block;font-size:26px;margin-top:10px}@media print{#demo-toolbar,.modalClass,#rnt-photo-modal{display:none!important}}

/* Local IN/OUT photo state icons; preserve keyboard and click interaction. */
#rciTbl button.demo-photo-icon,#contract-workspace #rciTbl button.demo-photo-icon {
    display:inline-flex; align-items:center; justify-content:center;
    width:44px!important; height:40px!important; min-width:44px;
    padding:4px!important; border:0!important; border-radius:6px!important;
    background:transparent!important; box-shadow:none!important; cursor:pointer;
}
#rciTbl button.demo-photo-icon img { display:block; width:36px; height:32px; }
#rciTbl button.demo-photo-icon:hover { outline:1px solid var(--ra-line,#ccddd1); }
#rciTbl button.demo-photo-icon:focus-visible { outline:2px solid var(--ra-accent,#267541); outline-offset:2px; }