/* OfficeCalculator.Net v104 — Time Duration Calculator */
.oc-duration-v104-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:620px;margin:0 0 18px}.oc-duration-v104-mode .oc-v103-btn{min-height:48px}.oc-duration-v104-mode .is-active{background:var(--v103-blue)!important;border-color:var(--v103-blue)!important;color:#fff!important;box-shadow:0 8px 20px rgba(37,99,235,.20)}
.oc-duration-v104-grid{align-items:stretch}.oc-duration-v104-grid>.oc-v103-panel{height:100%}.oc-duration-v104-pane[hidden]{display:none!important}.oc-duration-v104-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oc-duration-v104-fields.single{grid-template-columns:1fr}.oc-duration-v104-field{position:relative}.oc-duration-v104-field label{display:block;margin-bottom:7px;color:var(--v103-muted);font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.oc-duration-v104-field input{width:100%!important;min-height:54px!important;padding-right:86px!important;font-size:1rem!important;font-weight:800!important}.oc-duration-v104-mini{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border:1px solid #c7d6ef;border-radius:8px;background:#edf3ff;color:#174fb7;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer;transition:.15s ease}.oc-duration-v104-mini:hover{background:#dce9ff;border-color:#9eb8e8;color:#123f8f}.oc-duration-v104-field .oc-duration-v104-mini{position:absolute;right:9px;bottom:12px}.oc-duration-v104-check{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 12px;border:1px solid var(--v103-line);border-radius:11px;background:var(--v103-soft);font-size:.82rem;font-weight:800;line-height:1.45}.oc-duration-v104-check input{width:18px!important;height:18px!important;margin:1px 0 0!important;flex:0 0 auto}.oc-duration-v104-quick{margin-top:16px;padding:13px;border:1px dashed #b9c9e2;border-radius:13px;background:var(--v103-soft)}.oc-duration-v104-quick>span{display:block;margin-bottom:9px;color:var(--v103-muted);font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.oc-duration-v104-quick>div{display:flex;flex-wrap:wrap;gap:8px}.oc-duration-v104-quick .oc-v103-btn{min-height:38px;padding:7px 10px;font-size:.78rem}.oc-duration-v104-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.oc-duration-v104-controls .primary{min-width:180px}
.oc-duration-v104-result{min-height:420px;padding:20px;border:1px solid #b7cbed;border-radius:18px;background:linear-gradient(145deg,#edf4ff 0%,#f8fbff 70%,#eef5ff 100%);box-shadow:0 18px 42px rgba(31,72,135,.12);color:#152f5d}.oc-duration-v104-empty{display:grid;place-items:center;min-height:380px;text-align:center}.oc-duration-v104-empty div{max-width:310px}.oc-duration-v104-empty strong{display:block;font-size:1.05rem}.oc-duration-v104-empty span{display:block;margin-top:7px;color:#667794;line-height:1.55;font-size:.88rem}.oc-duration-v104-live[hidden]{display:none!important}.oc-duration-v104-kicker{display:block;color:#2563eb;font-size:.7rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.oc-duration-v104-main{margin-top:7px;color:#163b78;font-size:clamp(2.35rem,5vw,4.4rem);font-weight:950;letter-spacing:-.045em;line-height:1.02;font-variant-numeric:tabular-nums}.oc-duration-v104-summary{margin:9px 0 0!important;color:#536681!important;font-size:.92rem!important;line-height:1.55!important}.oc-duration-v104-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.oc-duration-v104-stats>div{padding:11px 12px;border:1px solid #c7d7ef;border-radius:11px;background:rgba(255,255,255,.86)}.oc-duration-v104-stats span{display:block;color:#697b96;font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.oc-duration-v104-stats strong{display:block;margin-top:4px;color:#173c73;font-size:1rem;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.oc-duration-v104-method{margin-top:14px;padding-top:13px;border-top:1px solid #cad8ed}.oc-duration-v104-method>strong{font-size:.84rem}.oc-duration-v104-method ol{margin:8px 0 0;padding-left:20px;color:#536681;font-size:.83rem;line-height:1.55}.oc-duration-v104-method li+li{margin-top:4px}.oc-duration-v104-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}.oc-duration-v104-actions .oc-v103-btn{width:100%;min-height:44px;background:var(--v103-blue)!important;border-color:var(--v103-blue)!important;color:#fff!important}.oc-duration-v104-actions .oc-v103-btn:hover{background:var(--v103-blue-hover)!important;border-color:var(--v103-blue-hover)!important;color:#fff!important}
.oc-duration-v104-history{margin-top:18px;padding:16px;border:1px solid var(--v103-line);border-radius:16px;background:var(--v103-bg)}.oc-duration-v104-history .oc-v103-panel-title{margin-bottom:9px}.oc-duration-v104-history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.oc-duration-v104-history-empty{grid-column:1/-1;padding:15px;border:1px dashed var(--v103-line);border-radius:11px;color:var(--v103-muted);text-align:center;font-size:.82rem}.oc-duration-v104-history-item{padding:10px 11px;border:1px solid var(--v103-line);border-radius:11px;background:var(--v103-soft)}.oc-duration-v104-history-item strong{display:block;color:var(--v103-text);font-size:.9rem}.oc-duration-v104-history-item span{display:block;margin-top:4px;color:var(--v103-muted);font-size:.72rem;line-height:1.4}.oc-duration-v104-toast{position:fixed;left:50%;bottom:24px;z-index:11000;transform:translateX(-50%);padding:9px 13px;border-radius:10px;background:#152036;color:#fff;font-size:.78rem;font-weight:850;box-shadow:0 10px 30px rgba(0,0,0,.24)}
body.oc-dark .oc-duration-v104-result{background:linear-gradient(145deg,#1a2a44,#131e31);border-color:#304c78;color:#eef5ff}.oc-dark .oc-duration-v104-main{color:#dce9ff}.oc-dark .oc-duration-v104-summary,.oc-dark .oc-duration-v104-method ol{color:#aebbd0!important}.oc-dark .oc-duration-v104-stats>div{background:#17243a;border-color:#30435f}.oc-dark .oc-duration-v104-stats strong{color:#e8f0ff}.oc-dark .oc-duration-v104-stats span{color:#9eb0ca}.oc-dark .oc-duration-v104-mini{background:#1c315a;border-color:#35517e;color:#cfe0ff}.oc-dark .oc-duration-v104-mini:hover{background:#284570;color:#fff}
@media(max-width:920px){.oc-duration-v104-history-list{grid-template-columns:1fr 1fr}.oc-duration-v104-actions{grid-template-columns:1fr 1fr}.oc-duration-v104-actions button:last-child{grid-column:1/-1}}
@media(max-width:700px){.oc-duration-v104-mode{grid-template-columns:1fr 1fr}.oc-duration-v104-fields{grid-template-columns:1fr}.oc-duration-v104-result{min-height:0;padding:16px}.oc-duration-v104-empty{min-height:220px}.oc-duration-v104-main{font-size:clamp(2rem,12vw,3.3rem)}.oc-duration-v104-history-list{grid-template-columns:1fr}.oc-duration-v104-actions{grid-template-columns:1fr}.oc-duration-v104-actions button:last-child{grid-column:auto}.oc-duration-v104-controls{display:grid;grid-template-columns:1fr 1fr}.oc-duration-v104-controls .primary{grid-column:1/-1;min-width:0}.oc-duration-v104-field input{min-height:52px!important}}
@media(max-width:430px){.oc-duration-v104-mode{grid-template-columns:1fr}.oc-duration-v104-stats{grid-template-columns:1fr}.oc-duration-v104-controls{grid-template-columns:1fr}.oc-duration-v104-controls .primary{grid-column:auto}.oc-duration-v104-quick>div{display:grid;grid-template-columns:1fr}.oc-duration-v104-quick .oc-v103-btn{width:100%}}